剛剛搭建好個(gè)人主頁的我，心情是激動(dòng)又忐忑的。激動(dòng)是因?yàn)閹状问『蠼K于成功了，有了人生中第一個(gè)“自制”博客，忐忑的是這玩意該怎么寫啊。。。

所以稍微的研究了一下，現(xiàn)在想分享給和我一樣的人們。（畢竟建博客的初衷就是為了練習(xí)寫作加想做一些輸出）

文章目標(biāo)人群：剛剛利用各路教程終于搭建好了Hexo，準(zhǔn)備寫下第一篇文章的同學(xué)們。
我的基本情況：Hexo + GitHub Pages搭建的博客，nexT主題，Mac OS。

現(xiàn)在，讓我們開始吧！！

Step 0: 基本了解 + 準(zhǔn)備工作

1. 我們打開hexo所在目錄 -> source -> _posts, 可以看到一個(gè)hello-world.md文件，這就是hexo自動(dòng)幫我們生成的第一篇文章。
2. 回到hexo文件夾，就是里面有_config.yml, source, themes等等的那個(gè)。
3. 用hexo server來啟動(dòng)本地預(yù)覽，在瀏覽器輸入http://localhost:4000/即可。

hexo server

Step 1: 新建文章

在hexo所在目錄下，打開terminal，在命令行輸入：

hexo new a

a是文章標(biāo)題，也可以加上雙引號,如“a”。
通過這行命令，我們新建出來了一個(gè)page，而且是一個(gè)post page，page還有其他種，稍后我們會提到。
正確的結(jié)果：我們會在_posts里看見多了一個(gè)a.md文件。
因此我們也知道了，默認(rèn)情況下，hexo為我們創(chuàng)建的是markdown文件。刷新頁面（http://localhost:4000/）我們能看見新添一個(gè)名字叫a的文章，沒有任何內(nèi)容。
而這個(gè)_posts文件夾，算是一個(gè)比較特殊的文件夾，因?yàn)樗b著所有你發(fā)布出去的文章。

打開a.md文件，我們會看到

---
title: 1
date: 2017-09-15 19:00:41
tags:
---
在這里隨便寫點(diǎn)什么

然后刷新頁面,就會看到你寫的內(nèi)容。與此同時(shí)，hexo也會自動(dòng)為這個(gè)post生成一個(gè)頁面，當(dāng)我們點(diǎn)擊標(biāo)題，就會進(jìn)入那個(gè)頁面。

a.png

Step 2: 草稿箱

上一步我們新建出來的，叫做post page。除了post page，我們還可以新建draft page，也就是草稿。很多時(shí)候我們需要先寫成草稿，而暫時(shí)不發(fā)布出去。draft page就可以滿足我們的要求，我們的網(wǎng)站上是看不到草稿文件的。

在terminal輸入

hexo new draft b

我們會在source下看見一個(gè)新的文件夾，_drafts，這個(gè)里面會裝我們所有的草稿文件。

那寫好了的草稿，如何可以在不發(fā)布的情況下，預(yù)覽一下文章在網(wǎng)站上的樣子呢？

hexo server --draft

當(dāng)然，你要先shut down原來開著那個(gè)server，才可以開啟新的server。如此一來，我們就可以預(yù)覽草稿文件啦

Step 3: 發(fā)布草稿

當(dāng)你準(zhǔn)備好了要發(fā)布草稿時(shí):

hexo publish b

你會發(fā)現(xiàn)_drafts里的b.md不見了，跑到了_posts里面,也就說明你的草稿發(fā)布成功了。

Step 4: normal page

我目前還不知道該如何用中文稱呼這類頁面。我們可以把post和draft統(tǒng)稱為blog pages，在這之外的一種就是normal pages， 類似一個(gè)網(wǎng)站上的“關(guān)于”，“了解我們”之類的頁面。

這類page要如何新建呢？

hexo new page c

和前兩種不同，這個(gè)命令會在source文件夾內(nèi)創(chuàng)建出c文件夾，與_posts，_drafts并列。文件夾里面有一個(gè)index.md文件。

刷新頁面，你會發(fā)現(xiàn)c并沒有出現(xiàn)在頁面內(nèi)，那它在哪兒呢？

在網(wǎng)址后面加上c/， 即http://localhost:4000/c/，就可以看到了。

正因?yàn)閏不是一個(gè)blog page，所以它也不會出現(xiàn)在blog列表中，而是要通過URL去access。

Step 5: 一個(gè)小tip

現(xiàn)在我們了解到page一共有三種，post，draft，normal。

page_layout.png

那為什么一開始的時(shí)候我們用

hexo new a

就直接生成了post page呢？

因?yàn)槟J(rèn)的設(shè)置。

打開熟悉的_config.yml文件，找到

default_layout: post

這句表示默認(rèn)的頁面會新建成post格式的。

所以，如果你習(xí)慣先把文章寫成草稿，那就把它改成draft就好。

default_layout: draft