博客样式修改


参考:
matery主题个性化定制
Hexo+Github博客搭建完全教程
Markdown Emoji表情语法速查表
hexo博客添加一级分类相册功能
PicGo+GitHub:你的最佳免费图床选择!
Hexo 博客优化之博客美化

注意: 以下功能均从上面教程中得知方法进行修改

修改功能:
  1. 修改首页轮播图高度
  2. 合并标签和分类
  3. 增加文字点击特效
  4. 增加评论模块Valine,不需要登录账户
  5. 友情链接页面样式修改
  6. 去掉关于的相册功能
  7. 关于页面增加建立简历内容
  8. 增加首页相册功能
  9. 使用图片压缩工具,减少流量,图片压缩工具
  10. 使用PicGo工具
  11. 修改页脚内容
  12. 增加相册加密功能
  13. 修改鼠标样式
  14. 添加百度分析功能
记录遇到的问题

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

文章作者: P1n9
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 P1n9 !
评论
 上一篇
Web安全 Web安全
本博客内容是看看雪论坛上的教程总结而来: Web安全前提:环境安装DVWA下载地址:https://github.com/ethicalhack3r/DVWAPhpstudy下载地址:http://phpstudy.php.cn 操作方法:
2020-04-13
下一篇 
CTF实战时面对的问题的思考 CTF实战时面对的问题的思考
对于SSH服务的22端口开放的靶场需要考虑:1、暴力破解2、私钥泄露(私钥有没有对应的密码,是否可以找到私钥的用户名)需要注意看是否可以寻找到ssh私钥信息(id_rsa) 对于开放http服务的80端口的靶场需要考虑:1、使用浏览器访问对
2020-03-19
  目录