NexT主題乾貨

剛搭建的博客，主要使用的Hexo,NexT,gitHub。本身也寫一下搭建過程和遇到的坑方便你們參考，固然也是爲了本身之後修改方便。

搭建的整個過程和優化都會寫出，可是一些能夠本篇文章只會有乾貨，其餘的內容都會給出鏈接，須要本身去查看。

安裝依賴

• node.js、Git點擊下載(若是有不須要安裝)

npm install -g hexo-cli  \安裝Hexo
    hexo init <folder>   \建站 folder(文件夾名)
    cd <folder>  \打開站文件夾
    npm install  \下載依賴
    git clone https://github.com/iissnan/hexo-theme-next themes/next  \下載NexT主題

• 若是你感受有疑問能夠看官方文檔Hexo

本地配置

上面的完成之後，哪個站已經建好，下面檢查一下是否成功。

約定：Hexo站點根目錄下的配置文件（_config.yml）稱做 站點配置文件 ，NexT主題的配置文件（_config.yml）稱做 主題配置文件

• 須要將站點配置文件的theme,修改成next

hexo g \生成靜態文件
hexo s \啓動服務  訪問網址http://localhost:4000/

若是訪問失敗能夠參考一下官方文檔 NexT

• 發佈到gitHub

若是你沒有帳號能夠點擊註冊 gitHub

<pre>npm install hexo-deployer-git --save  \安裝 hexo-deployer-git插件</pre>

修改 站點配置文件 中deploy配置

deploy:
     type: git  \類型
     repo: <repository url>  \填寫項目地址
     branch: [branch]  \填寫項目分支
     message: [message]  \填寫提交描述

若是你沒有配置過gitHub的ssh，須要本身百度配置一下

hexo d  \部署

後期優化

主題的配置在官網上都有說明，你們能夠直接在我前面給的文檔鏈接查看，可是有一些在文檔裏沒有說明。

文章部分展現

當你發佈完文章忽然發現是所有在首頁展現的，若是想要只展現部分能夠以下配置 主題配置文件

auto_excerpt:
        enable: true

底部優化

相信你們都也不太喜歡本身的博客底部有一些亂七八糟的鏈接，能夠作一下修改

找到/themes/next/layout/_partials/footer.swig文件修改佈局

也能夠找到/themes/next/languages/zh-Hans.yml文件中的footer配置修改顯示文字

若是你想修改底部的icon圖標，能夠到 主題配置文件中修改footer下面的icon配置便可

分類標籤頁面

NexT中默認的是隻有首頁和歸檔頁面的，若是你想利用標籤和分類也應該如何

首先新建標籤頁hexo new page tags

確認站點配置文件裏有tag_dir: tags

確認主題配置文件裏有tags: /tags

編輯站點的source/tags/index.md，添加
<pre>title: tags
date: 時間
type: "tags"</pre>

還有一個須要注意的是，你新建文章的時候須要以下配置
<pre>title: tags
date: 時間
tags:

• tags1
• tags2</pre>

分類頁相同，這裏就不囉嗦了。

favicon優化

準備本身喜歡的圖片

https://realfavicongenerator.net/點擊

點擊頁面中的select your Favicon picture按鈕，上傳本身的圖片，而後下載。這些就不囉嗦了。

在 主題配置文件 中的favicon配置，本身看一下有各類尺寸和格式的路徑配置，把本身須要的圖片拷貝到themes/next/source/images路徑下，修改配置。下面的也就不囉嗦了。

友情鏈接設置

在 主題配置文件 中的social配置，本身進行相應的修改就能夠了，這裏再也不囉嗦。

第一次寫有點邏輯不清，若是有錯誤歡迎你們指出。