Hexo 及 NexT 基本配置與使用

前一篇文章介紹瞭如何搭建博客，可是沒有介紹如何使用和個性化配置博客。所以這篇文章主要來介紹Hexo的主題及其配置以及如何來寫本身的博客。

主題下載與應用

Hexo提供各類各樣的主題，咱們能夠進入官網去選擇本身喜歡的主題，而後在GitHub上有其具體的介紹。

接下來咱們以NexT主題爲例進行介紹。

截至目前爲止，NexT主題已經從v5.1.x更新至v6.6.0，倉庫也從原來的老倉庫遷移到這裏。所以NexT主題的不少配置都和之前不同了，我當時在網上看的時候全是老版本的配置方法，花費了很多時間。最後發現其實能夠本身看着themes下的_config.yml進行配置，不少插件都在theme-next這個倉庫有。

下載 NexT

切換到主目錄，而後克隆整個倉庫到themes/next：

cd hexo
    git clone https://github.com/theme-next/hexo-theme-next themes/next
複製代碼

以後咱們會發現 themes下多了個next文件夾，即咱們的主題文件夾。

配置

整個 Hexo 博客有兩個主要的配置文件，第一個是主目錄下的_config.yml，另外一個是咱們的主題配置文件，是thems/next/_config.yml。

如今咱們開始將咱們下載的主題應用到咱們的博客中，咱們只需修改主目錄下的_config.yml，以下：

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/

theme: next
複製代碼

而後hexo s啓動博客便可。 須要注意的是：每當咱們修改了主目錄下的_config.yml，只有重啓博客服務才能生效；而修改thems/next/_config.yml是不須要重啓博客服務的。

一樣咱們能夠在主目錄下的_config.yml進行其餘設置，咱們能夠看到裏面有網站基本設置，以下：

title: Hexo           
subtitle:
description:
keywords:
author: John Doe
language:
timezone:
複製代碼

參數	描述
title	網站標題
subtitle	網站副標題
description	網站描述
author	做者名字
language	網站語言，NexT v6.0.3之後中文設爲 zh-CN

具體所有配置參考官方文檔。

咱們暫時不須要所有理解其意思，只要把網站的基本描述改成你本身的就好。

主題設定

選擇 Scheme

Scheme 的切換經過更改主題配置文件，打開thems/next/_config.yml，搜索 scheme 關鍵字。 你會看到有三行 scheme 的配置，將你需用啓用的 scheme 前面註釋 # 去除便可。

# Schemes
scheme: Muse
#scheme: Mist
#scheme: Pisces
#scheme: Gemini
複製代碼

Scheme 是 NexT 提供的一種特性，藉助於 Scheme，NexT 爲你提供多種不一樣的外觀。同時，幾乎全部的配置均可以 在 Scheme 之間共用。
Muse - 默認 Scheme，這是 NexT 最初的版本，黑白主調，大量留白
Mist - Muse 的緊湊版本，整潔有序的單欄外觀
Pisces - 雙欄 Scheme，小家碧玉似的清新

選擇對應的外觀，刷新瀏覽器便可預覽。

設置菜單

打開thems/next/_config.yml，找到以下代碼

menu:
  home: / || home
  #about: /about/ || user
  #tags: /tags/ || tags
  #categories: /categories/ || th
  archives: /archives/ || archive
  #schedule: /schedule/ || calendar
  #sitemap: /sitemap.xml || sitemap
  #commonweal: /404/ || heartbeat
複製代碼

這裏是進行菜單配置，去掉哪一個註釋，就會多一個相應的菜單選項。

當須要about、tags、categories 須要手動建立這個頁面，若是不建立點擊則不會出現相應頁面。

使用以下命令建立這些文件夾

hexo new page "about"
hexo new page "tags"
hexo new page "categories"
複製代碼

以後source文件夾下就會出現三個這樣的文件夾。

設置頭像

打開thems/next/_config.yml，找到以下代碼

avatar:
  # in theme directory(source/images): /images/avatar.gif
  # in site directory(source/uploads): /uploads/avatar.gif
  # You can also use other linking images.
  url: #/images/avatar.gif
  # If true, the avatar would be dispalyed in circle.
  rounded: false
  # The value of opacity should be choose from 0 to 1 to set the opacity of the avatar.
  opacity: 1
  # If true, the avatar would be rotated with the cursor.
  rotated: false
複製代碼

修改字段 avatar， 值設置成頭像的連接地址，參考這個連接。

以上主題設置能夠參考Next文檔。

tags 和 categories 設置

當菜單中有了 tags 和 categories 時，咱們須要在 Front-matter 中添加 type 屬性。所謂 Front-matter 是文件最上方以 --- 分隔的區域，用於指定個別文件的變量。

tags/index.md

---
title: 標籤
date: 2018-12-05 10:00:29
type: "tags"
---

複製代碼

categories/index.md 同理。

只有這樣當咱們新建一篇博客時，指定的tags和categories纔會同步，hexo纔會識別出來你的 tags 和 categories。因此接下來咱們看如何新建一篇博客。

新建博客

新建博客很簡單，使用以下命令

hexo new "文章題目"
複製代碼

這樣就會在source目錄下自動建立一個名爲 文章題目.md 的文件，咱們只要在這個文件上寫文章就好了。一樣咱們須要每篇文章指定一個或多個 tags 和 一個 categories。這樣你的菜單中tags 頁面 和categories頁面就會有內容了。

---
title: 文章題目
date: 2018-12-05 15:42:22
tags:
- PS3
- Games
categories:
- Diary
---

複製代碼

這樣整個 NexT 基本配置就結束了，以後將會介紹一些 更高級的配置。