Atomエディタを使って,Markdown記法でメモ書きをしてみる.
# Markdown記法を使ってメモを残すようにする!
## はじめに
クラウド対応のOneNoteにMarkdownの記法でメモを残し,異例に出力したいときAtomエディタで開くようにしようと思う.
## 代表的な記法
+ 見出し
#, ##, ###
+ 段落
空白行に上下囲まれた行
- 段落内の改行
半角スペースを2つ以上末尾に
+ 引用文
行の先頭に > (半角スペース) を入れる
+ リスト
リスト表示する前に空行を入れておく.
- * + を各リストの先頭に
数字付きの箇条書きの場合は,1. 2. 3. と各行に入力する.
+ コード(行単位でコードを記述する場合)
行の先頭にスペースを4つ入れるか,Tabキーを打つ
+ コード形式(テキスト文中にコードを挿入する場合)
`(半角バッククォート)で囲む.`while(x>0){ }` のように.
バッククォートの入力は,Shift + @ で入力できる.
+ 強調表示
アスタリスクもしくはアンダスコアで囲む.囲み文字の数で強調度合いが変わる.
Italic: *A*
Bold: **A**
Italic&Bold ***A***
+ 水平線
アンダースコア,アスタリスク,ハイフンなどを3文字以上連続して記述する
---
***
___
+ ハイパーリンク
[Google](https://www.google.co.jp/)
+ 定義参照リンク
Markdown本文中に [Googleだよ][1]であったり,[Googleだよ][Google]のような文字列を挿入し,
文末に,リンク集を作る
[1]: https://www.google.co.jp/
[Google]: https://www.google.co.jp/
+ エスケープ
MarkDown文字を表示させる方法 バックスラッシュ\(円マーク)を前に付ける
+ プレビュー
Ctrl + Shift + M
## Atomインストール時のメモ
### 追加インストールしたPackage
autocomplete-paths
color-picker
auto-encoding (文字コード自動判別させる,文字化け防止用)
atom-html-preview HTML関係
### ちょっとしたトラブル発生!
画面にメニューが表示されない場合は,Altキーをクリックする.
## 参考にしたサイト
* インストール方法
https://blog.codecamp.jp/atom_utility
* HTMLファイルに出力する
https://wayohoo.com/atom/markdown-function-of-the-atom-is-very-convenient.html
* 記法
http://chi-bit.com/150121
http://adiary.org/v3man/Markdown/syntax
http://php-fan.org/markdown.html
http://kojika17.com/2013/01/starting-markdown.html
http://nelog.jp/markdown
http://qiita.com/tbpgr/items/989c6badefff69377da7
## はじめに
クラウド対応のOneNoteにMarkdownの記法でメモを残し,異例に出力したいときAtomエディタで開くようにしようと思う.
## 代表的な記法
+ 見出し
#, ##, ###
+ 段落
空白行に上下囲まれた行
- 段落内の改行
半角スペースを2つ以上末尾に
+ 引用文
行の先頭に > (半角スペース) を入れる
+ リスト
リスト表示する前に空行を入れておく.
- * + を各リストの先頭に
数字付きの箇条書きの場合は,1. 2. 3. と各行に入力する.
+ コード(行単位でコードを記述する場合)
行の先頭にスペースを4つ入れるか,Tabキーを打つ
+ コード形式(テキスト文中にコードを挿入する場合)
`(半角バッククォート)で囲む.`while(x>0){ }` のように.
バッククォートの入力は,Shift + @ で入力できる.
+ 強調表示
アスタリスクもしくはアンダスコアで囲む.囲み文字の数で強調度合いが変わる.
Italic: *A*
Bold: **A**
Italic&Bold ***A***
+ 水平線
アンダースコア,アスタリスク,ハイフンなどを3文字以上連続して記述する
---
***
___
+ ハイパーリンク
[Google](https://www.google.co.jp/)
+ 定義参照リンク
Markdown本文中に [Googleだよ][1]であったり,[Googleだよ][Google]のような文字列を挿入し,
文末に,リンク集を作る
[1]: https://www.google.co.jp/
[Google]: https://www.google.co.jp/
+ エスケープ
MarkDown文字を表示させる方法 バックスラッシュ\(円マーク)を前に付ける
+ プレビュー
Ctrl + Shift + M
## Atomインストール時のメモ
### 追加インストールしたPackage
autocomplete-paths
color-picker
auto-encoding (文字コード自動判別させる,文字化け防止用)
atom-html-preview HTML関係
### ちょっとしたトラブル発生!
画面にメニューが表示されない場合は,Altキーをクリックする.
## 参考にしたサイト
* インストール方法
https://blog.codecamp.jp/atom_utility
* HTMLファイルに出力する
https://wayohoo.com/atom/markdown-function-of-the-atom-is-very-convenient.html
* 記法
http://chi-bit.com/150121
http://adiary.org/v3man/Markdown/syntax
http://php-fan.org/markdown.html
http://kojika17.com/2013/01/starting-markdown.html
http://nelog.jp/markdown
http://qiita.com/tbpgr/items/989c6badefff69377da7
Comments
Post a Comment