开发工具-001-如何使用Hexo构建个人博客
本文记录Hexo入门使用流程。
1、安装Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
Hexo的运行依赖于Node.js。首先安装Node.js,然后使用Node.js中自带的包管理工具npm
安装Hexo模块。
本文以MAC OS为例演示Hexo安装,其它系统稍有区别,可参考结尾文档链接。
brew install node |
带-g表示全局安装,须使用sudo安装,这样可以直接使用hexo命令(本地开发推荐);不带-g时只能用npx hexo。
2、创建博客工程
在本地文件夹下用hexo创建博客工程目录:
hexo init myblog # myblog可以替换成你自己的博客目录名,比如:ZhangsanBlog |
待下载安装完必要的npm包,并初始化完毕。进入myblog
目录,执行hexo server
本地渲染网页。
cd ./myblog |
打开本地网站:http://localhost:4000/,即可看到hexo生成的网页内容。当博客内容被修改时,刷新网页即可更新预览。
3、新增文章
在工程根目录myblog/
下执行:
hexo new post '测试' |
会在source/_posts/
下面生成一个Markdown文件:测试.md
。内容如下:
--- |
在上面模板的下方新增Markdown内容,便是文章的正文,刷新本地浏览器界面,即可预览效果。
4、生成静态网站
手动生成静态网站代码:
hexo clean && hexo generate |
即可在public/
子目录生成对应的网页代码。将里面的内容可以打包部署到个人服务器,或者Gitgub Pages,即可搭建最基础的博客。