Hexo之Matery主题配置

最近的三天一直在折腾hexo框架的博客,先是使用yilia主题,但是用来一天觉得我不适合这个主题,随即看到了matery主题。

前言

img

今天又折腾了白天一天时间,我这个是直接克隆的hongweiの博客,这是一个大佬呀,还要多多向他学习。

然后,只把一些简单的配置弄好了。现在梳理一下:

已完成的配置:

  • 404页面

  • 简历

  • 建站时间

  • 设置个人域名(已购买域名,单还需要审核,明天再去弄。)

  • 不蒜子设置

  • 添加评论插件
  • 网站SEO优化
  • 百度收录站点 1.验证网站所有权
  • 谷歌收录站点
  • 优化你的URL
  • 添加代码块复制功能
  • 添加文章更新时间功能

非必要配置(已经取消):

  • 添加网易云音乐BGM

  • 添加鼠标点击烟花爆炸效果

  • 添加页面樱花飘落效果

  • 添加鼠标点击文字特效

  • 添加页面雪花飘落动效

  • 优化网站加载速度

  • 数学公式渲染和代码高亮

  • 其他搜索引擎收录你的站点

  • 添加动漫人物

  • 增加emoji支持

  • 添加博客动态标签

  • 添加博客天气插件

  • GitHub&coding pages双部署

  • 修复Valine评论的头像不显示问题

配置

代码高亮

由于 Hexo 自带的代码高亮主题显示不好看,所以主题中使用到了 hexo-prism-plugin 的 Hexo 插件来做代码高亮,安装命令如下:

1
npm i -S hexo-prism-plugin

然后,修改 Hexo 根目录下 _config.yml 文件中 highlight.enable 的值为 false,并新增 prism 插件相关的配置,主要配置如下:

1
2
3
4
5
6
7
8
highlight:
  enable: false

prism_plugin:
  mode: 'preprocess'    # realtime/preprocess
  theme: 'tomorrow'
  line_number: false    # default false
  custom_css:

遇到的问题

1、Cannot set property 'lastIndex' of undefined

运行hexo g出现Cannot set property ‘lastIndex’ of undefined

解决方法:修改配置文件的 _config.yml,注意不是主题里面的配置文件,把 auto_detect 设置为false 即可。

2、代码显示异常

image-20200307011749942

解决方法:

然后hexo clean& hexo g& hexo s

image-20200307012129958

好了。

:作者给的解决方案比我这个要多一步,我在这里贴出来,供大家参考。

image-20200307012313539

3、目录定位内容有偏差

我反复的去测试,后来发现,可能有两个原因会导致这个问题的出现:

  1. 网页没有刷新完全的时候,点击目录他有可能不会跳转。

    解决方法

  2. 你的文章的标题格式有问题,比如,我用Typora软件来写文章,这个软件就是所写即所得。但是这样你就不容易发现格式细节处的错误。

    错误示范

    我先写了一个一级标题,image-20200308024217913

    然后,我又点击引用,就变成这样了:image-20200308024438170这种写法在Typora中,是不会认为它是一级标题的。

    我们打开源码查看他的格式:> # 配置。他的格式是这样的。就是这里出错了,在matery主题中这样写它仍然会识别成标题,然后就导致从这个标题开始后面的标题,在你点击这些标题的时候,它会定位错误。

    解决方法:我们一定要遵循Markdown格式的语法,一定要,一定要。


发布了34 篇原创文章 · 获赞 10 · 访问量 1万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览