搭建Hexo博客教程(Windows)
搭建Hexo博客教程(Windows)
OcrSuHexo本体安装
运行环境部署
Node.js (建议安装 Node.js LTS版本) 官网:https://nodejs.org/ Git(建议安装最新版) 官网:https://git-scm.com/
Hexo本体部署
1.打开您想要存放博客的目录 2.右键空白区域,打开 Git Bash / CMD 窗口 3.依次执行以下命令
npm install hexo-cli -g //安装hexo组件包
hexo init blog //在当前目录下创建名为 "blog" 的文件夹,并将hexo本体部署到 "blog"文件夹中。
cd blog //进入 "blog" 文件夹
npm install //安装npm
至此,hexo已经成功的安装在了你的服务器上 诸位请注意,下面的教程中,如果我说 Blog文件夹/博客文件夹 ,那便是博客根目录的意思。
配置Hexo相关设定
在正式启用你的Hexo博客之前,你需要进行一定的设定,比如博客名字,博主ID等。 请编辑 博客文件夹中的 _config.yml文件 进行配置。
Hexo官方已经给出了 配置文件的 描述,请自行前往查看,并按需修改,我在这里就不给诸位重新介绍了。 https://hexo.io/zh-cn/docs/configuration
启动Hexo服务器
在你的博客根目录下,打开 Git Bash / CMD 窗口。 依次执行以下命令
hexo clean
hexo g
hexo s
前两个步骤不是必须的,但我建议 每次更改设定/修改文章后 都执行一次再使用最后一个命令启动Hexo。
默认的端口号为4000,你可以通过 http://localhost:4000/ 访问你的博客。(服务器本地) 如果你已经用 域名/动态域名解析 绑定了你的服务器,那么你的Hexo博客默认访问地址应该是 http://你的域名:4000/
当然你可以通过指令自定义端口号 以设定端口号为12000为例:
hexo s -p12000
安装并配置主题
Hexo的主题是直接通过 npm install 指令安装的,不同主题有不同的配置方式。 主题作者一般都会给予一定的配置和安装教程。
这里我以Aurora主题为例
1.在你的博客文件夹中,打开 Git Bash / CMD 窗口 执行以下命令
npm install hexo-theme-aurora hexo-plugin-aurora --save //安装Aurora主题
2.在博客根目录下创建 _config.aurora.yml 文件。 编辑_config.aurora.yml文件,并将下面这个链接中,文件的内容全部复制到你所创建的_config.aurora.yml文件。 https://github.com/auroral-ui/hexo-theme-aurora/blob/main/_config.yml
3.编辑 博客文件夹中的 _config.yml 文件 修改把 theme 的值改为 aurora , 如图:
4.继续编辑 博客文件夹中的 _config.yml 文件 修改 permalink 参数为 /post/:title.html
5.继续编辑 博客文件夹中的 _config.yml 文件 将 highlight 和 prismjs 的 enable参数 修改为 false
6.创建 “关于 (about)” 页面 在你的博客文件夹中,打开 Git Bash / CMD 窗口 执行以下命令
hexo new page about
7.最后,启动你的Hexo,然后享受Aurora主题带给你的便利
hexo clean
hexo g
hexo s