Blog顯示語法測試(MarkDown)

溯言|Rhett Caen Lv4

介紹

這裡主要寫下各種常用的MarkDown語法測試。這裡也有完整中文介紹維基百科介紹。這個語言的重點在於方便直接看懂內容,並且容易學習。相較於沒有任何標示的純文字文件而言,MarkDown的確是一個可以快速幫你標記,並且紀錄各種想法的好幫手。另一方面,龐大無比功能複雜的word絕對不是一個紀錄筆記的好方式(當然也可以選擇用word…但若要把word的內容直接發布到網誌上也是需要花費一番功夫的。)那為什麼不選擇在許多部落格都支援的Markdown語法作為寫作的最佳幫手呢?當然,本站主要以Hexo+Githubfedora25作業系統下架設。

標題Headers

1
2
3
4
5
6
7
# Header1
## Header2
### Header 3
#### Header 4
##### Header 5
###### Header 6

Header1

Header2

Header 3

Header 4

Header 5
Headrer 6

區塊引言

1
2
3
4
5
> 一個區塊包含兩個引言
然後這是沒有引言

> 例如這樣是第二個引言
然後一樣enter到下行

一個區塊包含兩個引言
然後這是沒有引言

例如這樣是第二個引言
然後一樣enter到下行

1
2
3
>這是單一行區塊引言
>一直都有引言
>然後還是引言

這是單一行區塊引言
一直都有引言
然後還是引言

分隔線

以下幾種最後的結果都會是同一種分隔線,選一種就可以了:

1
2
3
4
5
* * *
***
*****
- - -
---------------------------------------


內容強調

下面是幾個常用的內容強調方式

1
2
3
4
*我是斜體*
**我是粗體**
**我是_斜體_跟粗體**
~~不要把我刪掉拉TAT~~

我是斜體
我是粗體
我是_斜體_跟粗體
不要把我刪掉拉TAT


清單

清單分成有序無序兩種,且可以混搭。

無序清單

1
2
3
4
5
6
7
8
9
10
11
* 123
* 234
* 345

+ 123
+ 234
+ 456

- 123
- 245
- 999
  • 123
  • 234
  • 345
  • 123
  • 234
  • 456
  • 123
  • 245
  • 999

有序清單

1
2
3
4
1. 123
2. 234
3. 234

  1. 123
  2. 234
  3. 234
1
2
3
4
5
6
1. the top layer
1. the second one
2. still the second one
- no order
- hahaha
2. back to the top layer
  1. the top layer
  2. the second one
  3. still the second one
    - no order
    - hahaha
  4. back to the top layer

語法標注區塊

有兩種方式,一個是直接tab然後就變成區塊了

this is the code testing
cout<<"hello! word!";

另外一個則是將”```“包在要標注語法的地方


主要有三種種插入方式

  • 直接顯示
    <http://google.com/>
    <http://google.com/>

  • 直接插入方法
    get 10 times more traffic from [Google]("http://google.com/")
    get 10 times more traffic from Google

  • 用Reference的方式

    1
    2
    3
    4
    5
    6
    I get 10 times more traffic from [Google][1] than from
    [Yahoo][2] or [MSN][3].

    [1]: http://google.com/ "Google"
    [2]: http://search.yahoo.com/ "Yahoo Search"
    [3]: http://search.msn.com/ "MSN Search"

I get 10 times more traffic from Google than from
Yahoo or MSN.


  • 混搭測試

    • 混搭測試

註記

markdown本身並沒有額外的語法註解,而是使用html本身的語言<!-- -->作為替代若只是單純的要註解單行,直接用上述的方式將要註解的內容寫入即可。若是要多行的話,只要將內容放置在此標注內即可,例如:

1
2
3
4
<!--
我是標注
第二行
-->

文章的 read more 功能

要在文章中加入read more的功能十分簡單,也是利用註記的方式將文章顯示在首頁的內容分開,只要在文章中加入 <!--more--> 即可。

Mathjax

有關使用MathJax在Hexo中可以參考必富客的網誌。如果只是簡單要引用的話,超級容易的,只要用下面的方式就可以了喔!
舉個例子:

1
$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$

$_frac{(n^2+n)(2n+1)}{6}$

${\sum_{i=0}^n i^2}$

$\theta^{n+1}=\theta^n-\eta\nabla C\left( \theta^n\right)$

如果是在字裡行間的話可以這樣$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$

簡單講把你要的東西用$ $包起來,就可以拉!
當然如果想要知道更多用法可以參考Mathematics-MathJax討論

  • 標題: Blog顯示語法測試(MarkDown)
  • 作者: 溯言|Rhett Caen
  • 撰寫於 : 2017-07-11 21:46:21
  • 更新於 : 2017-09-08 00:00:00
  • 連結: https://fractalrhythm.vercel.app/2017/07/11/markdown_test/
  • 版權宣告: 本作品採用 CC BY-NC-SA 4.0 進行許可。