node.js
安装完成之后,打开cmd,用node -v 和 npm -v 查看安装是否成功以及版本
设置npm在安装全局模块时的路径和环境变量
默认情况下安装模块的时候会装在C盘,占用C盘的空间,还有可能导致hexo无法使用,需要设置npm
在nodejs的安装位置创建两个文件夹node_cache 和 node_global
npm config set prefix "G:\Program Files\nodejs\node_global"
npm config set cache "G:\Program Files\nodejs\node_cache"
配置环境变量
在系统变量中新建一个变量为“NODE_PATH”,值为G:\Program Files\nodejs\modules
然后编辑用户变量里的Path,将相应npm的路径修改为:G:\Program Files\nodejs\node_global
在 cmd 命令下执行 npm install webpack -g
安装Hexo
安装Hexo,首先在任意盘建立一个工作文件夹,点开工作文件夹,鼠标右键打开 Git Bush Here,输入npm命令安装Hexo:
npm install -g hexo-cli
在该工作目录下初始化博客:
hexo init
在该工作目录下静态部署:
hexo g
这时网页已经部署完成,输入 hexo s 命令可以查看
浏览器输入 http://localhost:4000 就可以打开新部署的网页
将Hexo部署在GitHub上
GitHub新建仓库
仓库名称必须是“用户名.github.io”,例如D-light-D.github.io,将仓库创建为公共
修改_config.yml
回到工作目录下,打开 _config.yml,进入最后一行,添加以下内容
注意:branch,如果仓库的默认分支是master则为master,如果是main则填main,以此类推
repo 来自于:
然后回到 Blog 文件夹中,打开 Git Bash,安装Git部署插件,输入命令:
npm install hexo-deployer-git --save
然后执行:
hexo clean #清除缓存文件 db.json 和已生成的静态文件 public
hexo g #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)
hexo d #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)
完成以后,打开浏览器,输入 https://xxx.github.io 就可以打开你的网页了,例如我的就是:https://d-light-d.github.io