hexo相关问题

发表于 更新于 分类于 阅读次数：

hexo中无法显示数学公式

参考 成功解决在hexo中无法显示数学公式的问题

hexo next主题解决无法显示数学公式

取消对"文章目录"的自动编号

hexo的NexT主题，怎么取消“文章目录”对标题的自动编号？

Markdown页面内跳转

markdown页面内跳转

设置文章封面

参考 https://www.zhihu.com/tardis/sogou/art/60424755

<!-- less -->: 点击阅读全文后不显示<!-- less --> 以上的内容

<!-- more -->: 要显示

设置标题样式（为浅蓝色）

参考篇Ⅱ：NexT主题的配置和优化指南

1595819136654 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/*添加下面的CSS代码来修改博客标题样式*/
.page-post-detail .post-title {
  font-size: 26px;
  text-align: center;
  word-break: break-word;
  font-weight: $posts-expand-title-font-weight
  background-color: #b9d3ee;
  border-radius:.3em;
  line-height:1em;
  padding-bottom:.12em;
  padding-top:.12em;
  box-shadow:2px 2px 7px #9fb6cd;
  +mobile() {
    font-size: 22px;
  }
}
/*添加上面的CSS代码来修改博客标题样式*/

@import "post-expand";
@import "post-collapse";
@import "post-type";
@import "post-title";

注意：如果想把主页标题样式一同修改，可以用把 .page-post-detail 去掉。

修改文章内链接文本样式

参考hexo的next主题个性化教程:打造炫酷网站

实现效果图

img

修改文件 themes\next\source\css\_common\components\post\post.styl，在末尾添加如下css样式：

1
2
3
4
5
6
7
8
9
10
11
// 文章内链接文本样式
.post-body p a{
  color: #0593d3;
  border-bottom: none;
  border-bottom: 1px solid #0593d3;
  &:hover {
    color: #fc6423;
    border-bottom: none;
    border-bottom: 1px solid #fc6423;
  }
}

其中选择.post-body 是为了不影响标题，选择 p 是为了不影响首页“阅读全文”的显示样式,颜色可以自己定义。

修改主题页面布局为圆角

参考https://wugenqiang.github.io/articles/hexo-do-optimization.html中3.12.2

对scheme为Mist时无用？

NeXT第三方服务集成

(评论系统，数据统计与分析，内容分享服务，搜索服务等)

NeXT第三方服务集成

文章及网站访问量：

1595773900727

注：由于原链接已失效，还需修改

1
2
themes\next\layout\_third_party\analytics\busuanzi-counter.swig 中
src = "https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"
1595774099538

给博客加上萌宠或萌妹子

参考 https://www.jianshu.com/p/c59a15d90759

不同的选择效果见 https://huaji8.top/post/live2d-plugin-2.0/

添加背景音乐

Hexo 的next主题下添加网易云音乐作BGM

网易云音乐无法生成外链：

https://www.cnblogs.com/cstdio1/p/11617357.html

（更新：参考以上方法时，无法播放音乐？）

另一个方法参考：hexo添加音乐

安装aplayer: npm install --save hexo-tag-aplayer

粘贴以下内容到 \_macro.swig

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- 新增的内容 -->
<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

<meting-js
server="netease" 
type="song"
id="188376"
>
</meting-js>
<!-- 新增的内容end -->
1582012566416

即可.

其中server, type, id等根据具体情况修改.

例：

1582014322346

关于目录

在 themes\_config.yml 中设定，不要去安装 hexo-toc，否则会冲突

1582014793720

嵌入视频

参考 https://www.bilibili.com/video/av23207325/

NexT主题官方文档

http://theme-next.iissnan.com/