这里是摘要

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

graph TD; A-->B; A-->C; B-->D; C-->D;

额外的头部字段

author: 设置作者则会显示
email: 自动根据邮箱获取头像
toc: 是否显示目录(文章 post 默认显示,页面 post 默认不显示)
readmore: 将会首页卡片摘要末尾强制显示一个“阅读更多”按钮
description: 描述(只出现在预览卡片上,不出现在正文中)(默认使用 400 字重以表强调,略细于加粗字体)
excerpt: 摘要(不需要在 Front-matter 中设置,通过 截断实现,预览卡片与正文中均出现)

图片注释

photo图片注释

页面

1
2
3
4
---
title: xxx
icon: icon-women-line//设置页面标题前的图标
---

标签tags

source/tags/index.md

分类categories

source/categories/index.md

归档archives

关于我 about

hexo new page about
source/about/index.md

关于站点

source/about/site.md

主题将根据 source/about/site.md 是否存在,决定是否渲染侧边栏中关于站点的超链接。

404

source/404.md

hexo new page links
source/links/index.md,设置links字段

girls

source/girls/index.md

albums

相册集

source/albums/index.md,设置type为albums

1
2
3
4
caption: 相册标题
url:
cover:
desc: 相册描述

相册页

在albums文件夹中新建md文件:hexo new page --path albums/sunset "夕阳"

可以使用gallery_password对相册进行加密!!!!

评论

详见/data/_comments.yml

搜索

置顶

设置文章的sticky属性,数值越高,优先级越高,可以不设置

1
2
3
4
---
title: xxx
sticky: 1
---

图表可视化mermaid

1
2
3
4
5
6
7
8
9
10
11
12
---
title: xxx
mermaid: true
---

<div class="mermaid">
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
</div>

emoji表情

参考文章

在git bash中输入如下命令,将默认渲染器替换为hexo-renderer-markdown-it

1
2
3
4
cd Documents/blog
npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it --save
npm install markdown-it-emoji --save

编辑站点配置文件,在_config.yml末尾添加如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# Markdown-it config
## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki
markdown:
render:
html: true
xhtmlOut: false
breaks: true
linkify: true
typographer: true
quotes: '“”‘’'
plugins:
- markdown-it-abbr
- markdown-it-footnote
- markdown-it-ins
- markdown-it-sub
- markdown-it-sup
- markdown-it-emoji # add emoji
anchors:
level: 2
collisionSuffix: 'v'
permalink: true
permalinkClass: header-anchor
permalinkSymbol: ¶

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment