harukeeeのブログ

@harukeee が書いています。

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 で記事を書こうと思います。
実は、このくらいしか使う機会がないんですね。。

f:id:harukeee:20180222033949p:plain