Hexo+GitHub搭建博客

快速入门

文章：使用hexo+github搭建免费个人博客详细教程

视频：手把手教你从0开始搭建自己的个人博客 | hexo_哔哩哔哩_bilibili

主题：本博客是基于hexo-butterfly的主题

绑定域名

https://www.cnblogs.com/xieqk/p/13503066.html

需要在Hexo->source中添加CNAME文件，因为hexo部署到github时会覆盖之前的数据。

GitHub设置

image-20210625225723878

image-20210625225901701

网站添加小宠物

安装依赖包

1
npm install --save hexo-helper-live2d

在站点配置文件添加以下内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  model:
    use: live2d-widget-model-wanko
  display:
    position: right
    width: 150
    height: 300
  mobile:
    show: true

安装需要的宠物文件

1
npm install live2d-widget-model-haruto

其他宠物包点击 live2d-widget-models

Hexo常用命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

#缩写
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

#组合命令
hexo s -g #生成并本地预览
hexo d -g #生成并上传