Hexo博客按主题分类显示文章的方法.pdfVIP

Hexo博客按主题分类显⽰⽂章的⽅法 偶然在知乎上看到关于优化静态博客归档页⾯的问题，看完问题描述后发现，下⾯这种“按主题分类显⽰⽂章”的⽅式我也很喜欢，所以⾃⼰摸索 了⼀个可以实现这个效果的苯⽅法。 样版 思路 因为markdown是⽀持html标签的，所以要做的其实就是新建⼀个页⾯，然后⽤html语⾔写上想显⽰的主题、主题下的⽂章名和链接，最后定义 不同内容的渲染样式就⼤功告成了。 步骤 1. 新建⼀个页⾯ 我新建的页⾯为“works”，中⽂名定为“作品集”。 之所以不直接在主题已有的“归档”页⾯上修改，是因为经过尝试我发现这样修改并不会⽣效。“归档”界⾯的显⽰⽅式似乎并不受其对应 的 index.md⽂件内容的影响（也可能是我技术太差，望专业⼈⼠指教）。 新建页⾯的教程⽹上很多，不再赘述。部署完成后的博客⾸页上，应该会出现⼀个像下⾯这样的新按钮： 新建页⾯ 2. ⽤html语⾔书写页⾯显⽰内容 找到 yourname.github.io\source\works ⽂件夹下的 index.md ⽂件，按以下结构列出每⼀主题名称及对应⽂章（如果对html感兴趣可参看笑来⽼师 的这⼀篇简明教程）。 pstrong主题名称/strong /p a href=⽂章链接篇名/a a href=⽂章链接篇名/a . . . 上⾯结构中出现的元素需要⾃⼰⼿动修改。想展⽰⼏个主题，就写⼏个类似这样的结构；⼀个主题下⾯有多少篇⽂章，就写多少⽂章链接。语 句之间的空⾏不能省略。 前⾯说这是个苯⽅法，原因就在这⾥。你在这⾥需要⼿动填⼊每篇⽂章链接和篇名，当⽂章较多时，就显得繁琐。 3. 定义样式 在 index.md ⽂件的结尾处，加上以下语句： style strong { font-size: 26px; } /style 经过我的测试，确实只需要设定字体⼤⼩这⼀个参数，就可以实现想要的效果。 我推测是因为NexT主题中已经定义过strong、Link标签的渲染样式，所以不需要重复定义，所以我们只需要对独特需求做额外定义即可。