Hexo问题总结

Hexo显示图片

Hexo显示图片不显示是个蛮久之前的问题了,一直拖到现在解决,之前也有用过插件,但估计是因为没设置好的原因,不好用,昨天经一个同学提醒,可以用图床的方式来解决。又在网上看到有人说有道云笔记可以作为图床,想起来我开了会员的有道,不用白不用,好,开干。

首先肯定需要去下载一个有道云笔记,这里因为我有了就不操作了,可以附一个下载链接

接下来我们可以操作了,我是在我的有道云笔记里创建了一个图床文件夹,专门用来放图片。

接下来为了方便管理,可以在里面为每一篇文章创建另外的文件夹:

接下来就是把图片文件拖到该文件夹里,然后点击分享:

在弹出的对话框中复制链接(建议直接复制网址,点复制链接按钮不方便,会出现文档:xx 链接:xx):

在浏览器中输入并打开该网址,在出现的图片右键点击复制链接,再复制到自己的博文就好啦!

Hexo显示LaTeX公式

1. 更换渲染工具为 hexo-renderer-pandoc

最近需要让Hexo显示数学公式,但是Hexo原生的数学公式插件没那么好用,因此需要更换其他的公式渲染引擎。

第一步先卸载掉原生自带的渲染引擎:

1
npm uninstall hexo-renderer-marked --save

第二步安装我们想安装的渲染引擎:

1
npm install hexo-renderer-pandoc --save

2. 安装 hexo-math 插件以支持 LaTeX 公式

  • 安装 hexo-math 插件
1
npm install hexo-math --save
  • 在hexo 博客中的 _config.yml 中添加 hexo-math 插件

    (由于我使用的是Fluid主题,所以根据Fluid主题的设置,只需要更改_config.fluid.yml即可)

1
2
3
4
5
6
7
8
markdown:
plugins:
- markdown-it-footnote
- markdown-it-sup
- markdown-it-sub
- markdown-it-abbr
- markdown-it-emoji
- hexo-math

3. 打开主题的 mathjax 开关

以Fluid为例,打开_config.fluid.yml文件,找到mathjax 位置, 设置为以下

1
2
3
4
5
6
7
8
9
10
11
12
13
# 数学公式,开启之前需要更换 Markdown 渲染器,否则复杂公式会有兼容问题,具体请见:https://hexo.fluid-dev.com/docs/guide/##latex-数学公式
# Mathematical formula. If enable, you need to change the Markdown renderer, see: https://hexo.fluid-dev.com/docs/en/guide/#math
math:
# 开启后文章默认可用,自定义页面如需使用,需在 Front-matter 中指定 `math: true`
# If you want to use math on the custom page, you need to set `math: true` in Front-matter
enable: true

# 开启后,只有在文章 Front-matter 里指定 `math: true` 才会在文章页启动公式转换,以便在页面不包含公式时提高加载速度
# If true, only set `math: true` in Front-matter will enable math, to load faster when the page does not contain math
specific: true

# Options: mathjax | katex
engine: mathjax

4. 在每一个博客中都打开 mathjax 开关

1
2
3
4
5
6
7
8
9
10
11
12
---
title: A Title
date: 2020-02-08 10:39:55
tags:
- tag1
- tag2
categories:
- parent
- child

math: true
---

5. 重新编译以下

1
2
3
hexo clean
hexo generate
hexo s

然后查看就可以啦,这里测试一下: \[ \begin{eqnarray} \nabla\cdot\vec{E} &=& \frac{\rho}{\epsilon_0} \\ \nabla\cdot\vec{B} &=& 0 \\ \nabla\times\vec{E} &=& -\frac{\partial B}{\partial t} \\ \nabla\times\vec{B} &=& \mu_0\left(\vec{J}+\epsilon_0\frac{\partial E}{\partial t} \right) \end{eqnarray} \]

Hexo多标签

在最顶上的tags中编写:

1
tags: [标签1,标签2,标签3]

即可。


Hexo问题总结
https://excelius.xyz/hexo问题总结/
作者
Ther
发布于
2021年7月30日
许可协议