Hexo搭建blog

Hexo是一个快速、简洁且高效的博客框架。具体内容请参考官网文档

主题Next修改参考官方文档

依赖

  • nodejs 12.* (hexo 3.8)
  • github个人仓库
  • git

hexo安装

1
2
3
4
5
npm install -g hexo-cli
hexo init blog
cd blog
npm install
npm install hexo-deployer-git --save

_config.yml配置

1
2
3
4
5
6
language: zh-CN # 网站使用的语言,取值参考themes下面的languages目录中的配置
timezone: Asia/Shanghai
deploy:
type: git
# path和username要一致,且git中repo的命令必须为name.github.io
repo: git@github.com:path/username.github.io.git

常用hexo命令

  • hexo init [folder]
    新建一个网站,如果未指定folder,则默认在当前位置创建
  • hexo new [layout] <br>新建文章,如果未指定layout,则使用_config.yml中的default_layout代替
  • hexo generate [option]
    生成静态文件,可以简写为hexo g
    option:
    • -d,–deploy 文件生成后立即部署
    • -w,–watch 监视文件变化
  • hexo server
    启动服务器。默认访问路径为 http://localhost:4000。可以简写为`hexo s`
  • hexo deploy
    部署网站。可以简写为hexo d。可以通过指定-g参数指定部署前先生成静态文件。
  • hexo clean
    清除缓存文件(db.json)和已生成的静态文件(public/*)

Front-matter

参数 描述 备注
layout 布局
title 文章标题
data 创建时间
updated 更新时间
comments 开启评论 默认值:true
tags 标签(不适用于分页) 配置多个时,标签没有顺序和层次
categories 分类(不适用于分页) 配置多个时,分类具有顺序和层次

Next增加站内搜索

  1. 安装插件
1
2
npm install hexo-generator-search --save
npm install hexo-generator-searchdb --save
  1. 修改hexo配置

在hexo目录下的_config.yml中增加以下内容

1
2
3
4
5
search:
path: search.xml
field: post
format: html
limit: 10000
  1. next主题增加搜索入口

themes/next/_config.yml文件中打开local_search

1
2
3
4
local_search:
enable: true
trigger: auto
top_n_per_article: 1