トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

githubでコマンドライン使わずにファイルを上げる&readmeに画像をのせる

まともにgithubを使ってない自分用に備忘録。

私はバージョン管理とかじゃなくてただコードを見やすくネット上に上げたいがために使っています。コマンドラインは使いません。

githubコマンドライン使わずにファイルを上げるor作る

リポジトリを作ったら上のほうのreadmeを押します。

f:id:bibinbaleo:20170626154023p:plain

f:id:bibinbaleo:20170626154017p:plain

そしてCommit new file

f:id:bibinbaleo:20170626154137p:plain

これでCreate new fileやUpload filesなどのボタンが表示されました!やったー

f:id:bibinbaleo:20170626154218p:plain

ファイルを編集する

作ったファイルを編集しようと思ったら、ブランチを作らないと編集や消去はできませんよって出ました。(出ないときもある)

f:id:bibinbaleo:20170626154946p:plain

ブランチはプルダウンから作れました。

f:id:bibinbaleo:20170626154842p:plain

これで編集できるようになりました。ブランチは最初のmasterが丸々コピーされました。なのでmasterを編集したほうがいいと思われます。

www.backlog.jp

ブランチを消去

わけわからずに作りすぎてしまったブランチはリポジトリから、branchesを押して、

f:id:bibinbaleo:20170626155332p:plain

この画面で消去できます。赤いゴミマーク

f:id:bibinbaleo:20170626155336p:plain

qiita.com

画像を表示

リードミーなどに画像を追加する方法。

<img src="画像のurl" alt="画像の名前" title="オンマウスしたときに出てくる名前">

これを書けばいいです。マークダウン形式でもいいらしいのですがなぜかうまくいかなかったのでhtml形式でやりました。

altはリンク切れなどで画像が表示されないときに表示される名前です。

f:id:bibinbaleo:20170626160139p:plain

画像のurlについてはgithubに画像保存用のブランチを作るのがかっこいいらしいので作りました。

f:id:bibinbaleo:20170626160447p:plain

Uploadfikeで画像をアップロードして、そのページのurlをコピーして、

f:id:bibinbaleo:20170626160454p:plain

さっきのreadmeの画像urlのところに入れればいいと思われます。

f:id:bibinbaleo:20170626160810p:plain

できました!

f:id:bibinbaleo:20170626160708p:plain

参考

gist.github.com

cakecatz.hatenadiary.com