目录及目录图标

配置目录的文件路径:

Hexo\themes\indigo\_config.yml

打开后 menu 就是所有的目录. 比如此时要增加一个友链子目录:

menu:
  friend: 
  text: 友链申请
  url: /FriendSiteList 

friend 这个标签是自定义的, 因为在 https://fontawesome.com/v4.7.0/icons/ 这个页面没有我想要的图标, 如果不想麻烦的话可以在这个页面挑图标即可, 操作方式就是复制图标的名称, 比如页面第一个图标 address-book , 把这个名称复制下来后, 粘贴到上面结构中 friend 的地方. 就会显示该图标了, 记住 CDN 先关掉, 不然刷新没有用.

自定义图标

friend 是自定义的一个标签, 参考的这个答案: https://github.com/yscoder/hexo-theme-indigo/issues/8

具体操作是:

打开 theme/indigo/source/css/_partial/fontawesome.less,拉到最后一行,按格式添加你需要的图标。例如:

.@{fa-css-prefix}-friend:before { content: @fa-var-users; }

必须保证Font Awesome图标集中有你所需要的图标。

其中 friend 就是自定义标签名, 可以在目录中引用. 而 fa-var-users 就是在 FontAwesome 里的图标.

文章页宽度

原版的文章页宽度比较窄. 根据这个答案改的好看了些.

步骤是:

打开 indigo/source/css/_partial/variable.less 文件, 修改第28行代码. 把原来的 @contentWidth: 960px; 改为 @contentWidth: 90%;

评论插件

用的是 valine 安装步骤看官方就行.
https://valine.js.org/

文章永久链接

使用这个项目: https://github.com/rozbo/hexo-abbrlink

步骤:

  1. 在服务器使用 npm 安装插件.

    npm install hexo-abbrlink –save

  2. 打开 Hexo 根目录的配置文件 _config.yml, 修改如下:

    url: http://www.geekqian.com
    root: /
    permalink: posts/:abbrlink/
    abbrlink:
      alg: crc32  # 算法:crc16(default) and crc32
      rep: hex    # 进制:dec(default) and hex
  3. 写文章的时候, 头部格式如下:

    ---
    title: Hexo 博客框架下主题 indigo 的样式修改备注
    date: '2020/3/6 10:33:48 '
    tags:
      - 标签1
      - 标签2
    categories: 分类1
    abbrlink: 
    description:
    ---
    正文...