hexo主题魔改汇总和总结

1.总结

1-1.keep主题优点

• 功能十分精简但好用，对我个人来所，用得到的功能，基本都内置了，直接配置即可，很方便。
• 文档十分详细，每项都有解释，每个值的效果都截图展示，堪称完美。
• 我个人并不喜欢把各种各样花哨的功能都堆上来。

1-2.keep主题缺点

• 样式单一，基本所有用户都是一模一样的，所以我对样式进行了许多改动。虽然本主题注重精简，但我觉得，多两个不同风格的简洁的主题也不错。

1-3.安装并美化过程

装博客、装主题和配置主题都很快，网上教程很多，keep主题文档也是非常好。

接下来就是美化了，我喜欢的风格应该是”以简洁为基础，加上细节上的点缀“，不要浮夸臃肿。

在美化上花的时间相对更多，毕竟网上关于此主题的美化教程一篇也没有 ¯_(ツ)_/¯ ！

参考了其他主题的美化教程，加上自己看看源代码，改成了现在这样。

1-4.本站缺陷

博客和图床都在GitHub上，加载有时比较慢，图片相对更明显一点。

2.建站和配置主题

hexo + github 搭建博客

hexo安装和配置主题

Github Page 强制使用 https

hexo 文章加密

3.美化汇总

很多效果在官方文档中有说，这里不讲了

3-1.hexo-keep背景和首页透明度

各页背景图片设置，
首页文章列表透明度设置，
顶部导航栏的透明度设置。

3-2.hexo各页面白色模块半透明化

如果设置了背景图片，可以调节各页白色背景的透明度。但建议有文字内容的部分不要太透明，毕竟看清内容才是第一需求。

3-3.hexo顶部底部透明度渐变

初始状态顶部为白色方块，底部纯文字无白色。白方块个人觉得边界太明显，有点点突兀。没白色背景的话文字阅读会受背景图片干扰。因此设置为渐变了。

3-4.hexo飘雪飘落叶特效

之前看到过别人博客飘樱花的效果。由于选择了秋天树下的背景，所以想搞一个飘落叶的效果。

原始代码是参考别人的，我改了飘浮图片，改了飘浮密度，文章中都有讲。半透明图片是我自己用ps处理的。

3-5.hexo自定义鼠标指针样式

细心的小伙伴可能已经发现在本站中鼠标箭头和其他地方不一样。仍然不喜欢太浮夸的，所以选择了比较普通但有点可爱的风格。

3-6.hexo点击效果

鼠标点击时可以增加效果，文中写了彩色爱心和社会主义核心价值观两种效果。