Hexo博客搭建
本文最后更新于:2 个月前
Hexo静态博客搭建,从准备阶段安装
nodej.s
到正式安装Hexo博客框架,最后安装主题并开始使用。
Hexo静态博客搭建
准备阶段
首先安装node.js
在应用商店安装Node.js版本管理器 1.7
安装成功后,选择安装Node.js v16.18.1
安装成功后测试
1 |
|
发现找不到命令,打开Node.js版本管理器,修改环境变量
第一条是环境变量后面加上/bin;第二条是下载地址,改成国内镜像;第三条不用动;第四条在前面加–
1 |
|
修改环境变量,打开文件
1 |
|
添加数据
1 |
|
让文件生效
1 |
|
再次测试,成功显示版本号。
1 |
|
安装git
1 |
|
正式安装
安装 Hexo
1 |
|
报错:npm WARN config init.module Use --init-module
instead.
进入应用程序的环境变量,把init.module
修改为--init.module
,保存
再次安装,安装成功
- 将 Hexo 所在的目录下的
node_modules
添加到环境变量之中即可直接使用hexo <command>
:
1 |
|
配置文件:
安装 Hexo 完成后,新建个要作为网站的文件夹
请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。/www/wwwroot/hexo为网站目录
1 |
|
期间报错依赖安装失败,让执行npm install
,就继续执行就可以
新建完成后,指定文件夹的目录如下:
1 |
|
以 zhaoo 主题为例进行主题安装
1 |
|
修改 Hexo 根目录下的 _config.yml
文件启用 zhaoo 主题:
1 |
|
建议将文章数量改为9篇,启用代码高亮效果:
1 |
|
运行服务器
发布网站
安装服务器:Hexo 3.0 把服务器独立成了个别模块,我们必须得在站点文件夹根目录下安装之后才能使用。
在命令行中打开我们的工作站文件夹,键入以下命令,以将 hexo-server 安装到我们的工作站文件夹:
1 |
|
清除缓存文件
为了避免不必要的错误,在生成静态文件前,强烈建议每次发布网站前先运行以下命令:
1 |
|
首先执行下列命令生成相应的静态网页,生成的静态网页以及相关资源都会在public目录下
1 |
|
hexo-server模块的主要命令如下,输入以下命令以启动服务器,在浏览器进入 http://localhost:4000 就可以看到我们的网站了!
1 |
|
如果您想要更改端口,或是在执行时遇到了 EADDRINUSE 错误,可以在执行时使用 -p 选项指定其他端口,如下:
1 |
|