EvernoteにHTML/CSSコードが書ける?

f:id:xxxxkun:20180126083051p:plain

どうもスナ(@morisuna808)です。

Evernoteにコードを保存しておきましょう。

 

サイトやブログを書いていたりすると、HTMLやCSSのコードを保管しておきたい!

ってなる場面が多々あります。

デザインを変更したいときにコードを書き換える必要があるのですが、今まではEvernote内のノートにそのまま書いて保管していました。

 

こんな感じ⬇︎

f:id:xxxxkun:20180126075701p:plain

ぐちゃぐちゃで、いざ見ようと思ったら綺麗にまとまってなくて見えやすくない。。

有料のアプリでコードを保管できるやつがあるらしいですが、お金をかけるまでじゃないなぁ〜と思っていたところに救世主が訪れました。

 

 

Evernote内にコードボックスを表示させることができる!?

 

 

 

Evernote内にコードを書いてみよう。

 

①ノートを開く(なんでもいい) 

 

バッククォート( ` )を3連打する。次に(Enter)を押す。

そうすると、コードエリアが表示される。

バッククォートは(@)キーと同じ所にあるゴマみたいなやつ。→( ` )

 

https://gyazo.com/4943146d7b5f5d87c8e7123eaf92b6d0

(Enter)を押したと同時にが出てきました。

これがコードボックスなので、HTMLやCSSのコードを書き込みます。

 

実際に書いてみました。

 

f:id:xxxxkun:20180126081148p:plain

 

いい感じにまとまりました。

コピペも変わらず出来るのでけっこうオススメです。