最近有了审美强迫症,不仅让自己的Ubuntu变得很酷炫,还想把自己的博客变得更吸引眼球。调了两三天的博客,只为让博客变得更美。
记录一下我的调整的地方,也为了让大家更能看到我博客的亮点。

由于本博客使用的是Next主题,不同主题的调整方式可能略有不同。大家可以根据自己的主题进行模仿调整。
鼠标点击出现小心心
把love.js放到
\themes\next\source\js\src
文件目录下。找到
\themes\next\layout\_layout.swig
文件, 在文件的后面,</body>
标签之前 添加以下代码:
|
|
漂浮的颗粒背景
你注意到了吗?你现在正在看的博客的的背景是很多漂浮的小颗粒。更重要的是,当你鼠标放到空白位置时,小颗粒会吸附到你的鼠标位置!特别有意思~
- 将 particle.js 文件添加到
\themes\next\source\js\src
文件目录下。 - 找到
\themes\next\layout\_layout.swig
文件, 在文件的后面,</body>
标签之前 添加以下代码:12<!-- 颗粒漂浮背景 --><script type="text/javascript" src="/js/src/particle.js"></script>
颗粒效果因为特别耗性能,故已关。如果想玩,可以点击:https://neveryu.github.io/
关于添加居中模块
A head full of fears has no space for dreams.
不需要使用html,在Hexo3中可以使用下面语句实现。
|
|
根据是否是当前页面并修改浏览器标题栏
当页面切换到其他网页的时候,浏览器会有改变哦!切换回来也会有变化~去试试吧~~
- 找到
\themes\next\layout\_layout.swig
文件, 在文件的后面,</body>
标签之前 添加以下代码:
|
|
在Hexo中使用ECharts实现动态图表
EChart图表库是百度推出的在线网络画图库。非常好用,比如下面这张图,注意,’利润’, ‘支出’, ‘收入’,这些标签是可以点击的哦!有交互效果!
如何在Hexo中使用ECharts请看我的另外一篇博客,讲的更详细:
http://fuxuemingzhu.cn/2017/08/10/echarts-hexo/
后续补充中……
走心推广
因为本博客部署在Digital Ocean 服务器上,每个月都要有5美元的成本,对于学生党来说也是不小开支。所以既然你能看到这篇博客的话,希望你能帮助我一下,鼓励我写出更好的文章。
Digital Ocean 服务器购买
如果你也需要购买服务器,强烈推荐Digital Ocean,推荐原因如下:
- 基础套餐很便宜,每月最低5美元
- 服务器资源很给力,基础套餐配置是512MB内存,20GB的SSD硬盘,带宽不限制
- 可以搭建ShadowSocks,实现科学上网(特别实用!!)
- 支持ipv6,轻松解决校园网流量不够用的问题
我使用的是san francisco节点,搭建好ss之后,看油管1080p视频轻松无压力!!
你如果使用我的这个网址注册Digital Ocean,你可以得到10美元的代金券,我也能赚到一点,就是这个链接:https://m.do.co/c/86d4e56f6c7a。
另外,如果你也是学生,有校园网邮箱,即可申请GitHub的Student Pack,免费送你50美刀的Digital Ocean代金券!地址是:https://education.github.com/pack/offers。
菜菜手绘坊
菜菜手绘坊是我的姐姐在经营的一个手绘店铺,每一笔都是我的姐姐亲自画出来的。手绘坊里有很多风格可以选择,特别适合做头像,屏保,聊天背景等等!!甚至可以画好图之后做成手机壳,情侣T恤都是可以的!价格真的很便宜,可以加微信具体聊价格,绝对会让你惊喜!
更详细的宣传可以看我的这篇文章:http://fuxuemingzhu.cn/drawing/
店主微信和QQ:290885604
下面是黑白风格的,看看有没有心动:
黑白风格:
参考资料:
Hexo-NexT搭建个人博客(二)