What is Hexo?
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。详见文档
开始搭建你的Hexo
服务
安装脚手架
npm install -g hexo-cli
仅局部安装:
npm install hexo
初始化你的博客项目
hexo init
cd blogName
yarn or npm i
配置你的博客信息
_config.yml
即为博客的配置信息文件,详见配置 。
主要文件夹说明
scaffolds
文件夹可以配置你的文章模板,即每次 hexo 新建文章都会根据此文件夹配置建立文件。
source
就是你的文章相关的资源文件。
themes
主题文件夹,根据主题来生成对应静态页面。
启动服务
在package.json
中可以发现程序的启动指令。
hexo server [hexo s] [yarn server]
在terminal
中找到服务地址,默认http://localhost:4000/
,打开浏览器即可浏览你的博客
根据你的口味配置想要的主题模板
打开
github
,搜索hexo-theme
,根据star
的数量排个序,挨个去看效果,选择自己心仪的主题cd themes && git clone xxx
,将找到的主题文件资源克隆到themes
文件夹下根据主题的相关配置项提示进行配置,重启服务即可看到效果。(每个主题可能配置方式不一样,大同小异)
开启你的博客之路
新建文章,
layout
对应draft、post、page(草稿source/_drafts、文章source/_posts、页面source)
hexo new [layout] <title>
其他辅助参数:
-p, --path 自定义新文章的路径
-r, --replace 如果存在同名文章,将其替换
-s, --slug 文章的 Slug,作为新文章的文件名和发布后的 URL
eg
. 我想在_posts/share
文件夹下创建一片a.md
的文章,且文章的页面title
为‘这是 A’
hexo new post -p share/a '这是A'
# 创建一篇草稿
hexo new draft ...
# 发布
hexo publish [layout] <title>
其他常用指令说明:
# 生成静态文件,在 public 文件夹下
hexo generate
hexo g
# 清除缓存文件 (db.json) 和已生成的静态文件 (public)
hexo clean
# 部署网站 -g, --generate 部署之前预先生成静态文件
hexo deploy
# 草稿发表,移动到 source/_posts 文件夹
hexo publish [layout] <filename>