前言

三年前学完前端三件套后，一直想要搭建一个属于自己的个人博客。 但苦于一直没时间。导致这个事情被无限制推后。最近在逛github时，看见了一些有意思的前端主题，于是乎便重启了当时的博客计划。这个博客主要是基于butterfly 模版搭建。接下来便分享一下这个博客用到的工具和资源站。

服务器

服务器是用的腾讯云的学生优惠， 还是算得上十分实惠的，可以续三年，足够搭建个人博客使用了。但域名备案有点麻烦，如果不想要服务器的话，可以使用github的github page 作为服务器使用，但缺点在于只能用于静态界面，不过对于个人博客而言是足够的。面板管理则是使用的宝塔，也算的是常规选择。

界面

首页

首页使用的是流体模拟特效，试玩
fluid_simulation.png

博客界面

博客主体是由hexo butterfly制作而成

评论

评论则是通过将artalk 部署到服务器实现。

资源站

二次元图: https://bz.zzzmh.cn/index

图片压缩: https://saerasoft.com/caesium

图标： https://fontawesome.com/icons?from=io

加载动画: https://codebyzach.github.io/pace/

前端模版: https://github.com/huangshiyu13/webtemplate