上一篇：VuePress+GitHub架網站(三)-側欄選單建立，完成了整個VuePress的基本架構之後，就可以來建立網頁的內容啦～

一開始有提到VuePress專案需要使用Markdown語法來進行撰寫，語法的部分其實網路上有很多編輯器可以使用，或是對照著學習。

不過Markdown語法很簡潔，算是很快就可以上手的語法，以下分享一些我常用的Markdown語法

 

標題

 

# H1
## H2
### H3
#### H4
##### H5
###### H6

 

呈現效果

VuePress+GitHub架網站(四)-用Markdown語法來撰寫網站內容-標題寫法.png

 

無順序列表

 

- 第一點
- 第二點
- 第三點

 

呈現效果

VuePress+GitHub架網站(四)-用Markdown語法來撰寫網站內容-無順序列表寫法.png

 

有順序列表

 

1. 第一點
2. 第二點
3. 第三點

 

呈現效果

VuePress+GitHub架網站(四)-用Markdown語法來撰寫網站內容-有順序列表寫法.png

 

引用文字

 

> 引用內容

 

呈現效果

VuePress+GitHub架網站(四)-用Markdown語法來撰寫網站內容-引用寫法.png

 

程式碼

 

```
code寫中間
```

呈現效果

 

VuePress+GitHub架網站(四)-用Markdown語法來撰寫網站內容-程式碼寫法.png

 

 

 

 


arrow
arrow
    文章標籤
    VuePress GitHub
    全站熱搜

    司馬宏達 發表在 痞客邦 留言(0) 人氣()