在别人的地盘写博客终究是客,本文教你如何搭建专属自己的博客,实现 Blog 自由。
注:本博客基于 windows 环境进行搭建。
一、前提概要
Hexo是什么
Hexo 是一个快速、简洁且高效的博客框架。Hexo 基于 Node.js 运行,使用 Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
Hexo 安装前提
如果您从旧版本更新或者其它主题迁移,请确保环境版本不要太低,否则会产生兼容性问题.
安装 Hexo 相当简单,因为 Hexo 基于 Node.js,所以需要先安装下列应用程序:
1 |
|
二、Hexo 环境搭建
安装 Node.js
使用 Node.js 官方安装程序时,请确保勾选 Add to PATH 选项(默认已勾选)
- 下载地址:点击下一步安装即可。
- 检查配置:检查 Path 环境变量
键盘Win 键+r
→ 输入cmd
→ 打开 cmd 窗口 → 输入以下命令:
1 |
|
若出现版本号,说明安装成功。
安装 Git
Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。
下载地址:选择合适包安装即可。
https://git-scm.com/download/win检查配置:检查 Path 环境变量
键盘 Win 键+r→ 输入 cmd→ 打开 cmd 窗口 → 输入以下命令:
1 |
|
若出现版本号,说明安装成功。
三、Hexo 安装
下载&安装&登录
必备的应用程序安装完成后,即可使用 npm 安装 Hexo。
- 进入今后放置博客资源的文件夹(可以在 D 盘新建 hexo/blog/),进入 blog 文件夹,空白处鼠标右键打开 Git bash here。
- 在 Git 面板中,依次执行每行命令。
1 |
|
- 完成以上操作后,打开浏览器访问网址:
http://localhost:4000/
如果成功进入网页,恭喜你,Hexo 博客的基础环境已搭建完毕。
生成文章
1 |
|
退出服务
1 |
|
配置文件
官网配置信息:https://hexo.io/zh-cn/docs/configuration
中文设置
修改_config.yml 文件中的 laguage 设置:language: [zh-CN, en]
切换主题
- 选择主题:进入官网选择喜欢的主题,Themes | Hexo
- 下载主题:这里使用的 stellar 主题,进入主题对应的 github 项目地址:https://github.com/xaoxuu/hexo-theme-stellar.git,点击 code→download zip 至本地 → 解压。
- 解压主题:到本地 blog/themes/文件夹下,重命名为 stellar
- 更换主题:修改_config.yml 文件里的
theme
值为stellar
(theme:stellar) - 配置主题: 参考stellar手册个性化修改