Hexo-開始撰寫文章

發表於   |  

建立文章

可以利用以下語法，新增MD檔：

1
Hexo new [文章類型] [檔名]

文章類型：

  • post：一般的文章，新增的檔案會放在~\source\_posts資料夾內建立[檔名].md的檔案。-
  • page：不會出現在首頁中，基本上拿來撰寫about或tags之類的頁面。這類型會在~\source\下建立[檔名]資料夾，並在[檔名]資料夾下新增index.md檔案。
  • draft：草稿，如果文章太長可以先建立草稿，這樣就算發佈了訪客也看不到。草稿會存放在~\source\_drafts底下，檔名為[檔名].md。等編輯完後，透過指令hexo publish draft [檔名]讓文章公開。

再來選擇一款合適自己的MD編輯器與使用MD語法就能完成一篇文章了。

文章格式

Hexo是使用MarkDown(MD)格式，每篇文章開頭基本上都為：

1
2
3
4
5
title: 標題
date: 撰寫日期
tags: 標籤

---

然後---底下就是本文部分了，使用MD語法撰寫內容吧！

MD語法

網路上已經有很多可以參考的資料了，就不班門弄斧，提供一些我覺得不錯的連結給大家參考：

  1. GIT教學網站(gitbooks)：markdown風格
  2. markdown文件(中文版)：markdown文件

MD編輯小技巧

（學會新技巧後，此部分會不定時更新）

字型樣式

  • 文字字型與顏色：

    1
    <font face="標楷體" color="red">我是紅色的標楷體</font>
    我是紅色的標楷體

  • 文字大小：

    1
    <font size="16px">文字大小</font>
    文字大小：16px

  • 文字置中：

    1
    <center>置中</center>
    置中

  • 刪除線：
    如果你的編輯器支援github favorite markdown，那刪除寫法：

    1
    ~~刪除線~~

    效果：刪除線
    若不支援github favorite markdown，也可以用以下寫法：

    1
    <del>刪除線</del>

    我被刪除了！

相信看到這邊，懂CSS的人應該就知道要如何自由改變文字樣式了！歡迎大家多多嘗試，有測試出任何好玩的格式，可以留言告知一下，大家交流一下。

縮排

相信有些人在排版上，希望一段文字首行要空兩個全形空白。

  • 半形空白：&ensp;
  • 全形空白：&emsp;

添加空白行

相信很多人按很多空白鍵或Enter鍵，發現只能空一行(甚至無法加入空白行)，去除多餘的空白行是Markdown特色之一。如果編排文章格式時，真的要有空白行，編輯上可以使用&ensp;，利用空白符號進行『添加空白行』的動作。另外，也可以使用<br />或<p />添加空白行。

圖片樣式設定

MD檔放入圖片語法

1
![圖案文字說明](URL)

範例：

1
![hexo x github](http://i.imgur.com/Bt03fuv.png)

hexo x github
p.s. 我的主題預設圖片就是置中，所以現在看到的圖案應該在中間。如果你的主題圖片預設不是置中，請自行修改設定或使用下一步驟的語法。

如果要控制圖案置中顯示：

1
<center>![hexo x github](http://i.imgur.com/Bt03fuv.png)</center>

hexo x github

如果希望控制圖片大小，這樣就要使用<img> tag了：

1
<center><img src="http://i.imgur.com/Bt03fuv.png" width="150" height="100" alt="hexo x github"/></center>

hexo x github

設定首頁文章有『繼續閱讀』功能

繼續閱讀：在部落格首頁時，會將每篇文章以全文方式顯示，但有些文章太長了，導致要拖拉很久才能找到下一篇。只要在內文中，使用<!-- more -->（記得more前後都要空一格），首頁文章就會只顯示到此行，訪客要自行點選more才能觀看全文。

使用表格：

hexo支援表格的，表格寫法如下：

1
2
3
4
First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell

有些MarkDown編輯器不支援github favorite markdown，這樣即時預覽時會看不到表格，但把文章發佈到網站後，還是可以看到表格的。或者可以使用hexo s先行看看結果。
呈現結果：

First Header Second Header
Content Cell Content Cell
Content Cell Content Cell