markdown語法小記

原文查看可點(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)
![圖片](http://cassielala.top/images/logo.jpg)

顯示效果如下:
點(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. 茄子

- 黃瓜
  - 水果黃瓜
  - 小黃瓜
- 玉米
  - 紫玉米
  - 黃玉米
- 茄子

效果如下:

  • 黃瓜
  • 玉米
  • 茄子
  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ù)更新噠!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 這段時(shí)間看簡(jiǎn)書文章,自己也開始做筆記,記錄自己的一些學(xué)習(xí)內(nèi)容。剛開始也沒多在意排版,就隨便排版寫,寫完一兩篇文章,...
    LINGSHOW閱讀 1,299評(píng)論 5 3
  • 每次寫博客都會(huì)隔幾天,然后就要百度一下Markdown語法,這里做個(gè)小記: 標(biāo)題: 無序列表: 有序列表: PS:...
    青山不改閱讀 254評(píng)論 0 0
  • (挖的坑很久沒填了,棄坑也很久了,看到鼓勵(lì)我寫下去的人,才決心補(bǔ)一發(fā)。 瞧,這就是研究生生活的一部分,堅(jiān)持著,放棄...
    棋諳閱讀 327評(píng)論 0 2
  • Mitchell閱讀 516評(píng)論 0 1
  • 茶飄香,酒罷了,聚朋友,再回樓。
    kwork1988閱讀 296評(píng)論 0 0

友情鏈接更多精彩內(nèi)容