0%

Hexo修改记录

Hexo修改记录

记录所有Hexo修改

QQ群:397745473

Hexo 常用工具

  1. Typora

    官网: https://typora.io/ (国内访问有点慢)

    Typora 是一个简单高效的 Markdown 编辑器

  2. Bitvise

    官网: https://www.bitvise.com/

    bitvise一个非常好用的ssh软件

  3. Find

    用find 查找一些CSS的标签来定位需要改哪里文件内容

    1
    2
    3
    find .|xargs grep -ri "vksec"
    查找目录下的所有文件中是否含有某个字符串,并且只打印出文件名
    find .|xargs grep -ri "vksec" -l

Hexo 安装

参考:

https://hexo.io/docs/setup

https://hexo.io/zh-cn/docs/

Hexo 加本地搜功能

  1. 安装本地搜索插件 hexo-generator-search

    1
    2
    # 安装插件,用于生成博客索引数据(在博客根目录下执行下列命令):
    npm install hexo-generator-search --save

    安装之后,会在站点目录的 public 文件夹下创建一个 search.xml 文件。

  2. 修改站点配置文件

    在站点配置文件 _config.yml 中添加如下内容:

    1
    2
    3
    4
    5
    6
    # Search 
    search:
    path: ./public/search.xml
    field: post
    format: html
    limit: 10000
    • path:索引文件的路径,相对于站点根目录
    • field:搜索范围,默认是 post,还可以选择 page、all,设置成 all 表示搜索所有页面
    • limit:限制搜索的条目数
  3. 主题配置文件

    在主题配置文件 _config.yml 中找到如下内容:

    1
    2
    3
    4
    local_search:
    enable: true
    trigger: auto
    top_n_per_article: 1

    确保 enable 设成 true。

    top_n_per_article 字段表示在每篇文章中显示的搜索结果数量,设成 -1 会显示每篇文章的所有搜索结果数量。

    然后,重新部署网站即可愉快的使用本地搜索功能了。

Hexo 主题修改

官网的安装方式

1
2
$ cd hexo
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

主题位置:/blog/themes/next

tag栏中加入默认的tag

1
2
3
4
5
6
7
8
9
10
编辑:
themes/next/layout/_macro/post.swig

找到 “post-footer”
这里有个for循环
在 {% endfor %} 后面加入:
<a href="https://book.xd10086.com/categories/%E9%BB%91%E5%AE%A2/" rel="tag"># 黑客书籍</a>

生成:
cd /blog && hexo clean && hexo generate && hexo deploy

在TAG下面加一张默认图片

1
2
3
4
5
同样需要编辑:
themes/next/layout/_macro/post.swig
找到 “post-footer”
在</div>与{% endif %}中间加入
<img src="https://i.imgur.com/0ivBlsQ.jpg" alt="知识星球">

如果是文章多还是需要用Hugo生成

参考:Theme - Hugo W3 Simple

QQ群:397745473

欢迎关注我的其它发布渠道