next主题的个性化设置

因为hexo博客使用的markdown语法,之前并没有接触过markdown语法,所以第一次写博客只能参考markdown语法的用法来写

设置hexo的头像

之前参照了网上修改的方法老是出现报错,折腾了两天还是不行,后来在修改网站图标的时候才知道是因为我配置文件格式写错了,网上的很多方法都是在主题的配置文件里改,但我改了并没有生效,也许是姿势有问题,后来在主题的配置文件里修改竟然生效了,在配置文件里搜索’Sidebar Avatar’,找到如下字段:

1
2
3
4
5
6
# Sidebar Avatar
avatar:
# in theme directory(source/images): /images/avatar.gif
# in site directory(source/uploads): /uploads/avatar.gif
# You can also use other linking images.
url: /images/avatar.jpg

在url: 后面加上头像的存放地址,我的头像放在了站点目录/source/images/目录下,修改完配置后执行命令:
hexo clean
hexo g
hexo d

站内搜索

刚开始想用Swiftype来着,后来才知道Swiftype在去年就停止免费服务了,又想着去用Algolia,但我实在太笨,找不到地址在哪里,网站访问的也很慢,于是准备用hexo自带的Local Search

  1. 安装 hexo-generator-searchdb,在站点的根目录下执行以下命令:
    npm install hexo-generator-searchdb --save
  2. 编辑 站点配置文件,新增以下内容到任意位置:

    1
    2
    3
    4
    5
    search:
    path: search.xml
    field: post
    format: html
    limit: 10000
  3. 编辑 主题配置文件,启用本地搜索功能:

    1
    2
    3
    # Local search
    local_search:
    enable: true

具体可以参考官方的文档Next使用文档
目前我的博客评论用的是来必力,分享用的是Add This,站内搜索用的是local search,感觉用起来还是挺不错的

-------------本文结束感谢您的阅读-------------
wanger wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
坚持原创技术分享,您的支持将鼓励我继续创作!