Hello Hexo

发表于 本文字数： 1.1k 阅读时长 ≈ 1 分钟
hexo入门介绍：如何搭建hexo博客并部署到github

# hexo 介绍

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他标记语言）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

# 安装前准备

如果工作需要装了 node 可以安装 nvm 管理多版本 node。

# 安装

安装好 node 后，执行下列命令就可以完成 blog 文件夹初始化（blog 为任意空文件夹名称）

1
2
3
4
npm install -g hexo-cli
hexo init blog
cd blog
npm install

然后再执行

1
hexo s

就可以看到控制台输出 localhost:4000 就可以在本地浏览器访问啦

# 主题 shoka

在 blog 文件夹

1
git clone https://github.com/amehime/hexo-theme-shoka.git ./themes/shoka

在_config.yml 中设置

1
theme: shoka

# 主题 next

在 blog 文件夹

1
git clone https://github.com/next-theme/hexo-theme-next ./themes/next

在_config.yml 中设置

1
theme: next

# 插件 hexo-admin

1
$npm install hexo-admin -s

安装好后 locahost:4000/admin 访问

# 文章

# 新建草稿

  • 草稿是没发布是不会显示的
1
hexo new draft 草稿文件名

# 新建文章

  • -p, --path: 自定义新文章的路径
  • -r, --replace: 如果存在同名文章，将其替换
  • -s, --slug: 文章的 Slug，作为新文章的文件名和发布后的 URL
1
hexo new 文章标题

# 发布

# 发布草稿

1
hexo publish 文章文件名

# 清除文章缓存

  • 发布前需要清除存在的缓存 db.json 和 public 文件夹下的静态文件。
1
hexo clean

# 生成静态文件

1
hexo g

# 部署

  • 部署到 git 上，需要先配置 git
1
hexo d

# 参考资料

  1. [hexo 官网] https://hexo.io/zh-cn/docs/
  2. [front-matter] https://hexo.io/zh-cn/docs/front-matter.html
  3. [shoka-github] https://github.com/amehime/hexo-theme-shoka?tab=readme-ov-file
  4. [shoka 文档] https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/
  5. [next 官网] https://theme-next.iissnan.com/