Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

Hexo

Windows平台

Hexo官网文档

快速打开命令窗口的方式:Win + R ,输入 cmd , 敲下 Enter 键。

一、安装Git

参考Hexo中文博客站点-基础篇,配置步骤一中的 1.3。

二、安装Node.js

参考NodeJS开发环境配置-入门篇,配置步骤一、二。

三、安装Hexo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//安装hexo(全局)
npm install -g hexo

//初始化hexo
hexo init hexo

//打开hexo目录
cd hexo

//安装依赖文件
npm install

//部署形成文件
hexo generate

//运行hexo服务
hexo server

PS: 接着我们打开浏览器,输入http://localhost:4000/ ,便可看到默认主题的博客。

Mac平台

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

//homebrew套件管理器(主要用来安装git和node.js)
ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)”

//安装git版本管理工具
brew install git

//安装node.js
brew install node

//安装hexo
npm install -g hexo

//初始化blog文件夹
hexo init

//安装依赖和插件
npm install

//启动服务器进行本地预览
hexo s

在浏览器中打开http://localhost:4000,成功的话即可看到博客页面,至此安装就完成了。

1
2
3
4
5
6
7
8
9
10

//安装失败, 执行以下脚本卸载:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"

//报错Failed to locate Homebrew!执行以下:
sudo rm -rf /usr/local/.git rm -rf Library .git .gitignore bin/brew README.md share/man/man1/brew rm -rf ~/Library/Caches/Homebrew

//成功后,再次执行,下载脚本:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

PS:hexo是基于node.js的,所以要让hexo运行,node.js环境是必不可少的。安装最新版的Node.js之后,我们就可以使用npm命令,在mac下遇到npm命令找不到的问题,解决方案如下:

1
2
3
4
5
sudo ln -s /usr/local/bin/node /usr/bin/node
sudo ln -s /usr/local/lib/node /usr/lib/node
sudo ln -s /usr/local/bin/npm /usr/bin/npm
sudo ln -s /usr/local/bin/node-waf /usr/bin/node-waf

四、常用命令

Hexo的命令极简单,安装后只需要记住四个常用的即可。执行命令需要Git当前处于blog文件夹根目录下。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

//clean 清除缓存文件 (db.json) 和已生成的静态文件 (public)。
hexo clean

//generate 生成静态文件。
hexo g

//server 启动服务器。
hexo s

//deploy 部署网站。部署网站前,需要预先生成静态文件。
hexo d


五、更换主题

Hexo官网主题

官网有好多漂亮的主题,可以根据自己的喜好选择一款使用,我选择了安装MiHo。

1
2
$ git clone https://github.com/WongMinHo/hexo-theme-miho.git themes/miho

启用主题,站点配置文件_config.yml在hexo根目录下。

theme: miho

PS: 生成站点文章静态数据,用于站内搜索。

1
2
npm install hexo-generator-json-content --save

六、部署博客

Hexo 提供了快速方便的一键部署功能,让您只需一条命令就能将网站部署到服务器上。

1
2
hexo deploy

在开始之前,您必须先在 _config.yml 中修改参数,一个正确的部署配置中至少要有 type 参数,例如:

1
2
3
deploy:
type: git

也可以同时使用多个 deployer,Hexo 会依照顺序执行每个 deployer。

1
2
3
4
5
6
deploy:
- type: git
repo:
- type: heroku
repo:

七、安装插件

Hexo官网插件

7.1 本地后台管理

安装hexo-admin-qiniu插件

7.2 自动刷新

安装Browsersync调试插件(包括局域网移动端)

7.3 评论插件

本文标题: Hexo中文博客站点-入门篇

本文作者: 狂欢马克思

发布时间: 2024年01月02日 00:00

最后更新: 2025年01月03日 13:59

原始链接: https://haoxiang.eu.org/8cec6709/

版权声明: 本文著作权归作者所有,均采用CC BY-NC-SA 4.0许可协议,转载请注明出处!

× 喜欢就赞赏一下呗!
打赏二维码