0%

使用hexo遇到的问题

配置文件优先级

Hexo 配置文件_config.yml中的 theme_config 配置项的优先级最高,其次是 _config.[theme].yml 文件,最后是位于主题目录下的 _config.yml 文件。

打开主题配置文件,查找custom_file_path去掉相应注释配置

有的时候主题下的配置文件修改无效就是因为外面还有个_config.[theme].yml`配置文件。

Hexo 下的_config.yml 配置主题

1
theme: next

乱码

乱码必然是编码问题了,千万不要用记事本去打开hexo的那些配置文件记事本的编码太坑了。一般改成UTF-8即可。

1.可用Sublime Text 3等工具修改编码

2.设置language时,网上会说用zh-Hans就行了。。。这得看language文件夹里的是zh-CN还是zh-Hans


版本问题

这是老生常谈的问题了,低版本的hexo和高版本的hexo有个别的差别。

1.hexo s后,满怀激动的打开浏览器,艹,全是json串。

在这里插入图片描述

2.某些配置文件变了或位置不一样了,这个注意一下就行。

发布

1、域名必须用自己GitHub的那个名。

在这里插入图片描述

2、main与master要统一,代码到底放哪个分支,setting里面往下拖。在这里插入图片描述


3、error: src refspec xxx does not match any / error: failed to push some refs to

出现这个错误应该是因为.deploy_git文件被动过,我就是因为换电脑粘贴过去的。。。

解决:

a、删除.deploy_git文件

b、执行git init

c、执行git add .

d、执行git commit -m “first commit”

输入用户名和邮箱之后,再hexo d,皆大欢喜,终于可以了!!

next主题装饰

上面两个最烦人的问题解决后,基本看到效果了。剩下的就是装修好看一点的问题了,我就列举一些:

1.什么分类、标签、头像等基本的搞一搞

2.可以添加一个网易云音乐

3.tagcloud

4.鼠标点击有爱心特效

5.增加搜索功能

6.可以用LeanCloud做阅读统计和评论

7.live2d养一只宠物

8.文章圆角与透明度等等


live2d添加卡通角色

1
npm install --save live2d-widget-model-shizuku

网易云音乐外链

第一种:将外链放到…`/themes/hexo-theme-next/layout/_macro/sidebar.swig文件下:

1
2
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=52 src="//music.163.com/outchain/player?type=0&id=3099434842&auto=0&height=32"></iframe>

第二种:直接去主题的layout文件里去添加html语句,显然不易修改,但是一直都在

更个性化–音乐播放悬浮

其实就是_layout文件里先写个div框,通过js控制播放与悬浮

文章末尾添加线或标记

第一种方式(推荐),通过custom_file_path去配置postBodyEnd

第二种方式,直接去主题的layout文件里去添加

去除首页文章间隔与短横线

网上说的是去主题文件下css里的一个post_eof文件修改,但是我修改之后没效果。

解决:

凡是要修改css的地方都可以在custom_file_path这里配置的style文件里修改就行,更简单的方法就是直接f12看某个地方的id或class,然后sty文件里直接写css修改就行。

不仅仅可以去除短横线了,文章样式都可以改为自己修饰的!

添加背景图片

把想设置的背景放入./themes/next/source/images中,命名为bg.jpg。在根目录source文件夹下添加style文件source/_data/styles.styl

1
2
3
4
5
6
7
8
9
10
11
//网站背景图片设置
body {
background:url(/images/bg.jpg);
background-attachment:fixed;
//不重复
background-repeat:no-repeat;
background-size:cover;
//填充
background-position:50% 50%;
//缩放设置,百分比越小则图片被放大
}

博客内容等透明度

1
2
3
4
5
6
7
8
//文章的透明度
.content-wrap {
opacity:0.8
}
//侧边栏的透明度
.sidebar {
opacity:0.8
}

valine 评论背景调整

…\themes\next\layout_third-party\comments\valine.swig里添加修饰

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style>
.comments {
opacity: 1;
display: block;
background-color: rgba(255, 255, 255, 0.9);
}
.v {
opacity: 1;
display: block;
background-color: rgba(255, 255, 255, 0.9);
}

.vpower{
display: none;
}
.txt-right {
display: none;
}
</style>

busuanzi不显示统计次数

搞半天只是广告过滤插件给拦截了。。。可以看控制台(control)是否报错:net::ERR_BLOCKED_BY_CLIENT。

也可以f12看源码里有没有数字,是否是因为隐藏。

小问题

1.运行自己写的css的时候可能会报错expected “indent”, got “outdent”?

解决:

找个网站格式化css,比如https://tool.ip138.com/css/ ,很容易就能看到css哪里有问题。

2.js加载中文可能乱码?

解决:

乱码问题大概率就是编码不一致导致的了,把中文转utf-8就能解决,比如https://www.sojson.com/utf8.html

其他待补充…

------------- Thank you for reading -------------

Title - Artist
0:00