シンプルに生きたいプログラマー日記

シンプルに生きたいプログラマのブログ

sublimeText でマークダウン

PackageControllのインストール

Control + Shift + `
以下のURLからスクリプトをコピペ
https://sublime.wbond.net/installation

パッケージのインストール

Tools > Command Pallete > Package Control: install Package
(command + shift + p) > Package Control: install Package

パッケージのアンインストール

Tools > Command Pallete > Package Control: Remove Package
(command + shift + p) > Package Control: install Package

マークダウン

Markdown Extended Markdownに挿入したコードのシンタックスハイライト
・Monokai Extended Markdownのシンタックスハイライト OmniMarkup Previewer Markdownのリアルタイムプレビュー Command + Option + O

使用してみる

マークダウンファイルを作成(.md)

Markdown記法

※ページをMarkdown記法で見たい場合→URLの最後に.mdをつける
・見出し

見だし

記法

# 見出し
## 見出し
### 見出し
見出し
=====
見出し
-----

結果

見出し

コードの挿入

先頭に言語名を記載
記法

``` javascript
var s = "javascript";
alert(s)
```

結果

var s = "javascript";
alert(s)

改行

記法

こんにちわ<br>
こんばんわ

結果
こんにちわ
こんばんわ

水平線

記法

---
***
___
- - -

結果


強調

記法

*強調*
_強調_
**強調**
__強調__

結果
強調

引用

記法

> 引用
>> 引用

結果

引用

引用

リスト

記法

* item1
* item2
* item3
+ item1
+ item2
+ item3
- item1
- item2
- item3

結果

  • item1
  • item2
  • item3

記法

1. item1
2. item2
3. item3

1. item1
1. item2
1. item3
1. item4

結果

  1. item1
  2. item2
  3. item3

リンク

記法

<http://google.com>
<test@example.com>

結果
http://google.com
test@example.com

記法

インラインリンク
[Google](http://google.com "Title(alt属性)")

結果

インラインリン
Google

画像

![Title(alt属性)](food.jpg)
![Title(alt属性)][1]
...
[1]: food.jpg
[![Title(alt属性)](food.jpg)](http://google.com)

エスケープ

\#
\+

テーブル

記法

|A|B|
|:-|:--|
|this|is|

結果

A B
this is

参考URL

[備忘録] 今さらSublime Text3でのMarkdown編集環境構築

Markdown記法一覧

Sublime Text 3 のダウンロードと基本的な設定