Jas
Markdown和HTML語法記錄

自定義錨(anchor)

步驟:

  1. 定義一个錨(id) → 下列代碼2選1

    <span id="jump">自定義名稱</span>

    <span id="jump_jump">自定義名稱

  2. 使用錨 → 上列兩種代碼用同一種表現方式

    [自定義名稱](#jump)

    [自定義名稱](#jump_jump)


實際效果:

第一種

第二種


跳第一種

跳第二種


教程參考 → 第一種^1 第二種^2


腳註

步驟:

  1. 定義腳註位置

    自定義名稱[^1]

  2. 定義腳註內容

    [^1]:自定義內容


實際效果:

Super Girl[^SG]

[^SG]: I think Super girl is super gay.

→ 不知道是插件問題還是主題問題,不帶鏈接的腳註似乎無法顯示效果,也不會在文章結尾出現腳註內容,只好用下面的方法暫時替代了。


步驟:

  1. 定義腳註位置

    自定義腳註位置<a href="#bib1" id="bib1ref"><sup>[1]</sup></a>

  2. 定義腳註內容

    腳註內容<a id="bib1" href="#bib1ref"><sup>[1]</sup></a>


實際效果:

Super Girl[S]

“I think Super girl is super gay.”[S]


感覺上面這個替代方式基本上就是用錨定義位置,再為這個位置添加下標效果。

測試:

Super Girl[G]

“I think Super girl is super gay.”[G]

測試過後的確差不多,就看比較喜歡哪種顯示方式和哪條代碼了。

步驟:

  1. 定義腳註位置

    <span id="S">自定義腳註位置<sup>[[G]](#G)</sup>

  2. 定義腳註內容

    <span id="G">腳註內容<sup>[[G]](#S)</sup>


[^1]教程參考^3 [S]教程參考^4


文字居中

代碼:<center>センター</center>

實際效果:

センター


教程參考^5


上標和下標

上標代碼:H<sub>2</sub>O CO<sub>2</sub>

下標代碼:Lemon-C<sup>LC</sup>


實際效果:

H2O CO2

Lemon-CLC


教程參考^6


改變字體


加粗

代碼:<b>Gay</b>

效果:Gay


變色

代碼:<span style="color:red">G</span> <span style="color:#FFFF00">A</span> <span style="color:#CCFF99">Y</span>

效果:GAY


尺寸

代碼:<font face= size = 10>GAY</font>

效果:GAY


字型

代碼:<font face="Comic Sans MS">GAY</font>

效果:GAY


斜體

代碼:<i>GAY</i>

效果:GAY


目錄

Table of contents

With the plugin hexo-toc, the theme Journal. natively supports showing the table of contents in an article. You can install it by running yarn add hexo-toc or npm i --save hexo-toc at your Hexo root directory.

Then, you can insert [toc]after the header of the post file to enable table of contents.

1
<!-- toc -->

效果:目錄