hexo-next 简易安装教程

发表于 更新于 分类于 阅读次数： 本文字数： 295 阅读时长 ≈ 1 分钟

1. 安装node.js

2. 安装hexo-cli

npm install -g hexo-cli

3. 新建hexo项目

hexo init biqidai

4. hexo项目说明

_config.yml ：网站的配置信息，配置说明： https://hexo.io/zh-cn/docs/configuration

package.json ：应用程序的信息。EJS, Stylus 和 Markdown 渲染引擎

scaffolds ： 模版文件夹

source ：资源文件夹是存放用户资源的地方。除 _posts 文件夹之外，开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹，而其他文件会被拷贝过去。

themes : 主题 文件夹。Hexo 会根据主题来生成静态页面。

5. 安装Next主题

在biqidai目录下执行： git clone https://github.com/next-theme/hexo-theme-next themes/next

6. Next主题配置文件

参考：https://theme-next.js.org/docs/theme-settings/

网站图标生成工具：https://realfavicongenerator.net/

7. 安装插件

  1. hexo-word-counter
  2. hexo-generator-sitemap 参考：https://ywang-wnlo.github.io/posts/abac0c46
  3. hexo-abbrlink
  4. hexo-renderer-markdown-it

8. 首页文章预览

  1. 配置文件：excerpt_description: true
  2. 文章meta部分写description或在文章中添加*<! --more-- >*

9. 发布到vercel

注册绑定github一键部署

10. 绑定域名

无脑操作