粗体和斜体
你好，世界！ 你好，世界！
行内 HTML
1
| <p>要重启计算机，请按 <kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>del</kbd>。</p>
|
要重启计算机，请按 ctrl+alt+del。
博客加密
安装 hexo-blog-encrypt 插件
- 在 hexo 目录下运行
npm install hexo-blog-encrypt
- 将以下内容添加到
/Hexo/_config.yml 文件中：
使用插件
1
2
3
4
5
6
7
8
9
| ---
title: Hexo加密功能
date: 2019-09-04 23:20:00
tags: [学习笔记,Hexo]
categories: 博客搭建
password: smile
abstract: 欢迎来到我的博客，请输入密码阅读。
message: 密码输入框上描述性内容
---
|
- 其中：
- password: 此博客文章使用的密码
- abstract: 博客摘要文本（简短）
- message: 密码输入框上方的描述性文本
原始链接
插入 YouTube 视频
静态图片链接
1
2
3
4
5
6
7
8
| Html 版本：
<a href="https://youtu.be/BSlMAJ7SkMA" target="_blank"><img src="https://img.youtube.com/vi/ARted4RniaU/0.jpg" alt="图片替代文本" width="240" height="180" border="10" /></a>
纯 Markdown 版本：
[](https://www.youtube.com/watch?v=ARted4RniaU)
|
纯 Markdown 版本：
嵌入视频
方法 1：
如何找到视频 ID：
地址后面的 字母数字字符串，例如：BSlMAJ7SkMA
方法 2：
点击上面图片中的嵌入选项，提供 HTML 代码（HTML 和 Markdown
有一定兼容性），直接复制到 md 文件中。
您可以修改一些 HTML 属性，如宽度和高度。特别是 width=100%
会使其拉伸到全宽。
块引用
在您的博客中添加引用…
1
2
3
| {% blockquote [作者,来源] [链接] [来源链接标题] %}
内容
{% endblockquote %}
|
感谢观看！
可以嵌套！
感谢观看！
感谢观看！
注意（Bootstrap 提示）
每种方法分为简单、现代和平面主题，这就是所谓的样式。
这里我只展示平面样式
方法 1：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| {% note flat %}
默认提示块标签
{% endnote %}
{% note default flat %}
默认提示块标签
{% endnote %}
{% note primary flat %}
主要提示块标签
{% endnote %}
{% note success flat %}
成功提示块标签
{% endnote %}
{% note info flat %}
信息提示块标签
{% endnote %}
{% note warning flat %}
警告提示块标签
{% endnote %}
{% note danger flat %}
危险提示块标签
{% endnote %}
|
方法 2：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| {% note 'fab fa-cc-visa' flat %}
您在使用 Visa 还是银联
{% endnote %}
{% note blue 'fas fa-bullhorn' flat %}
2021 年即将到来....
{% endnote %}
{% note pink 'fas fa-car-crash' flat %}
开车小心，安全第一
{% endnote %}
{% note red 'fas fa-fan' flat %}
这是三刀还是四刀？
{% endnote %}
{% note orange 'fas fa-battery-half' flat %}
您在使用 Visa 还是银联
{% endnote %}
{% note purple 'far fa-hand-scissors' flat %}
剪刀石头布
{% endnote %}
{% note green 'fab fa-internet-explorer' flat %}
前端开发者最讨厌的浏览器
{% endnote %}
|
标签
1
2
3
4
5
6
7
8
9
10
11
12
13
| {% tabs test1 %}
<!-- tab -->
**这是标签 1。**
<!-- endtab -->
<!-- tab -->
**这是标签 2。**
<!-- endtab -->
<!-- tab -->
**这是标签 3。**
<!-- endtab -->
{% endtabs %}
|
按钮
行内
1
2
| 这是我的网站，点击按钮 {% btn 'https://butterfly.js.org',Butterfly %}
这是我的网站，点击按钮 {% btn 'https://butterfly.js.org',Butterfly,,outline%}
|
这是我的网站，点击按钮 Butterfly 这是我的网站，点击按钮
Butterfly
块
1
2
3
| 这是我的网站，点击按钮 {% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,block larger %}
这是我的网站，点击按钮 {% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,block center larger %}
这是我的网站，点击按钮 {% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,block right blue larger %}
|
这是我的网站，点击按钮 Butterfly 这是我的网站，点击按钮
Butterfly 这是我的网站，点击按钮 Butterfly
选项
1
2
3
4
5
6
7
8
9
| <div class="btn-center">
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,blue larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,pink larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,red larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,purple larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,orange larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,green larger %}
</div>
|
1
2
3
4
5
6
7
8
9
| <div class="btn-center">
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline blue larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline pink larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline red larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline purple larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline orange larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline green larger %}
</div>
|
