博客搭建

博客搭建

七月 18, 2021

hexo+github 搭建博客

搭建博客记录自己的学习成长,与师傅交流学习成果。

搭建第二个博客记录一下踩过的坑。

===================================================

1、安装git node

node下载14.17.3版本

2、检查node 安装hexo

1
2
3
node -v
#出现版本号即安装完毕
npm i hexo-cli -g

!! 踩坑注意 如果报错 node安装错误 重新安装的时候需选择remove

3、检查hexo安装

1
hexo -v

!! 如果报错 需要进行环境变量配置

4、新建blog文件夹,初始化

1
hexo init

!!如果报错应该是文件夹不为空,删除文件即可

5、连接Github与本地

首先在github申请一个仓库; l0sE2.github.io

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 一定要与自己git的账户名一致

1
2
3
git config --global user.name "l0sE2"
git config --global user.email "123456789@qq.com"
ssh-keygen -t rsa -C "792321264@qq.com"

!! 输入一个ssh 所在目录 复制提示的目录即可

1
cat ~/.ssh/id_rsa.pub

!! 若无法显示则通过刚才复制的路径找到ssh文件

将复制的代码输入 guthub ssh

1
ssh -T git@github.com

显示自己的用户名则成功,最后更改配置

1
2
3
4
deploy:
type: git
repository: https://github.com/godweiyang/godweiyang.github.io
branch: master

!! branch: master 这里需要和git库中的默认分支一样

上传的时候报错大多是 md文档命名 配置文件空格

第一篇测试文件 只保留文章名,防止报错。

最后将下载的主题拖到theme中更改配置文件。

添加live2d插件

1
npm install -save hexo-helper-live2d

在 hexo 配置文件末尾加上

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
live2d:
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
log: false
model:
use: live2d-widget-model-<你喜欢的模型名字>
#注意没有<>
display:
position: right
width: 150
height: 300
mobile:
show: true

在站点目录下建文件夹live2d_models

再在live2d_models下建文件夹<你喜欢的模型名字>,

再在<你喜欢的模型名字>下建json文件:<你喜欢的模型名字>.model.json

安装模型

1
npm install --save live2d-widget-model-<你喜欢的模型名字>