hexo-next优化之路

选择了Hexo + Next完成个人博客建站之后,仍然会有很多不足之处。此时,万能的搜索引擎和git社区为我们提供了琳琅满目的解决方案。本文将陆续记录本站采用过的优化措施,以供大家参考。

缩小首页文章列表间距并增加阴影效果

在5.1.3版本中,可以直接修改next/source/css/_custom/custom.styl文件,如下:

// 主页文章添加阴影效果
.posts-expand {
    .post {
        margin-top: 60px;
        margin-bottom: 20px;
        padding: 25px;
        -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
        -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
    }
}

增加标签

步骤一

你需要在hexo根目录的source文件夹下新建一个tags文件夹,然后在tags文件夹里面新建一个index.md文件。快捷命令为:

hexo new page "tags"

步骤二

编辑source/tags/index.md文件,内容如下:

---
title: "tags"
type: tags
layout: "tags"
comments: false
---

title标题不重要,自定义。comments为false,可以关闭本页的评论功能。

步骤三

编辑主题配置文件

nav:
  home: /
  about: /about
  tags: /tags

步骤四

文章中多个标签的添加方式如下:

tags:
  - tag1
  - tag2

或者

tags: [tag1, tag2]

增加分类

方法同上,区别是:

  • tags换成categories;
  • 分类只能有一个。

文章中增加categories: xxx

原文链接: 大卓の哆啦A梦

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容