博客搭建

七月 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安装

hexo -v

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

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

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

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

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 配置文件末尾加上

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-<你喜欢的模型名字>

查看评论

1. hexo+github 搭建博客