ブログタイトル募集中の新人SE記

ネットの片隅で非力を嘆く

ブログにかっこよくソースコードを載せてみた

今回の目標

  • ソースコードを見やすい形でブログに載せる
  • こんな↓感じ f:id:SH000N:20151117234513j:plain かっこいい(・ω・)ノ

(いきなりですが)結論!

  • マークダウンとやらを使って記述する!らしい
    • 詳しくはgoogle先生に聞いて下さい(後日まとめるつもりです、、、)

今回使用したツール

やってみた

手順

  1. Kobitoを使って下書き

    • マークダウンを使ってテキスト内に記述
      • Kobitoさんスゴイ!書いてる時からプレビューがカッコいいことに↓↓ f:id:SH000N:20151117234621j:plain
  2. そのまんま コピー

    • 下書きしたものをブログの「記事を書く」に貼り付け

3.ブログにアップ - コピーしたものを丸ごとペースト!!

4.完了 f:id:SH000N:20151117234723j:plain あれ? で  き  て  な  い  ?  ?  ?

補足

  • 問題はブログを書く時の 編集モード? にありました
  • 編集モードを 「Markdown」 に変更すると解決 f:id:SH000N:20151117234745j:plain

  • 完成!!!

最後に

  • 実際はマークダウンを使ってそのまま記述するだけでかっこよく書けるみたいです
    • Kobito使って書いたほうが書きやすかった(個人差があります)
  • マークダウンを使って記述するとhtmlタグの<h1>とかと同じ効果を生むらい
    • 利点が色々あるそうで、、、(詳しくは他の大先生方のブログをご覧ください)

では、これからも細々と少しずつ更新しますのでよろしくお願いいたします(・ω・)ノ