node.js与hexo

安装node.js

这里坑很多，参考网址

设置好镜像后nvm install 16.17.0，然后nvm use 16.17.0

若nvm use时出现乱码，是权限不够，本地搜索命令提示符，管理员身份打开，重试即可

如果之前安装过node，可能会遇到其他乱七八糟的问题，建议运行nvm安装文件夹内的unis000.exe，这样它会删除自己和之前的node，重头再来

测试：

cmd运行 npm install webpack -g，要耐心等待下载完成

在E://nvm/v16.17.0/node_global/node_modules目录中是否有webpack文件夹

创建Github Pages

Hexo就是我们的个人博客网站的框架，在安装之前，我们要先在GitHub上创立一个仓库，名字必须为username.github.io（如果名字里有大写字母，要变成小写）如下图：

仓库一定要是 public 的

然后点击 settings - pages，出现下图所示就对了

安装Hexo

首先新建立一个文件夹 Blog（博客相关东西的本地存放点，设在你想设的位置），点开 Blog 文件夹，在该文件夹内鼠标右键打开 Git Bash Here，输入npm命令 npm install -g hexo-cli 安装Hexo

安装完成后，输入 hexo init 命令初始化博客

若显示command not found，添加一个Path系统环境变量：E://Blog/node_modules/.bin（根据自己路径修改

若出现下图问题，可能是网络不稳定，挂个梯子或者重试几次

然后输入 hexo g 静态部署

这时网页已经在本地部署完成，输入 hexo s 命令可以查看：

浏览器网址栏输入 http://localhost:4000 就可以打开新部署的网页

看完后 ctr+C 停止运行服务器

将 hexo 部署到 github

现在回到我们的 Blog 文件夹，用记事本打开 _config.yml 文件，如下图：

下滑到文件底部，补全为以下内容：

1
2
3
4
deploy
  type: git
  repository: https://github.com/liano3/liano3.github.io.git  #你的仓库地址
  branch: main

然后回到 Blog 文件夹中，打开 Git Bash，安装Git部署插件，输入命令：npm install hexo-deployer-git --save ，然后分别输入以下三条命令：

1
2
3
hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public
hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)
hexo d       #自动生成网站静态文件，并部署到设定的仓库(hexo deploy 的缩写)

完成以后，打开浏览器，输入 https://yourname.github.io 就可以打开你的网页了

未完待续…