My,WebNote - 備忘録 -

「楽して稼ぐ」才能が皆無。貧乏暇なしを身を持って実践し、趣味のために働くキモオタ・ワーカーホリック。 絶賛「艦これブログ」となりつつある今日この頃・・・・。

GitHub プログラミング

【GitHub】Gistsの使い方

投稿日:2015年3月30日 更新日:

ブログにコードを貼り付ける際よく使われるのが
「Syntax highlighting」(シンタックスハイライト)。

このブログにも一応導入していますが、なんかズレる
というか、最後に余分な一行が追加される。

参考:【Android】画面回転時の状態を保存&復元する

色々調整すれば治るんでしょうが、正直設定項目が多くて面倒くさい。
「GitHubに上げたコードをそのままブログに貼れればいいのに・・・」
と思っているとあるじゃないですか(・∀・)

今回使用するのは「gist-it」というものです。

GitHubに上げたコードをそのまま貼り付ける。(使用例)

使用方法

①とりあえず「GitHub」へ。
②貼り付けたいコードがあるリポジトリのページへ行く。
③貼り付けるコードが記載されているURL(普通のヤツ)をコピー。
④コピーしたURLを下記のように編集。※下記URLは省略表記

編集前

https://github.com/KiRi-Byakuya/・・・/Program.cs

編集後

http://gist-it.appspot.com/github/KiRi-Byakuya/・・・・/Program.cs

⑤最終的にはタグを付けてこんな感じにする↓。

<script src="http://gist-it.appspot.com/github/KiRi-Byakuya/sample_test2/blob/master/sample_test2/Program.cs"></script>

表示する行を指定する。

サイトは全部英語なので詳しくはわかりませんが、ざっくり見た感じ
表示されるコードの行数を指定できるようなのでやってみる。

指定した行番号だけ表示する

※行番号1だけ表示

・・・master/sample_test2/Program.cs?slice=1">

※メモ:表示されている場所から先頭行番号は「0」であることが分かる。


行番号「x」から「y」まで表示する

※行番号3~6(x~y)を表示

・・・master/sample_test2/Program.cs?slice=3:6">


先頭「x」からフッターを除く、最終行「-y」まで表示

※先頭2行目から最終行から-5まで表示

・・・master/sample_test2/Program.cs?slice=2:-5">


フッターを消す

※フッター部分を消す。(「?footer=0」or 「?footer=no」)

・・・master/sample_test2/Program.cs?footer=0">

まとめ

う~ん・・・・。見た目で言うと「Gists」の方が好きだなぁ・・・。
でも手間を考えるとこっちの方が楽かな?てか、色々オプションがあるのに
何故行番号の表示ができないんだろうか(´・ω・`;)?

現場のプロが教えるHTML+CSSコーディングの最新常識 知らないと困るWebデザインの新ルール4
現場のプロが教えるHTML+CSSコーディングの最新常識 知らないと困るWebデザインの新ルール4 大竹孔明 小川裕之 高梨ギンペイ 中江 亮 株式会社まぼろし

エムディエヌコーポレーション 2015-03-25
売り上げランキング : 2199

Amazonで詳しく見る by G-Tools

Ad_336x280

Ad_336x280

  • この記事を書いた人

白夜霧

現役のIT土方・社畜・カフェイン中毒者。趣味のために生き、趣味のために金を稼ぐ。趣味はアニメ、マンガ、ゲーム、車、料理、etc・・・。何となく「艦これ」を始めたら、どっぷりハマってしまい、攻略記事なんかを偉そうに投稿しているおっさんです。最近新しいブログを立ち上げ、こき使われています『吾輩は群馬である。』。こちらも宜しくお願いします m(_ _)m

オススメ記事

Fire_TV_Stick_新型_レビュー_31 1

  どうも白夜霧です。 以前記事を上げた新型「Amazon Fire TV」と「Fire TV Stick」の比較記事を ...

2

Amazon「Fire HD 8」 タブレット 2017年 Newモデルを買ってみた。艦これもサクサク動くねぇ~。

電子タバコ_VITAFUL_ビタフル_ビターコーヒー00 3

  どうも、タバコが嫌いな白夜霧(@KiRi_Byakuya)です。   皆さんはコーヒーはお好きですか? 私 ...

audible_オーディオブック_無料_料金_安い_コイン_君の名は_新海誠_アニメ_声優_025 4

スキマ時間活用・Amazon Audible・登録・退会・購入方法・オススメ作品まとめ・豪華声優出演作品あり・新海誠・君の名は。

-GitHub, プログラミング
-

Copyright© My,WebNote - 備忘録 - , 2018 All Rights Reserved.