大家在使用hexo部落格的next主題的時候應該都覺得原來預設的歸檔頁面很醜吧，最近也有小夥伴問我這個歸檔頁面美化怎麼弄的，今天就小小的總結一下。
我的歸檔頁面
首先我們開啟next主題目錄（注意這個美化樣式只支援next主題），然後找到next/layout/_macro/post-collapse.swig檔案。
注意：next5和next6主題下這個檔案中內容可能會有點不太一樣，需要找到對應內容對應一一修改。
以下基於next5，其中原始內容如下，next6主題下類似：
檔案位置：/hexo/next/layout/_macro/post-collapse.swig
}}
}}
post-meta**塊的內容上移到post-header下面，如下：
+ +
+ }
+
+ }}
}- -
- }
-
-
my-即可，比如原始是post-title-link，修改為my-post-title-link。注意以下只是原始**和修改**參考對比，不要直接複製！
- +
- + - + -
}-
+
-
+
}-
+ }}
next/source/css/_custom/custom.styl檔案，在檔案末尾新增如下樣式：
/* 歸檔頁樣式 began */
.page-archive .archive-page-counter
}.my-post-time
.mypost
a.my-post-title-link:before
.my-post:hover
//display:flex;
}a.my-post-title-link
}.my-post-title
}.my-post-header
//.my-post-title-link
.my-post-meta
div.post-block.tag .collection-title h2
}.category-list-link:hover
/* 歸檔頁樣式 end */
hexo clean && hexo g && hexo s就可以檢視效果了！ hexo中next主題部落格
hexo n 部署命令 hexo clean 先清除public目錄 hexo g 生成發布檔案 gulp 壓縮 hexo d 發布常用命令介紹 命令簡寫 hexo n 我的部落格 hexo new 我的部落格 新建文章 hexo g hexo generate 生成 hexo s hexo ser...
小白搭建hexo的Next主題部落格
家裡的網路可算搞好了！quq.是時候更新一波部落格了！言歸正傳 寒假前無意間看到高年級的學長自己做的部落格 很精美！動心了之後決定自己做乙個 高仿版 說實話自己沒有想到如今建立自己的部落格 已經這麼發達便捷，因為自己的前端知識並不多，開始前一度擔心完不成。這是效果圖 古人云 工欲成其事必先利其器。在...
hexo部落格框架 next主題的初步使用
本教程是在博主完成配置並正確執行後才進行編寫的,所以並沒有配置以及執行過程的截圖，本教程的執行環境是linux的centos版本 字面意思，部落格框架就是給了你乙個部落格的架子，然後你自己在根據你自己的情況或者喜好進行修改定製 注意，這裡的架子並不是指給你乙個靜態頁面然後你自己往裡面寫 扣資料加資料...