剛剛搭建好個人主頁的我,心情是激動又忐忑的。激動是因為幾次失敗后終于成功了,有了人生中第一個“自制”博客,忐忑的是這玩意該怎么寫啊。。。
所以稍微的研究了一下,現在想分享給和我一樣的人們。(畢竟建博客的初衷就是為了練習寫作加想做一些輸出)
文章目標人群:剛剛利用各路教程終于搭建好了Hexo,準備寫下第一篇文章的同學們。
我的基本情況:Hexo + GitHub Pages搭建的博客,nexT主題,Mac OS。
現在,讓我們開始吧!!
Step 0: 基本了解 + 準備工作
- 我們打開hexo所在目錄 -> source -> _posts, 可以看到一個hello-world.md文件,這就是hexo自動幫我們生成的第一篇文章。
- 回到hexo文件夾,就是里面有_config.yml, source, themes等等的那個。
- 用hexo server來啟動本地預覽,在瀏覽器輸入http://localhost:4000/即可。
hexo server
Step 1: 新建文章
在hexo所在目錄下,打開terminal,在命令行輸入:
hexo new a
a是文章標題,也可以加上雙引號,如“a”。
通過這行命令,我們新建出來了一個page,而且是一個post page,page還有其他種,稍后我們會提到。
正確的結果:我們會在_posts里看見多了一個a.md文件。
因此我們也知道了,默認情況下,hexo為我們創建的是markdown文件。刷新頁面(http://localhost:4000/)我們能看見新添一個名字叫a的文章,沒有任何內容。
而這個_posts文件夾,算是一個比較特殊的文件夾,因為它裝著所有你發布出去的文章。
打開a.md文件,我們會看到
---
title: 1
date: 2017-09-15 19:00:41
tags:
---
在這里隨便寫點什么
然后刷新頁面,就會看到你寫的內容。與此同時,hexo也會自動為這個post生成一個頁面,當我們點擊標題,就會進入那個頁面。
Step 2: 草稿箱
上一步我們新建出來的,叫做post page。除了post page,我們還可以新建draft page,也就是草稿。很多時候我們需要先寫成草稿,而暫時不發布出去。draft page就可以滿足我們的要求,我們的網站上是看不到草稿文件的。
在terminal輸入
hexo new draft b
我們會在source下看見一個新的文件夾,_drafts,這個里面會裝我們所有的草稿文件。
那寫好了的草稿,如何可以在不發布的情況下,預覽一下文章在網站上的樣子呢?
hexo server --draft
當然,你要先shut down原來開著那個server,才可以開啟新的server。如此一來,我們就可以預覽草稿文件啦
Step 3: 發布草稿
當你準備好了要發布草稿時:
hexo publish b
你會發現_drafts里的b.md不見了,跑到了_posts里面,也就說明你的草稿發布成功了。
Step 4: normal page
我目前還不知道該如何用中文稱呼這類頁面。我們可以把post和draft統稱為blog pages,在這之外的一種就是normal pages, 類似一個網站上的“關于”,“了解我們”之類的頁面。
這類page要如何新建呢?
hexo new page c
和前兩種不同,這個命令會在source文件夾內創建出c文件夾,與_posts,_drafts并列。文件夾里面有一個index.md文件。
刷新頁面,你會發現c并沒有出現在頁面內,那它在哪兒呢?
在網址后面加上c/, 即http://localhost:4000/c/,就可以看到了。
正因為c不是一個blog page,所以它也不會出現在blog列表中,而是要通過URL去access。
Step 5: 一個小tip
現在我們了解到page一共有三種,post,draft,normal。
那為什么一開始的時候我們用
hexo new a
就直接生成了post page呢?
因為默認的設置。
打開熟悉的_config.yml文件,找到
default_layout: post
這句表示默認的頁面會新建成post格式的。
所以,如果你習慣先把文章寫成草稿,那就把它改成draft就好。
default_layout: draft