主題的配置：這里以NexT主題作為題材
1、安裝NexT，在其文件夾中鼠標右鍵，點擊Git Base Here。輸入命令：git clone https://github.com/iissnan/hexo-theme-next themes/next
2、啟用主題，在站點目錄中（blog），打開配置文件_config.yml，修改theme：next
3、驗證主題，端口號被占用還是得先修改端口號，然后啟動服務
如果看到如下界面，說明成功安裝了NexT主題
4、主題設定，在next主題目錄下的_config.yml文件中將scheme設定為Pisces
5、語言設定，在站點根目錄下修改配置文件_cofig.yml中的language為zh-Hans（簡體中文）
6、修改菜單項，在主題目錄下修改配置文件_cofig.yml中的menu，增添一個something（注：千萬不要在這設置中文，后面的值那是查找文件的地方！若你的站點運行在子目錄中，請將鏈接前綴的 / 去掉）
這些配置都要與你主題目錄下的languages文件中對應的yml文檔里配置相關聯。比如你在站點根目錄中的配置文件設置language為zh-Hans，那么就要進入到主題目錄下的languages文件中修改zh-Hans.yml，這樣才能顯示出菜單項新增的中文內容（以something為例子）
7、設置菜單項圖標，對應的字段是menu_icons。格式為item name：icon name，其中item name與所配置的菜單名字對應，icon name是Font Awesome圖標的名字。而 enable 可用於控制是否顯示圖標，你可以設置成 false 來去掉圖標。（本機出問題，無法顯示icon，還未解決，求指導）
8、設置側欄位置，修改主題目錄下sidebar的position值
9、設置頭像，在站點根目錄下載配置文件中新增avatar，值設置為頭像的鏈接地址。地址可以是網絡地址，也可以是本地地址（放置在source/images/ 目錄下）
10、設置文章代碼主題，在主題目錄下修改配置文件highlight_theme，默認值為nomal。可以設置為night
11、添加標簽頁面，前面通過修改next主題下的_config.yml文件中的menu選項，可以在主頁面的菜單欄添加標簽選項，但是此時點擊標簽，跳轉的頁面會顯示page not found。此時我們要新建一個頁面
在新建的index.md文件中添加type: "tags"
當要為某一篇文章添加標簽，只需在blog/source/_post目錄下的具體文章的tags中添加標簽即可，如：
成功后的頁面為
11、添加關於我頁面，步驟和以上差不多
在新建的index.md文件中添加如下內容
12、在首頁添加github導航條，點擊這里選擇需要的樣式，然后將代碼復制到themes/next/layout/_layout.swig
並將href改為你的github地址，最終界面如圖
13、實現點擊出現桃心效果，點擊這里將代碼copy到/themes/next/source/js/src里面新建的love.js中，然后打開\themes\next\layout\_layout.swig文件,在末尾（在前面引用會出現找不到的bug） ，引用love.js
14、修改作者頭像並旋轉，打開\themes\next\source\css\_common\components\sidebar\sidebar-author.styl，在里面添加如下代碼：
.site-author-image { display: block; margin: 0 auto; padding: $site-author-image-padding; max-width: $site-author-image-width; height: $site-author-image-height; border: $site-author-image-border-width solid $site-author-image-border-color; /* 頭像圓形 */ border-radius: 80px; -webkit-border-radius: 80px; -moz-border-radius: 80px; box-shadow: inset 0 -1px 0 #333sf; /* 設置循環動畫 [animation: (play)動畫名稱 (2s)動畫播放時長單位秒或微秒 (ase-out)動畫播放的速度曲線為以低速結束 (1s)等待1秒然后開始動畫 (1)動畫播放次數(infinite為循環播放) ]*/ /* 鼠標經過頭像旋轉360度 */ -webkit-transition: -webkit-transform 1.0s ease-out; -moz-transition: -moz-transform 1.0s ease-out; transition: transform 1.0s ease-out; } img:hover { /* 鼠標經過停止頭像旋轉 -webkit-animation-play-state:paused; animation-play-state:paused;*/ /* 鼠標經過頭像旋轉360度 */ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); } /* Z 軸旋轉動畫 */ @-webkit-keyframes play { 0% { -webkit-transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(-360deg); } } @-moz-keyframes play { 0% { -moz-transform: rotateZ(0deg); } 100% { -moz-transform: rotateZ(-360deg); } } @keyframes play { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(-360deg); } }
15、在網站底部加上訪問量，打開\themes\next\layout\_partials\footer.swig文件,在類copyright前加上畫紅線這話：
代碼：<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
然后在合適的位置添加顯示統計的代碼(位置還是上述這個文件)，如圖：
代碼：
<div class="powered-by"> <i class="fa fa-user-md"></i><span id="busuanzi_container_site_uv"> 本站訪客數:<span id="busuanzi_value_site_uv"></span> </span> </div>
16、修改底部的官方logo，找到 \themes\next\layout\_partials\下面的footer.swig文件，打開會發現，如下圖的語句：
第一個框 是下面側欄的“日期❤ XXX”
如果想像我一樣加東西，一定要在雙大括號外面寫。如：xxx{{config.author}},當然你要是想改徹底可以變量都刪掉，看個人意願。
第二個，是圖一當中 “由Hexo驅動” 的Hexo鏈接，先給刪掉防止跳轉，如果想跳轉當然也可以自己寫地址，至於中文一會處理。注意刪除的時候格式不能錯，只把<a>...</a>標簽這部分刪除即可，留着兩個單引號'',否則會出錯哦。
第三個框也是最后一個了，這個就是更改圖一后半部分“主題-Next.XX”,這個比較爽直接將<a>..</a>都刪掉，同樣中文“主題”一會處理，刪掉之后在上一行 ‘-’后面可以隨意加上你想顯示的東西，不要顯示敏感信息喲，請自重。
接下來，處理剩余的中文信息。找到這個地方\themes\next\languages\ 下面的語言文件zh-Hans.yml（這里以中文為例，有的習慣用英文的配置文件，道理一樣，找對應位置即可）
未完，待續。。。。