原文查看可點(diǎn)擊《markdown語法小記》哦!
基本語法
標(biāo)題
h1~h6對(duì)應(yīng): #數(shù)量決定標(biāo)題等級(jí)。還可以用=在文字下表示,但局限只有兩級(jí)。
# h1
## h2
### h3
#### h4
##### h5
###### h6
一級(jí)標(biāo)題
===
二級(jí)標(biāo)題
---
顯示如下:

引用
> 引用的文字
>> 引用的文字
大于號(hào)越多,引用的層級(jí)越多,上述代碼顯示效果如下:
引用的文字
引用的文字
鏈接或圖片
[點(diǎn)擊跳轉(zhuǎn)至百度](http://www.baidu.com)

顯示效果如下:
點(diǎn)擊跳轉(zhuǎn)至百度
??

hexo插入本地圖片
使用hexo的時(shí)候因?yàn)橐迦氡镜貓D片遇到了問題,特此寫來記錄,希望能夠幫助到大家。
- 首先將hexo把主頁的配置文件
_config.yml里的post_asset_folder:這個(gè)選項(xiàng)設(shè)置為true - hexo目錄下執(zhí)行
npm install hexo-asset-image --save - 完成后再new新的md文件的時(shí)候就能在
/source/_posts下找到同名文件夾,將要放的圖片丟進(jìn)去對(duì)應(yīng)的文件夾。 - md文件中引入的時(shí)候使用
[圖片上傳失敗...(image-3c7d69-1548813573167)]即可
本來到這里應(yīng)該就萬事大吉了,但是嘞,我的圖片依舊無法顯示,后來經(jīng)過我一系列的搜索,終于找到了問題的解決方案。
問題:
圖片依然無法顯示的原因是hexo3版本更新后對(duì)很多插件支持有問題,hexo-asset-image插件在處理data.permalink鏈接時(shí)出現(xiàn)路徑錯(cuò)誤,把年月去掉了,導(dǎo)致最后生成的路徑為%d/xxx/xxx。
做法:
- 找到插件
hexo-asset-image,通過判斷當(dāng)前版本是否等于3的版本做不同的路徑分割,一般插件在/node_modules/目錄下。 - 修改代碼如下:
//可在方法上添加該變量
var version = String(hexo.version).split('.');
//修改“data.permalink”
var link = data.permalink;
if(version.length > 0 && Number(version[0]) == 3)
var beginPos = getPosition(link, '/', 1) + 1;
else
var beginPos = getPosition(link, '/', 3) + 1;
- md文件使用時(shí)直接寫照片名即可。
- 修改完成保存,重新生成靜態(tài)文件即可:
[圖片上傳失敗...(image-8401ef-1548813573167)]。
列表
- 無序列表使用
*、+、-標(biāo)識(shí) - 有序列表使用數(shù)字加
.標(biāo)識(shí),例如:1. - 可嵌套使用,
回車+tab即可
* 黃瓜
* 玉米
* 茄子
+ 黃瓜
+ 玉米
+ 茄子
- 黃瓜
- 玉米
- 茄子
1. 黃瓜
2. 玉米
3. 茄子
- 黃瓜
- 水果黃瓜
- 小黃瓜
- 玉米
- 紫玉米
- 黃玉米
- 茄子
效果如下:
- 黃瓜
- 玉米
- 茄子
- 黃瓜
- 玉米
- 茄子
- 黃瓜
- 水果黃瓜
- 小黃瓜
- 玉米
- 紫玉米
- 黃玉米
- 茄子
<font color="#a00">注:</font>
- 如果在單一列表項(xiàng)中包含了多個(gè)段落,為了保證渲染正常,*與段落首字母之間必須保留四個(gè)空格。
- 如果在列表中加入了區(qū)塊引用,區(qū)域引用標(biāo)記符也需要縮進(jìn)4個(gè)空格
反正記住一個(gè)原則,如果在和列表配合使用的時(shí)候出現(xiàn)了問題,就縮進(jìn)一次,四個(gè)空格或者一個(gè)制表符代表一次縮進(jìn)。如果一次縮進(jìn)沒有解決問題,那就兩次。
分割線
使用*或-即可
***
---
效果如下:
強(qiáng)調(diào)
*這里是斜體*
_這里是斜體_
**這里是加粗**
__這里是加粗__
效果如下:
這里是斜體
這里是斜體
這里是加粗
這里是加粗
插入代碼塊
使用兩排的“```”包裹就好了。如果需要定于語言高亮,在第一排的三個(gè)“`”后面加上名稱即可。markdown支持的高亮語言可見下文。
\```java
XXXXXX
```\
插入表格
其中第一行表頭,第二行定義排列方式,:居--坐邊即左對(duì)齊,居右則右對(duì)齊,兩邊都有則居中。
表頭|條目一|條目二
:---:|:---:|:---:
項(xiàng)目|項(xiàng)目一|項(xiàng)目二
效果如下:
| 表頭 | 條目一 | 條目二 |
|---|---|---|
| 項(xiàng)目 | 項(xiàng)目一 | 項(xiàng)目二 |
符號(hào)處理
轉(zhuǎn)譯多加一個(gè)/
\ 反斜線
` 反引號(hào)
* 星號(hào)
_ 底線
{} 花括號(hào)
[] 方括號(hào)
() 括弧
# 井字號(hào)
+ 加號(hào)
- 減號(hào)
. 英文句點(diǎn)
! 驚嘆號(hào)
支持高亮語言
| 名稱 | 關(guān)鍵字 | 名稱 | 關(guān)鍵字 |
|---|---|---|---|
| AppleScript | applescript | ActionScript 3.0 | actionscript3, as3 |
| Shell | bash , shell | ColdFusion | coldfusion,cf |
| C | cpp , c | C# | c# , c-sharp , csharp |
| CSS | css | Delphi | delphi , pascal , pas |
| diff&patch | diff patch | Erlang | erl , erlang |
| Groovy | groovy | Java | java |
| JavaFX | jfx , javafx | JavaScript | js , jscript , javascript |
| Perl | perl , pl , Perl | PHP | php |
| text | text , plain | Python | py , python |
| Ruby | ruby , rails , ror , rb | SASS&SCSS | sass , scss |
| Scala | scala | SQL | sql |
| Visual Basic | vb , vbnet | XML | xml , xhtml , xslt , html |
| Objective C | objc , obj-c | F# | f# f-sharp , fsharp |
| xpp , dynamics-xpp | R | r , s , splus | |
| matlab | matlab | swift | swift |
| GO | go , golang |
大致介紹就到這里啦,如果有什么新的發(fā)現(xiàn),我會(huì)繼續(xù)更新噠!