Lucka
0%

Hexo 博客改造笔记

发表于

最近开始不满足于 NexT 提供的功能，想修改定制一下，于是小心翼翼地查资料，小心翼翼地修改……然后总结一下放在这里。
以后也会进行一些改造（大概），毕竟有很多想做的……这篇文章也会跟着更新的。

修改文章排序

目前文章按创建日期（即 Front-matter 中的 date）排序，即使加入了updated排列也不会随之改变。因为有一些文章（比如 Ingress 某系列任务说明和本文）预计会长期更新，所以希望能按更新时间排序。

要修改的内容

  • /node_modules/hexo-generator-index/index.js 

    1
    order_by: '-date'

    修改为

    1
    order_by: '-updated'

这样的话就只按 Front-matter 中的updated排序了，因此所有文章的 Front-matter 中都必须要有updated，已发布的文章可以手动修改或者找方法批量将 data换成updated，对于将来的文章，只要做如下修改：

  • /scaffolds/post.md
    在date后加入一行

    1
    updated: {{ date }}

Note

所以似乎可以按任何 Front-matter 中的参数进行排序，比如加一个Top参数，设置文章等级，置顶文章……有办法按多个参数排序吗？

参考内容

  • 杂记 主页改为按修改时期排序文章
    虽然用这位的方法整个排序都混乱了……但通过它摸索到了解决办法。

圆形头像

把左边 Sidebar 里的头像做成圆形的。

要修改的内容

  • \themes\next\source\css\_common\components\sidebar\sidebar-author.styl
    在

    1
    .site-author-image {}

    的尾部加入

    1
    2
    3
    border-radius: 128px;
    -webkit-border-radius: 128px;
    -moz-border-radius: 128px;

Note

其中的值我也不知道应该设置为多少……资料中写的是80但我改成128好像也没什么关系233

参考内容