1. 添加背景动画
在\themes\next\_config.yml中添加以下字段开启此功能:
|
|
添加完了,发现博客背景是白色,会遮住动画,只留下两边一点点的位置看到动画效果,这时候可以去设置一下背景颜色,在\themes\next\source\css\_schemes\Pisces_layout.styl中,把.content-wrap中的 background 修改为none。
2. 添加音乐
随便找了一首歌:http://music.163.com/#/outchain/2/436514254/m/use/html
html 代码如下
打开目录\themes\next\layout\_custom\header.swig
copy 上述代码,done.
3. 添加High一下
打开博客根目录 \themes\next\layout\_partials\header.swig ,在
\
- … /ul>标签之间加入以下代码:
|
|
4. 添加点击💗 样式
- 将 love.js 文件添加到 \themes\next\source\js\src 文件目录下。
- 找到 \themes\next\layout\_layout.swing 文件, 在文件的后面, 标签之前 添加以下代码:12<!-- 页面点击小红心 --><script type="text/javascript" src="/js/src/love.js"></script>
5. 为博客加上GitHub丝带
如果是Next主题(其他主题也差不多),添加GitHub丝带:在themes\next\layout\_layout.swig 中加入相关代码,记得修改自己的链接。
相关代码你可以在GitHub官方网站GitHub Ribbons上进行选择。
6.添加Local Search功能
安装 hexo 插件
在你的站点文件夹中,用shell等运行下面这行代码:
启用本地搜索
编辑主题配置文件启用本地搜索
编辑站点配置文件 添加以下字段:
7. 自定义more
这里开始使用markdown格式输入你的正文。
8. 头像👦动画效果
试试吧