Hexo使用技巧记录

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

新环境初始化

用于新环境的安装, 例如刚申请了一个电脑, 假设你配置完毕git和下载安装完毕NodeJs

执行下面的命令, 完成初始化命令

1
2
3
git clone git@github.com:SaintBacchus/hexo.git
cd hexo
npm install hexo-cli -g

如何实现置顶功能

首先安装hexo插件:

1
2
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save

然后在文章的Front-matter头部加入: top: true

出自博客

如何实现一个文章多个categories

多个categories

1
2
3
categories:
  - [Sports]
  - [Baseball]

多级categories

1
2
3
categories:
  - Sports
  - Baseball

或者
1
categories: [Sports,Baseball

组合使用:

1
2
3
categories:
  - [Sports,Baseball]
  - [Play]

出自博客

文章加密

使用如下命令安装:

1
npm install --save hexo-blog-encrypt

启动插件, 在根_config.yaml设置:

1
2
3
4
# Security
##
encrypt:
    enable: true

在每篇文章的Format里面设置:

1
2
3
4
5
6
# password: 是该博客加密使用的密码
password: Mike
# abstract: 是该博客的摘要，会显示在博客的列表页
abstract: Welcome to my blog, enter password to read.
# message: 这个是博客查看时，密码输入框上面的描述性文字
message: Welcome to my blog, enter password to read.

出自Github

绑定域名

出自简书

支持HTTPS认证

出自博客

升级Hexo客户端

1
2
3
npm install -g hexo-cli
hexo -v
npm update

升级依赖

1
2
3
4
5
6
npm install -g npm-check
npm-check
npm install -g npm-upgrade
npm-upgrade
npm update -g
npm update --save

图片居中显示

在图谱插入的前面加入HTML前缀<div align=center>, 使用方式如下:

1
<div align=center>![](https://carlmartin-pic-1305764798.cos.ap-chengdu.myqcloud.com/hexo/images/aboutme/1.png)

修改默认Front-matter

在根目录下有/scaffolds/post.md的文件用来定义默认的文章格式

在此键入以下模板

1
2
3
4
5
6
7
---
title: {{ title }}
date: {{ date }}
tags:
categories:
typora-root-url: ..
---