Markdown 構文標準フォーマット
注意：このページではまれに CSS の競合問題が発生することがあります！
コードブロック
\```sh
# VSCode终端
hexo clean; hexo s
hexo clean; hexo g; hexo d
git add .; git commit -m "npm publish"; npm version patch;
git push
# Cmder终端
hexo clean && hexo s
hexo clean && hexo g && hexo d
git add . && git commit -m "npm publish" && npm version patch
git push
\```# VSCode终端
hexo clean; hexo s
hexo clean; hexo g; hexo d
git add .; git commit -m "npm publish"; npm version patch;
git push
# Cmder终端
hexo clean && hexo s
hexo clean && hexo g && hexo d
git add . && git commit -m "npm publish" && npm version patch
git push多段階見出し
# H1
## H2
### H3
#### H4
##### H5
###### H6この記事の見出しをご覧ください！
テキストスタイル
<u>下划线演示</u>
文字**加粗**演示
文字*斜体*演示
文本`高亮`演示
文本~~删除~~线演示下線のデモ
テキスト太字のデモ
テキスト斜体のデモ
テキスト高亮のデモ
テキスト取り消し線のデモ
上記のポイントは次を参照：【Markdown 语法】字体颜色大小及文字底色设置
引用
> Java
> 二级引用演示
> MySQL
> >外键
> >
> >事务
> >
> >**行级锁**(引用内部一样可以用格式)
>
> ....Java
二段階引用のデモ
MySQL外部キー
トランザクション
行ロック（引用内でも同じように書式が使えます）
…
区切り線
---
***リスト（*、+、- の後にスペースを入れればどれでも可）
順序なしリスト
* Java
* Python
* ...
+ Java
+ Python
+ ...
- Java
- Python
- ...- Java
- Python
- …
- Java
- Python
- …
- Java
- Python
- …
順序ありリスト
# 注意后面有空格
1.
2.
3.
4.画像
表
| 项目标号 | 资金 | 备注 |
| -------- | -------- | ---- |
| 1 | 100，000 | 无 |
| 2 | 200，000 | 无 |
| 3 | 300,600 | 重要 || 項目番号 | 資金 | 備考 |
|---|---|---|
| 1 | 100，000 | なし |
| 2 | 200，000 | なし |
| 3 | 300,600 | 重要 |
Butterfly 外部タグ
この部分は安知魚を参照：安知鱼主题标签 Tag Plugins
引用 note
note:
# Note tag style values:
# - simple bs-callout old alert style. Default.
# - modern bs-callout new (v2-v3) alert style.
# - flat flat callout style with background, like on Mozilla or StackOverflow.
# - disabled disable all CSS styles import of note tag.
style: flat
icons: true
border_radius: 3
# Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
# Offset also applied to label tag variables. This option can work with disabled note tag.
light_bg_offset: 0# 自带icon
{% note [class] [no-icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
# 外部icon
{% note [color] [icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}- 内蔵 icon
| パラメータ | 使い方 |
|---|---|
| class | 【任意】識別子。識別子ごとに異なる配色になります （ default / primary / success / info / warning / danger ） |
| no-icon | 【任意】icon を表示しない |
| style | 【任意】設定内の style を上書きできます （simple/modern/flat/disabled） |
- 外部 icon
| パラメータ | 使い方 |
|---|---|
| class | 【オプション】識別子。識別子ごとに異なる配色になります（ default / blue / pink / red / purple / orange / green ） |
| no-icon | 【オプション】カスタム icon を設定できます（fontawesome アイコンのみ対応、no-icon の設定も可能） |
| style | 【オプション】設定内の style を上書きできます（simple/modern/flat/disabled） |
1.自带icon
1.simpleスタイル
{% note simple %}默认 提示块标签{% endnote %}
{% note default simple %}default 提示块标签{% endnote %}
{% note primary simple %}primary 提示块标签{% endnote %}
{% note success simple %}success 提示块标签{% endnote %}
{% note info simple %}info 提示块标签{% endnote %}
{% note warning simple %}warning 提示块标签{% endnote %}
{% note danger simple %}danger 提示块标签{% endnote %}2.modernスタイル
{% note modern %}默认 提示块标签{% endnote %}
{% note default modern %}default 提示块标签{% endnote %}
{% note primary modern %}primary 提示块标签{% endnote %}
{% note success modern %}success 提示块标签{% endnote %}
{% note info modern %}info 提示块标签{% endnote %}
{% note warning modern %}warning 提示块标签{% endnote %}
{% note danger modern %}danger 提示块标签{% endnote %}3.flatスタイル
{% note flat %}默认 提示块标签{% endnote %}
{% note default flat %}default 提示块标签{% endnote %}
{% note primary flat %}primary 提示块标签{% endnote %}
{% note success flat %}success 提示块标签{% endnote %}
{% note info flat %}info 提示块标签{% endnote %}
{% note warning flat %}warning 提示块标签{% endnote %}
{% note danger flat %}danger 提示块标签{% endnote %}4.disabledスタイル
{% note disabled %}默认 提示块标签{% endnote %}
{% note default disabled %}default 提示块标签{% endnote %}
{% note primary disabled %}primary 提示块标签{% endnote %}
{% note success disabled %}success 提示块标签{% endnote %}
{% note info disabled %}info 提示块标签{% endnote %}
{% note warning disabled %}warning 提示块标签{% endnote %}
{% note danger disabled %}danger 提示块标签{% endnote %}5.no-iconスタイル
{% note no-icon %}默认 提示块标签{% endnote %}
{% note default no-icon %}default 提示块标签{% endnote %}
{% note primary no-icon %}primary 提示块标签{% endnote %}
{% note success no-icon %}success 提示块标签{% endnote %}
{% note info no-icon %}info 提示块标签{% endnote %}
{% note warning no-icon %}warning 提示块标签{% endnote %}
{% note danger no-icon %}danger 提示块标签{% endnote %}2.外部icon
1.simpleスタイル
{% note 'fab fa-cc-visa' simple %}你是刷 Visa 还是 UnionPay{% endnote %}
{% note blue 'fas fa-bullhorn' simple %}2021 年快到了....{% endnote %}
{% note pink 'fas fa-car-crash' simple %}小心开车 安全至上{% endnote %}
{% note red 'fas fa-fan' simple%}这是三片呢？还是四片？{% endnote %}
{% note orange 'fas fa-battery-half' simple %}你是刷 Visa 还是 UnionPay{% endnote %}
{% note purple 'far fa-hand-scissors' simple %}剪刀石头布{% endnote %}
{% note green 'fab fa-internet-explorer' simple %}前端最讨厌的浏览器{% endnote %}2.modernスタイル
{% note 'fab fa-cc-visa' modern %}你是刷 Visa 还是 UnionPay{% endnote %}
{% note blue 'fas fa-bullhorn' modern %}2021 年快到了....{% endnote %}
{% note pink 'fas fa-car-crash' modern %}小心开车 安全至上{% endnote %}
{% note red 'fas fa-fan' modern%}这是三片呢？还是四片？{% endnote %}
{% note orange 'fas fa-battery-half' modern %}你是刷 Visa 还是 UnionPay{% endnote %}
{% note purple 'far fa-hand-scissors' modern %}剪刀石头布{% endnote %}
{% note green 'fab fa-internet-explorer' modern %}前端最讨厌的浏览器{% endnote %}3.flatスタイル
{% note 'fab fa-cc-visa' flat %}你是刷 Visa 还是 UnionPay{% endnote %}
{% note blue 'fas fa-bullhorn' flat %}2021 年快到了....{% endnote %}
{% note pink 'fas fa-car-crash' flat %}小心开车 安全至上{% endnote %}
{% note red 'fas fa-fan' flat%}这是三片呢？还是四片？{% endnote %}
{% note orange 'fas fa-battery-half' flat %}你是刷 Visa 还是 UnionPay{% endnote %}
{% note purple 'far fa-hand-scissors' flat %}剪刀石头布{% endnote %}
{% note green 'fab fa-internet-explorer' flat %}前端最讨厌的浏览器{% endnote %}4.disabledスタイル
{% note 'fab fa-cc-visa' disabled %}你是刷 Visa 还是 UnionPay{% endnote %}
{% note blue 'fas fa-bullhorn' disabled %}2021 年快到了....{% endnote %}
{% note pink 'fas fa-car-crash' disabled %}小心开车 安全至上{% endnote %}
{% note red 'fas fa-fan' disabled %}这是三片呢？还是四片？{% endnote %}
{% note orange 'fas fa-battery-half' disabled %}你是刷 Visa 还是 UnionPay{% endnote %}
{% note purple 'far fa-hand-scissors' disabled %}剪刀石头布{% endnote %}
{% note green 'fab fa-internet-explorer' disabled %}前端最讨厌的浏览器{% endnote %}5.no-iconスタイル
{% note no-icon %}你是刷 Visa 还是 UnionPay{% endnote %}
{% note blue no-icon %}2021 年快到了....{% endnote %}
{% note pink no-icon %}小心开车 安全至上{% endnote %}
{% note red no-icon %}这是三片呢？还是四片？{% endnote %}
{% note orange no-icon %}你是刷 Visa 还是 UnionPay{% endnote %}
{% note purple no-icon %}剪刀石头布{% endnote %}
{% note green no-icon %}前端最讨厌的浏览器{% endnote %}1.自带icon
1.simpleスタイル
デフォルト 提示ブロックタグ
default 提示ブロックタグ
primary 提示ブロックタグ
success 提示ブロックタグ
info 提示ブロックタグ
warning 提示ブロックタグ
danger 提示ブロックタグ
2.modernスタイル
デフォルト 提示ブロックタグ
default 提示ブロックタグ
primary 提示ブロックタグ
success 提示ブロックタグ
info 提示ブロックタグ
warning 提示ブロックタグ
danger 提示ブロックタグ
3.flatスタイル
デフォルト 提示ブロックタグ
default 提示ブロックタグ
primary 提示ブロックタグ
success 提示ブロックタグ
info 提示ブロックタグ
warning 提示ブロックタグ
danger 提示ブロックタグ
4.disabledスタイル
デフォルト 提示ブロックタグ
default 提示ブロックタグ
primary 提示ブロックタグ
success 提示ブロックタグ
info 提示ブロックタグ
warning 提示ブロックタグ
danger 提示ブロックタグ
5.no-iconスタイル
2.外部icon
1.simpleスタイル
Visa で払うの、それとも UnionPay？
2021 年がもうすぐやってくる…
安全運転で 安全第一
これは三枚？それとも四枚？
Visa で払うの、それとも UnionPay？
じゃんけん
フロントエンドが最も嫌うブラウザ
2.modernスタイル
Visa で払うの、それとも UnionPay？
2021 年がもうすぐやってくる…
安全運転で 安全第一
これは三枚？それとも四枚？
Visa で払うの、それとも UnionPay？
じゃんけん
フロントエンドが最も嫌うブラウザ
3.flatスタイル
Visa で払うの、それとも UnionPay？
2021 年がもうすぐやってくる…
安全運転で 安全第一
これは三枚？それとも四枚？
Visa で払うの、それとも UnionPay？
じゃんけん
フロントエンドが最も嫌うブラウザ
4.disabledスタイル
Visa で払うの、それとも UnionPay？
2021 年がもうすぐやってくる…
安全運転で 安全第一
これは三枚？それとも四枚？
Visa で払うの、それとも UnionPay？
じゃんけん
フロントエンドが最も嫌うブラウザ
5.no-iconスタイル
タイムライン timeline
{% timeline 时间线标题（可选）[,color] %}
<!-- timeline 时间节点（标题） -->
正文内容
<!-- endtimeline -->
<!-- timeline 时间节点（标题） -->
正文内容
<!-- endtimeline -->
{% endtimeline %}title：タイトル／タイムラインcolor：timeline色：default（空欄）/ blue / pink / red / purple / orange / green
{% timeline 时间轴样式,blue %}
<!-- timeline 2020-07-24 [2.6.6 -> 3.0](https://github.com/volantis-x/hexo-theme-volantis/releases) -->
1. 如果有 `hexo-lazyload-image` 插件，需要删除并重新安装最新版本，设置 `lazyload.isSPA: true`。
2. 2.x 版本的 css 和 js 不适用于 3.x 版本，如果使用了 `use_cdn: true` 则需要删除。
3. 2.x 版本的 fancybox 标签在 3.x 版本中被重命名为 gallery 。
4. 2.x 版本的置顶 `top: true` 改为了 `pin: true`，并且同样适用于 `layout: page` 的页面。
5. 如果使用了 `hexo-offline` 插件，建议卸载，3.0 版本默认开启了 pjax 服务。
<!-- endtimeline -->
<!-- timeline 2020-05-15 [2.6.3 -> 2.6.6](https://github.com/volantis-x/hexo-theme-volantis/releases/tag/2.6.6) -->
不需要额外处理。
<!-- endtimeline -->
<!-- timeline 2020-04-20 [2.6.2 -> 2.6.3](https://github.com/volantis-x/hexo-theme-volantis/releases/tag/2.6.3) -->
1. 全局搜索 `seotitle` 并替换为 `seo_title`。
2. group 组件的索引规则有变，使用 group 组件的文章内，`group: group_name` 对应的组件名必须是 `group_name`。
2. group 组件的列表名优先显示文章的 `short_title` 其次是 `title`。
<!-- endtimeline -->
{% endtimeline %}时间轴样式
2020-07-24 2.6.6 -> 3.0
hexo-lazyload-imageプラグインがある場合は、削除して最新バージョンを再インストールし、lazyload.isSPA: trueを設定する必要があります。- 2.x バージョンの css と js は 3.x バージョンには適用されないため、
use_cdn: trueを使用している場合は削除する必要があります。 - 2.x バージョンの fancybox タグは 3.x バージョンで gallery に名前が変更されました。
- 2.x バージョンのトップ固定
top: trueはpin: trueに変更され、layout: pageのページにも同様に適用されます。 hexo-offlineプラグインを使用している場合は、アンインストールを推奨します。3.0 バージョンでは pjax サービスがデフォルトで有効になっています。
2020-05-15 2.6.3 -> 2.6.6
追加の処理は不要です。
2020-04-20 2.6.2 -> 2.6.3
seotitleを全体検索し、seo_titleに置き換えます。- group コンポーネントのインデックス規則が変わりました。group コンポーネントを使用する記事内では、
group: group_nameに対応するコンポーネント名はgroup_nameでなければなりません。 - group コンポーネントのリスト名は、記事の
short_titleが優先的に表示され、次にtitleが表示されます。
アルバム gallery
1.gallerygroup アルバムギャラリー
<div class="gallery-group-main">
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
</div>2.gallery アルバム
{% gallery %}
markdown 圖片格式
{% endgallery %}- gallerygroup フォトギャラリー
| パラメータ名 | 説明 |
|---|---|
| name | ギャラリー名 |
| description | ギャラリーの説明 |
| link | 対応するアルバムへのリンク |
| img-url | ギャラリーのカバー画像 |
gallery アルバム
旧版の Gallery アルバムとは異なり、新しい Gallery アルバムは画像の長さに応じて自動でレイアウトされ、記述もより簡単で Markdown 形式と同じように書けます。必要に応じて対応する md に挿入できます。自分で幅と高さを設定する必要はもうありません。貼り付ける際は、長短・大小・縦横の異なる画像を意図的に使うことをおすすめします。そのほうがより良い効果が得られます（サイズが完全に同じ画像はただ並べて出力されるだけで、見栄えがとても悪くなります）。
1.gallerygroup フォトギャラリー
<div class="gallery-group-main">
{% galleryGroup MC 在Rikkaの六花服务器里留下的足迹 '/gallery/MC/' https://cdn.cbd.int/[email protected]/image/1.jpg %}
{% galleryGroup Gundam 哦咧哇gundam哒！ '/gallery/Gundam/' https://cdn.cbd.int/[email protected]/image/20200907110508327.png %}
{% galleryGroup I-am-Akilar 某种意义上也算自拍吧 '/gallery/I-am-Akilar/' https://cdn.cbd.int/[email protected]/image/20200907113116651.png %}
</div>2.gallery アルバム
{% gallery %}
{% endgallery %}段組み tab
{% tabs Unique name, [index] %}
<!-- tab [Tab caption] [@icon] -->
Any content (support inline tags too).
<!-- endtab -->
{% endtabs %}一意の名前：
タブブロックの一意の名前です。カンマは含めません。
各タブとそのインデックス番号のプレフィックスとして #id で使用されます。
名前にスペースが含まれる場合、#id の生成時にはすべてのスペースがダッシュに置き換えられます。
現在の投稿／ページの URL 内でのみ一意である必要があります！
[index]：
アクティブなタブのインデックス番号です。
指定しない場合は最初のタブ（1）が選択されます。
index が -1 の場合、どのタブも選択されません。
省略可能なパラメータです。
[Tab caption]：
現在のタブのタイトルです。
タイトルを指定しない場合、タブインデックスのサフィックスが付いた一意の名前がタブのタイトルとして使用されます。
タイトルを指定せず、アイコンのみを指定した場合はタイトルが空になります。
省略可能なパラメータです。
[@icon]：
FontAwesome のアイコン名（完全な名前で、「fas fa-font」のような形式）。
スペースあり・なしのどちらでも指定できます。
例えば「Tab caption @icon」と「Tab caption@icon」。
省略可能なパラメータです。
1.Demo 1 - 最初のタブをプリセット選択【デフォルト】
{% tabs test1 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->
<!-- tab -->
**This is Tab 2.**
<!-- endtab -->
<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}2.Demo 2 - tabs をプリセット選択
{% tabs test2, 3 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->
<!-- tab -->
**This is Tab 2.**
<!-- endtab -->
<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}3.Demo 3 - プリセット値なし
{% tabs test3, -1 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->
<!-- tab -->
**This is Tab 2.**
<!-- endtab -->
<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}4.Demo 4 - カスタム Tab 名 + icon のみ + icon と Tab 名
{% tabs test4 %}
<!-- tab 第一个Tab -->
**tab 名字为第一个 Tab**
<!-- endtab -->
<!-- tab @fab fa-apple-pay -->
**只有图标 没有 Tab 名字**
<!-- endtab -->
<!-- tab 炸弹@fas fa-bomb -->
**名字+icon**
<!-- endtab -->
{% endtabs %}隠しブロック
{% hideBlock display,bg,color %}
content
{% endhideBlock %}- content：隠したい内容
- display：展開前にボタンへ表示する文字（任意）
- bg：ボタンの背景色（任意）
- color：ボタンに表示する文字の色（任意）
{% hideBlock 点我预览, blue %}
这里有张图片：
<img src="https://registry.npmmirror.com/js-asuna/latest/files/pic/Asuna/Asuna16x9.webp" alt="Asuna" />
{% endhideBlock %}- 微信
- 支付宝
関連記事
2023-03-10
A Summary of Markdown Syntax and External Tag Usage
Built-in Markdown Formatting Reference: Markdown 语法图文全面详解(10 分钟学会) Note: This page may occasionally have CSS conflict issues! Code Blocks 示例源码渲染演示\```sh # VSCode终端 hexo clean; hexo s hexo clean; hexo g; hexo d git add .; git commit -m "npm publish"; npm version patch; git push # Cmder终端 hexo clean && hexo s hexo clean && hexo g && hexo d git add . && git commit -m "npm publish" && npm version patch git push \```# VSCode终端 hexo clean; hexo s hexo cl...
2023-02-15
Summary of Markdown Syntax Failures Under Hexo
Reference: hexo 下 Markdown 语法失效总结 Issue Summary Multi-level ordered lists display incorrect numbering Tables display abnormally or not at all Abnormal Numbering in Multi-level Ordered Lists Markdown cannot produce “multi-level ordered lists,” and when an “ordered list” is interrupted, numbering restarts from 1. That is, ordered sequences that display correctly in Sublime Text render abnormally in the static Hexo blog, as shown below. Solution Simply delete the blank line between the en...
2023-02-15
Hexo での Markdown 構文が無効になる問題のまとめ
参考：hexo 下 Markdown 语法失效总结 問題のまとめ 多段階の番号付きリストの番号表示が異常になる問題 table 表格の表示が異常になり、表示されない問題 多段階の番号付きリストの番号表示が異常 Markdown では「多段階の番号付きリスト」を実現できません。しかも「番号付きリスト」が中断されると、再び 1 から番号が振り直されます。つまり sublime text では正常に表示される番号付きリストが、Hexo の静的ブログでは異常に表示されるのです。以下の画像のとおりです。 解決 前の番号の最後とこの番号の間にある空行を直接削除する 解決策の記事hexo 下 markdown 语法 有序列表序号不匹配を見つけました。その記事では番号の間にある各本文の左側にスペースを追加していましたが、私の問題は解決しませんでした。そこで番号の最後と次の番号の間の空行を削除してみたところ、なんと問題が解決しました。 残っている問題 次の表が表示されない問題を解決した後、番号の表示がまた異常になりました。表とその上の本文の間には空行が 2 行必要だからです。そのた...
评论
TwikooArtalk