hexo Next 配置

ytmaylover發表於2018-09-05

Next 配置就是上面所說的”主題配置檔案“,位於 xxx.github.io/themes/next 目錄下,檔名為 _config.yml

1.設定關鍵字時間

# Set default keywords (Use a comma to separate)
# 設定關鍵字
keywords: "Android, DIY"

# Specify the date when the site was setup
# 設定部落格開始時間
since: 2016
複製程式碼

2.設定選單,就是我的部落格左側/頂部那一欄 分類,標籤欄

menu:
  home: / # 在選單上顯示首頁
  archives: /archives # 在選單刪顯示全部
  categories: /categories # 在選單上顯示 分類
  tags: /tags # 在選單上顯示 標籤
  about: /about # 在選單上顯示 關於
  #commonweal: /404.html

# Schemes
# 設定風格
#scheme: Muse
#scheme: Mist
scheme: Pisces # 我的就是這個雙欄風格

複製程式碼

3.設定更多換行

auto_excerpt:
  enable: true # 設定是否顯示閱讀全文,文章較多的話,有必要設定為 true
  length: 150
複製程式碼

4.建立categories

開啟命令列,定位到 xxx.github.io 目錄 新建一個頁面,命名為 categories

hexo new page categories

複製程式碼

根據提示找到新建的 index.md 檔案,編輯

---
title: 分類 
date: 2018-06-01 10:22:00
type: "categories" # 將頁面的型別設定為 categories ,主題將自動為這個頁面顯示所有分類
comments: false # 如果有啟用多說 或者 Disqus 評論,預設頁面也會帶有評論。需要關閉的話,設定為 false
---  
複製程式碼

5.建立tag頁面

開啟命令列,定位到 xxx.github.io 目錄 新建一個頁面,命名為 tags

hexo new page "tags"

複製程式碼

根據提示找到新建的 index.md 檔案,編輯

---
title: 標籤 
date: 2018-06-01 10:22:00
type: "tags"  
--- 
複製程式碼

6.寫部落格與釋出

部落格檔案需要存放到 xxx.github.io/source/_pos… 資料夾中

用 Markdown 寫文章 最後生成的 md 檔案放到 xxx.github.io/source/_pos… 資料夾或其子資料夾中即可

---
title: 這是標題
categories:  # 這裡寫的分類會自動彙集到 categories 頁面上,分類可以多級
- 實用技術 # 一級分類
- 個人部落格 # 二級分類 
tags:   # 這裡寫的標籤會自動彙集到 tags 頁面上
- 實用 # 可配置多個標籤,注意格式
- 個人部落格
---

>開始書寫內容
複製程式碼

7.常見問題

修改配置的時候簡直中間一定要有空格 hexo generate 的時候報錯,需要執行一下 hexo clean hexo generate 報錯也有可能是有特殊字元比如#,沒有轉義的時候 hexo server 不成功,看報錯資訊,有需要執行案轉外掛 hexo server不成功,有可能沒有安裝server,執行sudo npm install hexo-server 白板和Cannot GET / 幾個字 以下兩條命令需要連續執行:hexo init npm install

安裝缺少的外掛
npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save
這個時候再重新生成靜態檔案,命令:
hexo generate (或hexo g)
啟動本地伺服器:
hexo server (或hexo s)
複製程式碼

相關文章