VSCode を使って Markdown でブログを書く
知らない事はいっぱいあるもので、「はてぶ」が Markdown を使えるなんて。
ということで今回は Markdown で書いてみます。
Markdownとは・・
Word をメモ帳だけで実現してしまおう。
的な発想の簡易記述法です。(本当はHTMLです)
Word だと「あいうえを」を入力して「太字」ボタンを押します。
Markdown だと「**あいうえお**」と入力します。
すると「あいうえお」と太字表示になります。
エディターを準備する
Word文書は Word がないと見れない。それと同じです。
Markdown の結果を見ながら編集するために VSCode を使います。
他にもエディターは沢山ありますが(知らんけど)何でも構いません。
VSCode (Visual Studio Code) とは Microsoft の無償の高機能メモ帳です。
https://code.visualstudio.com/download
からインストールします。
心を無にして「次へ」を連打するか、ググって下さい。
Markdownを書いてみる
Visual Studio Code をインストール、起動したら、
1.[ファイル] → [新規ファイル] で空のファイルを開きます。
2.空のファイルに以下をコピペして下さい。
# タイトルがこうなる
**あいうえお**
3.ファイルを保存します。
保存する時「ファイル名」の下に「ファイルの種類」があるので、
ここを「Markdown (*.md;*.mdown~)」に変更して保存します。
すると VSCode の右上に「扉マーク」と「虫眼鏡付き扉マーク」が表れます。
4.「虫眼鏡付き」の方を押すと、Markdown のプレビューが表示されます。
Markdown にすれば、仕事中にブログを書いてもバレません。(たぶん)
下手をすれば IT企業で採用されちゃう可能性すら。(誇張)
せっかちな人に少しだけ。改行するには半角スペース2個 です。
はてブの設定
超簡単。はてブの [ダッシュボード] → [設定] → [基本設定] を開きます。
[編集モード] を Markdownモード に変更。
記事を書く
Markdown 書いた md ファイルのテキストをコピペで はてブ に貼るだけです。
Markdownの基本的な書き方
改行、斜体、水平線など、基礎的な書き方なら
https://qiita.com/t_wkm2/items/372fd1c851c4d221b1f3
の「Markdown記法早見表」が簡素でいい感じでした。
画像は、はてブの編集画面で別途差し込みが必要になります。
足りない時はググってください。基本が分かってれば簡単です。
慣れてきたら「Markdown チートシート」で検索しましょう。
全(?)記法の早見表が出てきます。
ということで、今後は Markdown で記事を書こうと思います。
実は、このくらいしか使う機会がないんですね。。