HEXOで使えるMarkDown記法

Hexoで記事を書くときの記法まとめ

目次

見出し

h1の見出し

h2の見出し

h3の見出し

h4の見出し

h5の見出し
h6の見出し
1
2
3
4
5
6
# h1の見出し
## h2の見出し
### h3の見出し
#### h4の見出し
##### h5の見出し
###### h6の見出し

h1 と h2 は以下のやり方も使える

h1の見出し

h2の見出し

1
2
3
4
h1の見出し
=========
h2の見出し
---------

リンク

Google
サイト内リンク
Hello World

1
2
3
[Google](http://google.com)
[サイト内リンク](/blog/tags/HEXO/)
{% post_link hello-world %}

斜体、強調

斜体
強調

1
2
*斜体*
**強調**

リスト

ul リスト

  • list
    説明1。説明1。説明1。説明1。説明1。説明1。
  • list
    説明2。説明2。説明2。説明2。説明2。
  • list
1
2
3
4
5
- list
説明1。説明1。説明1。説明1。説明1。説明1。
- list
説明2。説明2。説明2。説明2。説明2。
- list

ol リスト(番号付き)

  1. リスト1
  2. リスト2
  3. リスト3
1
2
3
1. リスト1
2. リスト2
3. リスト3

テーブル

left center right
aaa bbb ccc
aaa bbb ccc
aaa bbb ccc
1
2
3
4
5
|left | center | right|
|:-------|:------:|-------:|
|aaa |bbb |ccc |
|aaa |bbb |ccc |
|aaa |bbb |ccc |

画像

Googleフォトから

1
![sample.jpg](https://lh3.googleusercontent.com/cW67I7JnR5qK_0d5PpnZrUjtKMDmngACeK2miSINisJB1Ma0SXzfTQadXOA4Z47vmGkmT7o7KZ9afrT5ccpBG07VpA_OZfSqnhZ-csDO-Tn3b23WkUDxeAkhiUxvGVl_seualFbNPVgOSCSrwdwgYsBS3nHRYWjAlA23TF9oHvAMQtEkNXRRscGqGX4PkQyF-VQeWjPV4pu775rVl3pW0crVx_MK818y3niAKDdk317-mO9uwDjOHbQEJ-z9CiU4LTFZ3q7AY9LJtoKoeMxFMQbR9WKq0XPhhFMtwjjRF1JKMSCRJfkDgK-MmtFedQ-EsJUDHuI5QtgyYT7OtqQ4IAsgx5YQNuyPGQ7oW1E4Bb-bJ6oo8M2JMPh5qAFn6zNMSqvvRR3xQBp7IGnCY8H2nTNyqmtIepVdjft8vCaeJcp8p9F5gvwsrS8m6tGZDcpEzUDwQdj8mUThAWl3CHKsISVGAGqw3CaPyQgB910HeHyDIbCiw7jVBUnnVjfk5IP485ma4ZSuxJdnYTothNKMGBBoqr1fJmQIcRQstaS3kPCRnzy0PsKvVygFTmJ1NnLUd82qL-djXqygcwToJZtRHK1T-anw7vsWavK-FUTw8N5lO_8iUWHW=w260-h193-no "sample.jpg")

HEXO内から

以下のように、同じ名前のフォルダを作り、その下に画像ファイルを置く

1
2
3
4
5
_post ----+--- sample.md
|
+--+ sample
|
+--- sample.jpg

sample.md から以下のように呼び出す

1
{% asset_img sample.jpg %}

また、_config.yml の次の値をtrueに書き換え(デフォルト値はfalse)することで hexo new したときに自動でファイルが作られる

1
post_asset_folder: true

コード・ブロック

```を使うやり方

script.js
1
2
3
function hello() {
console.log('Hello World!');
}

``` javascript script.js
function hello() {
console.log(‘Hello World!’);
}
```

{% codeblock %}を使うやり方

script.js
1
2
3
function hello() {
console.log('Hello World!');
}
1
2
3
4
5
{% codeblock script.js lang:javascript %}
function hello() {
console.log('Hello World!');
}
{% endcodeblock %}

インライン・コード

これはインラインコードです。

1
これは`インラインコード`です。

Block Quote

MarkDown での書き方

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.

1
> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.

{% blockquote %} での書き方

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.

1
2
3
{% blockquote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.
{% endblockquote %}

参考

DARING FIREBALL | Markdown: Syntax
HEXO公式 | Tag Plugins
markdownの記法まとめ・hexoで記事を書く方法

コメント