安装

安装node.js

安装git

安装hexo

新开一个文件夹，右键，在这里打开git bash

1 2	npm install -g hexo-cli npm install --save hexo-deployer-git

配置github SSH

ssh可以免密的将本地的源码和资源上传到github，无需要每次都输账号和密码。

1 2	cd ~ ssh-keygen -t rsa -C "邮件地址"

在用户文件夹下生成了一个.ssh文件夹，进入，复制.pub文件中全部内容

打开github主页，点击个人设置，点击左侧的SSH and GPG keys，点击New SSH key

将id_rsa.pub复制的内容粘贴到key中，title随便起一个就行。

配置好用户名和邮箱

1 2	git config --global user.name "xxx" #你的github用户名 git config --global user.email "xxx@163.com" #填写你的github注册邮箱

写个人博客

初始化

1 2	hexo init npm install

新建一个博客

1	hexo n <title>

存放地址：source/_posts

解决图片问题

_config.yml文件做如下修改：yaml post_asset_folder: true

创建同名文件夹，可以放入图片

使用的是Typora编辑器，可以在编辑器的文件/偏好设置/图像中进行如下设置：

复制到指定路径./$(filename)/

安装图片显示插件

1	npm install hexo-asset-image

生成本地静态网站并预览

1
2
3

hexo clean
hexo g
hexo s

截断

在文章中加入或在开头加入description: xxx

部署到github

新建一个库，名字叫 username.github.io

将本地库与远端github仓库绑定

git init
git add .
git commit -m "commit"
git remote add origin 仓库的http地址
git pull --rebase origin main
git push [-u] origin main

编辑_config.yml

deploy:
  type: git
  repository: 仓库的ssh地址
  branch: main

在bash部署

1
2
3

hexo clean
hexo g
hexo d

更改主题

安装依赖

1	npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive

下载对应的主题

1	git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

更改配置文件

编辑_config.yml

1	theme: butterfly

主题文档

1	https://butterfly.js.org/posts/21cfbf15/

开启live2d

安装依赖

1	npm install --save hexo-helper-live2d

下载model文件

模型浏览

live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru_01
live2d-widget-model-haru_02
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-ni-j
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16

1	https://blog.csdn.net/wang_123_zy/article/details/87181892

模型下载

1	npm install live2d-widget-model-shizuku

配置

配置Hexo的主_config.yml或者使用的主题的_config.yml

添加以下代码到配置文件中：

## Live2D看板娘
live2d:
  enable: true
  pluginModelPath: assets/
  model:
    #模板目录，在node_modules里
    use: live2d-widget-model-shizuku  
  display:
    position: right
    width: 300 
    height: 600
  mobile:
    # 在手机端显示
    show: false   
  rect:
    opacity:0.7