记录使用Hexo框架的建站过程

1.全局安装hexo

1
$ npm i hexo-cli -g

2.使用命令快速搭建博客项目

1
$ hexo init [文件夹名]

3.调试运行

1
$ hexo server

4.一建部署到githubPage

参考Hexo官方的GitHub Pages部署文章: https://hexo.io/zh-cn/docs/github-pages

5.安装butterfly主题

1
npm i hexo-theme-butterfly

参考butterfly官方文档进行配置: https://butterfly.js.org/posts/21cfbf15/#%E6%87%89%E7%94%A8%E4%B8%BB%E9%A1%8C

6.页面背景特效和鼠标点击效果美化

参考butterfly官方文档进行配置: https://butterfly.js.org/posts/ceeb73f/

7.页脚养鱼

1
2
3
4
5
6
#在主题配置文件注入jquery和页脚养鱼代码
inject:
  head:
    - <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  bottom:
        - <script src="https://cdn.jsdelivr.net/gh/xiabo2/CDN@latest/fishes.js"></script>