从零开始的个人博客搭建01——使用Hexo框架搭建前端博客项目+githubPage部署

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

1.全局安装hexo

$ npm i hexo-cli -g

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

$ hexo init [文件夹名]

3.调试运行

$ hexo server

4.一建部署到githubPage

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

5.安装butterfly主题

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.页脚养鱼

#在主题配置文件注入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>