天天看點

手把手教你搭建GitHub個人部落格網站(下)4 寫部落格5 優雅地使用Hexo的next主題參考

4 寫部落格

4.1 建立部落格

定位到我們的hexo根目錄,執行指令:

手把手教你搭建GitHub個人部落格網站(下)4 寫部落格5 優雅地使用Hexo的next主題參考

hexo會幫我們在_posts下生成相關md檔案:

我們隻需要打開這個檔案就可以開始寫部落格了,預設生成如下内容:

手把手教你搭建GitHub個人部落格網站(下)4 寫部落格5 優雅地使用Hexo的next主題參考

當然你也可以直接自己建立md檔案,用這個指令的好處是幫我們自動生成了時間。

一般完整格式如下:

---
title: postName #文章頁面上的顯示名稱,一般是中文
date: 2019-07-11 19:11:33 #文章生成時間,一般不改,當然也可以任意修改
categories: 預設分類 #分類
tags: [tag1,tag2,tag3] #文章标簽,可空,多标簽請用格式,注意:後面有個空格
description: 附加一段文章摘要,字數最好在140字以内,會出現在meta的description裡面
---

正文
      

那麼

hexo new page 'postName'

指令和

hexo new 'postName'

有什麼差別呢?

手把手教你搭建GitHub個人部落格網站(下)4 寫部落格5 優雅地使用Hexo的next主題參考

最終部署時生成一個index.html,但是它不會作為文章出現在博文目錄

手把手教你搭建GitHub個人部落格網站(下)4 寫部落格5 優雅地使用Hexo的next主題參考

4.2 撰寫工具

可以用typora來進行部落格的編寫或者用CSDN的編輯器也是很不錯的選擇,用VScode的Markdown-toc插件來為我們的文章自動生成目錄。

5 優雅地使用Hexo的next主題

5.1 安裝

$ git clone https://github.com/iissnan/hexo-theme-next themes/next      
手把手教你搭建GitHub個人部落格網站(下)4 寫部落格5 優雅地使用Hexo的next主題參考

5.2 啟用

與所有 Hexo 主題啟用的模式一樣。 當 克隆/下載下傳 完成後,打開站點配置檔案, 找到 theme 字段,并将其值更改為 next。

5.3 驗證主題

首先啟動 Hexo 本地站點,并開啟調試模式(即加上 --debug)

hexo s --debug      

在服務啟動的過程,注意觀察指令行輸出是否有任何異常資訊,如果你碰到問題,這些資訊将幫助他人更好的定位錯誤。 當指令行輸出中提示出:

INFO Hexo is running at

http://0.0.0.0:4000/.

Press Ctrl+C to stop.

此時即可使用浏覽器通路 http://localhost:4000,檢查站點是否正确運作。

5.4 配置

在 Hexo 中有兩份主要的配置檔案,其名稱都是 _config.yml。 其中,一份位于站點根目錄下,主要包含 Hexo 本身的配置;另一份位于主題目錄下,這份配置由主題作者提供,主要用于配置主題相關的選項。

為了描述友善,在以下說明中,将前者稱為 站點配置檔案, 後者稱為 主題配置檔案。

你可以通路 Hexo 的文檔 了解如何安裝 Hexo病進行 站點配置檔案的配置

簡單的設定可以參考:

NEXT中文文檔

NEXT主題詳細配置

參考

繼續閱讀