快來搭建個人博客吧！
1. 主題
主題檔案都是存放在站點的themes檔案下，默認為landscape主題，主題可以從hexo官網下載，每個主題都會有檔案，
下載主題有兩種方式，一種是下載主題包然后放到themes檔案中，而我喜歡用另一種，就是使用GitBash從github上clone下來，可能速度有點慢，自己也可以用第一種方法，去github直接下載，
2. 語言
一開始來是英文的，所以得改成中文，打開站點目錄下的_config.yml，找到下面的代碼：
在language的值修改為: zh-CN
然后測驗下就變中文，
3. NexT主題
3.1 下載NexT主題
我使用的是Next主題，比較火，出bug容易找到解決方案，訪問速度很快，簡潔，
打開GitBash，定位到你的博客站點目錄下，或者在你的博客站點目錄右鍵點擊GitBash，輸入如下指令：
git clone https://github.com/theme-next/hexo-theme-next.git themes/next
然后等待下載，最后的themes/next 表示會把克隆的主題放到該目錄，具體可以參考 官方，
3.2 更換主題
在站點目錄下的_config.yml檔案中更改新下載的主題，把theme后面的值改為next，記得要有空格，這是yml檔案得遵循yml語法，
然后使用之前說的三條指令啟動本地測驗，訪問localhost:4000，就可以看到更換的next主題
NexT主題中還有四個不同風格的主題，我是用Gemini風格，這個可以改，在主題目錄下（next）的_config.yml中查詢 Schemes，然后下面有四種風格，都試試喜歡哪一種，把不用的注釋，只能存在一個風格，
3.3 在選單欄開啟一些跳轉頁面
還是在主題目錄下的_config.yml中，把想要的頁面開啟，去掉#即可，
我開啟的從上到下分別是：首頁、閱讀排行（這個是我加的原先沒有，后面再說怎么加）、歸檔、分類、標簽、關于我，可以在menu中調換顯示順序，
但是這些頁面不會自動生成，得我們創建，
比如：分類頁面，在站點目錄打開Git Bash，輸入
hexo new page categories
然后去站點目錄的source/categories的index.md 中，配置：copy過去即可，
---
title: 分類
type: "categories" # 這要跟主題目錄下的_config.yml的那個名稱一樣
comments: false # 不開啟評論
---
- 標簽頁面
hexo new page tags
在source/tags的index.md 中
---
title: 標簽 # 默認是顯示英文，需要自己改中文
type: "tags"
comments: false
---
- 關于頁面
hexo new page about
在source/about的index.md 中
title: 關于
date: 2019-11-30 22:52:16
type: "about"
# 然后下面就可以使用Markdown語法介紹自己
- 文章閱讀排行頁面
hexo new page top
在source/top的index.md 中，添加：
---
comments: false
type: "top"
---
<div id="top"></div>
<script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.4.js"></script>
<script>AV.initialize("PqPgFdX018fr1aVY5hzsSsNI-gzGzoHsz", "3QD9vLXdOV4igzOOalSTkhkc");</script>
<script type="text/javascript">
var time=0
var title=""
var url=""
var query = new AV.Query('Counter');
query.notEqualTo('id',0);
query.descending('time');
query.limit(1000);
query.find().then(function (todo) {
for (var i=0;i<1000;i++){
var result=todo[i].attributes;
time=result.time;
title=result.title;
url=result.url;
var content="<p>"+"<font color='#1C1C1C'>"+"【文章"+time+"人觀看過】"+"</font>"+"<a href='"+"https://flunggg.cn/"+url+"'>"+title+"</a>"+"</p>";
document.getElementById("top").innerHTML+=content
}
}, function (error) {
console.log("error");
});
</script>
并且在主題目錄下，themes\next\languages 中找到我們最初在網站配置的語言，我是 zh-CN，所以我打開這個檔案，在menu中添加 top: 閱讀排行，每次在選單欄新增就得在這里配置一個中文意思，
menu:
home: 首頁
archives: 歸檔
categories: 分類
top: 閱讀排行
tags: 標簽
about: 關于
search: 搜索
schedule: 日程表
sitemap: 站點地圖
commonweal: 公益 404
- 歸檔頁面
hexo new page top
然后source\archives中配置
---
title: archives
type: "archives"
comments: false
---
觀看下篇系列博文 NexT主題的美化
參考：
Hexo博客搭建全攻略(二)：NexT主題配置
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/93511.html
標籤：其他
上一篇：零基礎搭建博客系列：入門
下一篇：快速搭建博客：寫作技巧