发布于 

如何使用Hexo构建个人博客

本文记录Hexo入门使用流程。

1、安装Hexo

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

Hexo的运行依赖于Node.js。首先安装Node.js,然后使用Node.js中自带的包管理工具npm安装Hexo模块。

本文以MAC OS为例演示Hexo安装,其它系统稍有区别,可参考结尾文档链接。

brew install node
sudo npm install -g hexo-cli

带-g表示全局安装,须使用sudo安装,这样可以直接使用hexo命令(本地开发推荐);不带-g时只能用npx hexo。

2、创建博客工程

在本地文件夹下用hexo创建博客工程目录:

hexo init myblog # myblog可以替换成你自己的博客目录名,比如:ZhangsanBlog

待下载安装完必要的npm包,并初始化完毕。进入myblog目录,执行hexo server本地渲染网页。

cd ./myblog
hexo server

打开本地网站:http://localhost:4000/,即可看到hexo生成的网页内容。当博客内容被修改时,刷新网页即可更新预览。

3、新增文章

在工程根目录myblog/下执行:

hexo new post '测试'

会在source/_posts/下面生成一个Markdown文件:测试.md。内容如下:

---
title: 测试
date: 2023-01-27 16:15:38
tags:
---

在上面模板的下方新增Markdown内容,便是文章的正文,刷新本地浏览器界面,即可预览效果。

4、生成静态网站

手动生成静态网站代码:

hexo clean && hexo generate

即可在public/子目录生成对应的网页代码。将里面的内容可以打包部署到个人服务器,或者Gitgub Pages,即可搭建最基础的博客。

参考教程