搭建博客


node.js

node.js下载地址

安装完成之后,打开cmd,用node -v 和 npm -v 查看安装是否成功以及版本

设置npm在安装全局模块时的路径和环境变量

默认情况下安装模块的时候会装在C盘,占用C盘的空间,还有可能导致hexo无法使用,需要设置npm

在nodejs的安装位置创建两个文件夹node_cachenode_global

image-20210507215534810

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 命令可以查看

image-20210507220552801

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

将Hexo部署在GitHub上

GitHub新建仓库

仓库名称必须是“用户名.github.io”,例如D-light-D.github.io,将仓库创建为公共

修改_config.yml

回到工作目录下,打开 _config.yml,进入最后一行,添加以下内容

注意:branch,如果仓库的默认分支master则为master,如果是main则填main,以此类推

image-20210507221546004

repo 来自于:

image-20210507221632256

然后回到 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


文章作者: dyl
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 dyl !
 上一篇
Linux系统命令 Linux系统命令
该文主要是提供给博主复习,可读性较差,不建议阅读,主要讲解Linux下怎么查看设备信息、查看磁盘、查看内存命令
2023-12-10 dyl
下一篇 
C++异常处理 C++异常处理
异常处理是编程语言或计算机硬件里的一种机制,用于处理软件或信息系统中出现的异常状况,通过异常处理,对用户非法操作进行控制和提示
2023-12-10 dyl
  目录