AtomをつかったMarkdown

2017/02/28 11:20 投稿

  • タグ:
  • Atom
  • HTML

ショートカットキー

通常のMarkdown記法に加え、リンク挿入とイメージ挿入がある。

参考リンク作製時に便利。


  • "shift-ctrl-K":リンク挿入
  • "shift-ctrl-I":イメージ挿入
  • "ctrl-i": イタリック
  • "ctrl-b": 強調
  • "ctrl-'": コード     個人設定で0に変更
  • 'ctrl-`': ブロックコード 個人設定で9に変更
  • "ctrl-h":横線
  • "ctrl-1": 見出し1
  • "ctrl-2": 見出し2
  • "ctrl-3": 見出し3
  • "ctrl-4": 見出し4
  • "ctrl-5": 見出し5


イメージ挿入例

参考画像

Html出力

"shift-ctrl-M":プレビュー出力

まずAtom上のプレビュー画面を右クリックし、htmlとして保存する。
メモ帳で開いて、"data-use-github-style>" という文字列を検索
保存されたファイルの、上記文字列の上部を除去すれば、きれいなhtmlファイルになる。

下書きを外部保存する気がなければ、htmlを保存せず、コピーするを選択してブロマガ上に貼り付けると楽。

テーブル

テーブル出力はのままだと枠線が表示されないようになっている

普段通り記述した後、ブロマガ上のHtmlで一手間加える必要がある。

< table >を以下のように書き換える。

< table border=1 >

これで枠線が表示されるようになる。

テーブルのサイズは、見たまま編集の方で手動で調整できる。

テーブル例(全部中央揃え)

firstsecondthird
cellcellcell
cellcellcell
cellcellcell

参考

Atom をMarkdownエディタとして整備

【ブロマガ技術テスト】テーブルは使えるかい?

文章作成やメモ書きにも便利、Markdown記法

HTML-特殊文字

参考画像

見せられないよ!


コメント

コメントはまだありません
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事