hexo美化

科技2022-07-14 112

Hexo个性化搭建笔记

美化

1.hexo博客的启动

1.首先在命令面板中进入到博客建设目录在输入启动命令 hexo s -p 5555

这个端口号可以自己设的只要不冲突问题就不大解析 hexo 是博客 s是启动 5555是调动的端口

2.语言配置

1.官方文档给的是修改站点配置文件，将language设置你所需要的语言官方文档代码是zh-Hans

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7LBKRYgf-1601793470031)(https://s1.ax1x.com/2020/09/01/dxOM79.png)]

2.但是我试过之后发现无法解决，甚至还出现了乱码，后来在zh上csdn看了很多，发现是一个很小的错误，才发现是自己next主题下的文件名不一样，next主题下的中文代码只有三种zh-CN，zh-HK,zh-TW

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TJkRJ2uw-1601793470035)(https://s1.ax1x.com/2020/09/01/dxOUne.png)] 后来只要把自己的配置文件改为zh-cn就解决了

3.清除样式

1.清除样式 hexo clear

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jsEh81pO-1601793470039)(https://s1.ax1x.com/2020/09/01/dxXhrD.png)]

2.清除完重新部署 hexo -g

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-f0Sb5tkW-1601793470042)(https://s1.ax1x.com/2020/09/01/dxXvqg.png)] 部署完在重启项目就行了

4.新建便签文件夹

1.注意需在终端中输入 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lMrazcvy-1601793470045)(https://s1.ax1x.com/2020/09/01/dxjoOU.png)] 2.新建标签

5. 上传博客开始部署

我这是没有买服务器，直接部署到gi.thub上的

在hexo目录下进行首先开始打包 hexo g

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xWYm4jNM-1601793470048)(https://s1.ax1x.com/2020/09/01/dxzaFJ.png)]

2.然后开始上传

hexo d

注意如果是上传到git.ub上的话就要，注意上传的时候把github网址打开，不要关闭，否则会出现错误

6.添加网易云插件

1.我这是在网上找的，我部署成功了，所以直接截图放上来了，有问题可以给我留言当然其中网易云插件不能实现全局播放，一跳一个页面就会停止，这个问题会在下一节解决

7.用ajpx实现全局播放

1.即实现页面跳转后的不间断播放

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gsHpBcKH-1601793470055)(https://s1.ax1x.com/2020/09/01/dzpax1.png)]

8.添加404页面

1.个人博客添加404公益页面不知道怎么说，想加的还是可以加一下吧

9.文章置顶

1.安装插件

npm uninstall hexo-generator-index --save npm install hexo-generator-index-pin-top --save

如果开启了持续部署和持续集成工具，需要将这两行加到自动构建脚本里

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0H9B5ZPq-1601793470057)(https://s1.ax1x.com/2020/09/03/wiVzfs.png)]

2.设置文章置顶

在需要置顶的文章的Front-matter中加上 top:true 即可，比如：

如果没有置顶的话重新部署一下就行了

10.移动鼠标变色

11.添加浏览进度

1.修改themes/*/_config.yml,吧false改为true:

2.报错

hexo命令无效

1.当有时候在cmd中启动的时候，显示 hexo命令无效，这个时候的办法就是在环境变量中添加一个path变量在环境变量中点击一个添加变量为你的博客文件夹中的

Processed: 0.011, SQL: 8