本文共 3119 字，大约阅读时间需要 10 分钟。

关于hexo

安装hexo及主题

安装hexo，可以参考：

解决latex公式渲染的问题

npm uninstall hexo-renderer-marked --savenpm install hexo-renderer-pandoc --save

然后到配置的主题next下的配置文件 /Users/lijia/科研&学习/github博客/themes/next/_config.yml，更改配置如下：

math:  # Default (true) will load mathjax / katex script on demand.  # That is it only render those page which has `mathjax: true` in Front-matter.  # If you set it to false, it will load mathjax / katex srcipt EVERY PAGE.  per_page: false  # hexo-renderer-pandoc (or hexo-renderer-kramed) required for full MathJax support.  mathjax:    enable: true    # See: https://mhchem.github.io/MathJax-mhchem/    mhchem: false

未知问题：有时在typora中显示正常的行内数学公式，在hexo中就显示异常了

比如下面一个情况

暂时的接近办法：

• 通过尝试发现，对于有些显示不正常的行内公式$X=\left(x_1,x_2,\dots ,x_n\right)$我们只需要在前面或者后面一个$符号插入一个空格, 或者在前后都插入一个空格，公式渲染显示就正常了。

• 而且有时例如需要\left( x_{1} 在\left(后插入一个空格。

更改markdown信息头模板

默认的信息头不全，我们把markdown模板 /Users/lijia/科研&学习/github博客/scaffolds/post.md 里面最开始的信息更改如下：

title: {
  { title }}date: {
  { date }}tags:description: 点击阅读前文前, 首页能看到的文章的简短描述 categories:

添加搜索功能

首先在blog文件夹目录下安装依赖

npm install hexo-generator-searchdb --save

然后在站点配置文件中_config.yml中增加如下内容

search:  path: search.xml  field: post  format: html  limit: 10000

最后在主题配置文件（\themes\next_config.yml），修改local_search的值如下

# Local search# Dependencies: https://github.com/flashlab/hexo-generator-searchlocal_search:  enable: true

---

关于next主题

首先进入本地blog目录，使用git clone，把主题项目克隆下来,

git clone https://github.com/theme-next/hexo-theme-next themes/next 然后在站点配置文件中更改theme选项为 next.

更改主题细节设置

页面配置

设置开始页面显示，设置头像，设置社交媒体链接等等，

可以参考这个博客： 或者参考这个文章：

更改默认字体大小

主题默认的字体太大了，一个页面放不下很多内容，根据我们创建的路径，在/Users/lijia/科研&学习/github博客/themes/next/source/css/_variables/base.styl 中找到font size，把font-size-base默认值更改即可

// Font size$font-size-base           = (hexo-config('font.enable') and hexo-config('font.global.size') is a 'unit') ? unit(hexo-config('font.global.size'), em) : 14px;

网址缩略图

如果我们想要更改网址栏左侧的缩略图标，我们先制作好图标，放入对应的 /Users/lijia/科研&学习/github博客/themes/next/source/images 文件夹下，然后更改主题（我们用的是next）下的配置文件如下：

favicon:  small: /images/flower-16x16.png  medium: /images/flower.ico # 建议使用ico图标而不是png图片，以防兼容性问题  apple_touch_icon: /images/flower.png # apple-touch-icon-next.png  #safari_pinned_tab: /images/flower.svg #logo.svg  #android_manifest: /images/manifest.json  #ms_browserconfig: /images/browserconfig.xml

接入评论系统以及文章阅读次数显示

参考：

http://www.zhangblog.com/2019/06/16/hexo05/ http://www.zhangblog.com/2019/06/16/hexo06/ 使用 ，可以同时实现评论留言系统以及文章阅读次数统计。

# Valine# For more information: https://valine.js.org, https://github.com/xCss/Valinevaline:  enable: true  appid: hcHrBNtFBdqhBMIhjL67LT0t-gzGzoHsz # Your leancloud application appid  appkey: Pe1HEgFp3AUcNCQ7dpQ3HRE4 # Your leancloud application appkey  notify: false # Mail notifier  verify: false # Verification code  placeholder: 欢迎讨论留言！ # Comment box placeholder  avatar: mm # Gravatar style  guest_info: nick,mail,link # Custom comment header  pageSize: 10 # Pagination size  language: # Language, available values: en, zh-cn  visitor: true # Article reading statistic # 这里控制显示文章阅读次数

设置完成后文章的开头就会显示如下：

增加了 Views 和 Valine，而博客文章下面就有了留言板。

转载地址：https://blog.csdn.net/xiaojiajia007/article/details/104105250 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！