1. 程式人生 > >Markdown語法 與 文章釋出

Markdown語法 與 文章釋出

建立文章

在終端在hexo中時輸入命令:
$hexo new 'title'
這樣就會在source/_post資料夾下生成一個title的檔案,型別為.md,即是Markdown格式檔案。

注:這裡建立的型別自動為post型別,即post page,一共有三種格式:

  1. post $hexo new 'title'a
    這種格式即是直接釋出的。
  2. draft $hexo new draft 'title'
    這種格式為草稿,當你編寫完不能在網站上直接同步出來,但是通過以下命令可以進行預覽:
    $hexo server --draft
    當我們修改完草稿想釋出的時候,只需要輸入以下命令即可釋出:
    $hexo publish title
  3. normal page a$hexo new page titlea
    和前兩種不同,這個命令會在source資料夾內創建出c資料夾,與_posts, _drafts並列。資料夾裡面有一個index.md檔案。
    重新整理頁面,你會發現c並沒有出現在頁面內,那它在哪兒呢?
    在網址後面加上c/, 即http://localhost:4000/c/,就可以看到了。
    正因為c不是一個blog page,所以它也不會出現在blog列表中,而是要通過URL去access.

編寫文章

Markdown介紹:

是一種可以使用普通文字編輯器編寫的標記語言,通過簡單的標記語法,可以是普通文字具有一定的格式。

Markdowm語法:

​ 我在寫Markdown時候用的是Typora,更加的快捷。

(1)標題:

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題

(2)粗體、斜體、刪除線和下劃線

*斜體* 
**粗體** 
***加粗斜體*** 
~~刪除線~~

(3)超連結 Markdown語法

[連結文字](連結地址 "連結描述")
[我的部落格](https://mask96.github.io/ "我的部落格")

(4)引用 Markdown語法

>文字引用

(5)程式碼 Markdown語法:

`單行程式碼`

使用反引號(esc下)。效果如上。

(6)分割線 Markdown語法

--- 
***

以上兩種方法均可以表示為分割線,效果如下


(7)列表 Markdown語法

* 列表項
- 列表項
+ 列表項

以上三種方法均可以表示為列表。

(8)表格 Markdown語法

| 一個普通標題 | 一個普通標題 | 一個普通標題 |
| ------ | ------ | ------ |
| 短文字 | 中等文字 | 稍微長一點的文字 |
| 稍微長一點的文字 | 短文字 | 中等文字 |

效果如下:

一個普通標題 一個普通標題 一個普通標題
短文字 中等文字 稍微長一點的文字
稍微長一點的文字 短文字 中等文字

Typroa快捷鍵為option+command+T。

(9)圖片 Markdown語法

1.本地圖片:

![avatar](/home/picture/1.png)

Alt text:圖片的Alt標籤,用來描述圖片的關鍵詞,可以不寫。最初的本意是當圖片因為某種原因不能被顯示時而出現的替代文字,後來又被用於SEO,可以方便搜尋引擎根據Alt text裡面的關鍵詞搜尋到圖片。 圖片連結:可以是圖片的本地地址或者是網址。”optional title”:滑鼠懸置於圖片上會出現的標題文字,可以不寫。

2.網路圖片:

![avatar](http://baidu.com/pic/doge.png)

以上兩種方法都有不少很方便的地方,本地圖片和網路圖片都有丟失的可能性。所以可以考慮將圖片內嵌到文章中:

  1. 將圖片或截圖儲存在本地;
  2. 使用線上工具將圖片轉碼至base64編碼;地址1 地址2
  3. 在文件中插入編碼:
![image][data:image/png;base64, ......]

因為編碼一般太長,所以可以將其定義為一箇中間變數。然後將編碼放在文章末尾。

![image][tm]
your document here ...

[tmp]:data:image/png;base64, ......

 

釋出文章

除了第一次部署的時候,我們會重點用到hexo init這個命令外,在平時寫部落格和釋出過程中最常用的就是:

hexo n <title>  :新建文章

hexo s  :啟動伺服器,在本地檢視內容
hexo g    :生成靜態頁面
hexo deploy    :部署到網站

以上四個步驟。

 

原文地址:https://mask96.github.io/2018/09/21/Markdown%E8%AF%AD%E6%B3%95/