参考:
matery主题个性化定制
Hexo+Github博客搭建完全教程
Markdown Emoji表情语法速查表
hexo博客添加一级分类相册功能
PicGo+GitHub:你的最佳免费图床选择!
Hexo 博客优化之博客美化
注意: 以下功能均从上面教程中得知方法进行修改
修改功能:
- 修改首页轮播图高度
- 合并标签和分类
- 增加文字点击特效
- 增加评论模块Valine,不需要登录账户
- 友情链接页面样式修改
- 去掉关于的相册功能
- 关于页面增加建立简历内容
- 增加首页相册功能
- 使用图片压缩工具,减少流量,图片压缩工具
- 使用PicGo工具
- 修改页脚内容
- 增加相册加密功能
- 修改鼠标样式
- 添加百度分析功能
记录遇到的问题
1、合并标签与分类页时,标签card与分类card距离特别近,搭在了上面;
解决方法:
在categories.ejs文件最上面加入这样一句话
<style>
#tags{
margin-top: 0;
}
</style>
2、增加相册功能时,一定要注意有两个js和两个css文件需要手动部署;
/libs/fancybox/jquery.fancybox.css
/libs/justifiedGallery/justifiedGallery.min.css
/libs/fancybox/fancybox.js
/libs/justifiedGallery/justifiedGallery.min.js
3、给相册功能增加加密时遇到问题,Node:找不到模块Error: Cannot find module crypto-js
npm prefix -g # node安装路径
npm -g root # 查看依赖安装路径
将node_modules 路径添加到模块查找路径列表,找到对应文件,修改
module.paths.push("node_modules地址")
var CryptoJS = require("crypto-js");
4、上传图片多了之后,用那个超级六的工具Image压缩完之后,需要统一命名上传,写了一个脚本,快一点,不然太麻烦,提前把文件放到了image文件夹内
# -*- coding:utf8 -*-
import os
path = 'image/'
filelist = os.listdir(path)
initname = "idol_20200324"
num = 1;
for item in filelist:
#print('item name is ',item)
name = initname + str(num).rjust(3,'0')
num = num + 1
src = os.path.join(os.path.abspath(path),item)
dst = os.path.join(os.path.abspath(path),name + '.jpg')
try:
os.rename(src,dst)
print('rename from %s to %s'%(src,dst))
except:
continue