让你的Hexo博客变得更酷炫

最近有了审美强迫症,不仅让自己的Ubuntu变得很酷炫,还想把自己的博客变得更吸引眼球。调了两三天的博客,只为让博客变得更美。

记录一下我的调整的地方,也为了让大家更能看到我博客的亮点。

music.jpg

由于本博客使用的是Next主题,不同主题的调整方式可能略有不同。大家可以根据自己的主题进行模仿调整。

鼠标点击出现小心心

  1. love.js放到 \themes\next\source\js\src 文件目录下。

  2. 找到 \themes\next\layout\_layout.swig 文件, 在文件的后面,</body> 标签之前 添加以下代码:

1
2
<!-- 页面点击小心心 -->
<script type="text/javascript" src="/js/src/love.js"></script>

漂浮的颗粒背景

你注意到了吗?你现在正在看的博客的的背景是很多漂浮的小颗粒。更重要的是,当你鼠标放到空白位置时,小颗粒会吸附到你的鼠标位置!特别有意思~

  1. particle.js 文件添加到 \themes\next\source\js\src 文件目录下。
  2. 找到 \themes\next\layout\_layout.swig 文件, 在文件的后面,</body>标签之前 添加以下代码:
    1
    2
    <!-- 颗粒漂浮背景 -->
    <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中可以使用下面语句实现。

1
{% cq %} A head full of fears has no space for dreams. {% endcq %}

根据是否是当前页面并修改浏览器标题栏

当页面切换到其他网页的时候,浏览器会有改变哦!切换回来也会有变化~去试试吧~~

  1. 找到 \themes\next\layout\_layout.swig 文件, 在文件的后面,</body>标签之前 添加以下代码:
1
<script type="text/javascript">var OriginTitile=document.title,st;document.addEventListener("visibilitychange",function(){document.hidden?(document.title="负雪明烛在这里等你",clearTimeout(st)):(document.title="Got ya~~"+OriginTitile,st=setTimeout(function(){document.title=OriginTitile},3e3))})</script>

在Hexo中使用ECharts实现动态图表

EChart图表库是百度推出的在线网络画图库。非常好用,比如下面这张图,注意,’利润’, ‘支出’, ‘收入’,这些标签是可以点击的哦!有交互效果!

如何在Hexo中使用ECharts请看我的另外一篇博客,讲的更详细:
http://fuxuemingzhu.me/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.me/drawing/

店主微信和QQ:290885604

下面是黑白风格的,看看有没有心动:

黑白风格:
黑白风

参考资料:
Hexo-NexT搭建个人博客(二)

如果满分10分,你会给这篇文章打几分?
负雪明烛 微信

微信

负雪明烛 支付宝

支付宝