markdown語法小記

原文查看可點擊《markdown語法小記》哦!javascript

基本語法

標題

h1~h6對應: #數量決定標題等級。還能夠用=在文字下表示,但侷限只有兩級。php

# h1
## h2
### h3
#### h4
##### h5
###### h6 
一級標題
===
二級標題
---
複製代碼

顯示以下:
css

引用

> 引用的文字
>>  引用的文字
複製代碼

大於號越多,引用的層級越多,上述代碼顯示效果以下:html

引用的文字java

引用的文字node

連接或圖片

[點擊跳轉至百度](http://www.baidu.com)
![圖片](http://cassielala.top/images/logo.jpg)
複製代碼

顯示效果以下:
點擊跳轉至百度
  
python

hexo插入本地圖片

使用hexo的時候由於要插入本地圖片遇到了問題,特此寫來記錄,但願可以幫助到你們。golang

  • 首先將hexo把主頁的配置文件_config.yml 裏的post_asset_folder:這個選項設置爲true
  • hexo目錄下執行npm install hexo-asset-image --save
  • 完成後再new新的md文件的時候就能在/source/_posts下找到同名文件夾,將要放的圖片丟進去對應的文件夾。
  • md文件中引入的時候使用[圖片上傳失敗...(image-3c7d69-1548813573167)]便可

原本到這裏應該就萬事大吉了,可是嘞,個人圖片依舊沒法顯示,後來通過我一系列的搜索,終於找到了問題的解決方案。
問題:
圖片依然沒法顯示的緣由是hexo3版本更新後對不少插件支持有問題,hexo-asset-image插件在處理data.permalink連接時出現路徑錯誤,把年月去掉了,致使最後生成的路徑爲%d/xxx/xxx
作法:sql

  • 找到插件hexo-asset-image,經過判斷當前版本是否等於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文件使用時直接寫照片名便可。
  • 修改完成保存,從新生成靜態文件便可:[圖片上傳失敗...(image-8401ef-1548813573167)]

列表

  • 無序列表使用*+-標識
  • 有序列表使用數字加.標識,例如:1.
  • 可嵌套使用,回車+tab便可
* 黃瓜
* 玉米
* 茄子

+ 黃瓜
+ 玉米
+ 茄子

- 黃瓜
- 玉米
- 茄子

1. 黃瓜
2. 玉米
3. 茄子

- 黃瓜
  - 水果黃瓜
  - 小黃瓜
- 玉米
  - 紫玉米
  - 黃玉米
- 茄子
複製代碼

效果以下:shell

  • 黃瓜
  • 玉米
  • 茄子
  1. 黃瓜
  2. 玉米
  3. 茄子
  • 黃瓜
    • 水果黃瓜
    • 小黃瓜
  • 玉米
    • 紫玉米
    • 黃玉米
  • 茄子

注:

  • 若是在單一列表項中包含了多個段落,爲了保證渲染正常,*與段落首字母之間必須保留四個空格。
  • 若是在列表中加入了區塊引用,區域引用標記符也須要縮進4個空格

反正記住一個原則,若是在和列表配合使用的時候出現了問題,就縮進一次,四個空格或者一個製表符表明一次縮進。若是一次縮進沒有解決問題,那就兩次。

分割線

使用*-便可

***
---
複製代碼

效果以下:



強調

*這裏是斜體*
_這裏是斜體_

**這裏是加粗**
__這裏是加粗__
複製代碼

效果以下:
這裏是斜體
這裏是斜體
這裏是加粗
這裏是加粗

插入代碼塊

使用兩排的「```」包裹就行了。若是須要定於語言高亮,在第一排的三個「`」後面加上名稱便可。markdown支持的高亮語言可見下文。

\```java
XXXXXX
```\
複製代碼

插入表格

其中第一行表頭,第二行定義排列方式,:--坐邊即左對齊,居右則右對齊,兩邊都有則居中。

表頭|條目一|條目二
:---:|:---:|:---:
項目|項目一|項目二
複製代碼

效果以下:

表頭 條目一 條目二
項目 項目一 項目二

符號處理

轉譯多加一個/

\   反斜線
`   反引號
*   星號
_   底線
{}  花括號
[]  方括號
()  括弧
# 井字號
+   加號
-   減號
.   英文句點
!   驚歎號
複製代碼

支持高亮語言

名稱 關鍵字 名稱 關鍵字
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

大體介紹就到這裏啦,若是有什麼新的發現,我會繼續更新噠!

相關文章
相關標籤/搜索