🚀快速开始 -->🌈基本配置 -->🏆界面显示 -->🎨特殊功能
# links 链接块
本功能参考 NexT,基于 Hexo Tag 功能,用来建立友链或其他网址链接功能。
文章中的使用格式:
- 使用 links 标签块,包围 yml 语法书写的内容,字段包括
site站点名称 必填 owner管理员名称 可选,默认为 site的值url站点链接 必填 dec站点描述 可选,默认为 url的值imgae站点图片 可选,默认为 images/404.pngcolor方块颜色 可选,默认为 #666
{% links %}
- site: #站点名称
owner: #管理员名字
url: #站点网址
desc: #简短描述
image: #一张图片
color: #颜色代码
{% endlinks %}
- 以上标签块的内容,还可以保存在一个
yml文件中,然后使用linksfile标签引入
{% linksfile [path] %}
{% linksfile friends/_data.yml %} // eg
# code 代码块
使用 markdown-it-prism 进行代码高亮,支持显示行号、行高亮 mark 、命令行提示符 command 、代码块标题等
基本格式: [language] [title] [url] [link text] [mark] [command]
| 选项 | 描述 | 默认值 |
|---|---|---|
| language | 1. 支持的语言戳此处 2. 如果不需要代码高亮,但希望显示代码块样式,设置为 raw 3. 留空或设置为 info ,将不显示代码高亮和代码块样式 | null |
| title | 代码块的标题文字 | null |
| url | 代码块标题右侧显示的链接 | null |
| link text | 上树链接显示的标题 | link |
| mark | 1. 行高亮显示,格式为 mark: 行号,开始行号-结束行号,其他行号 2. 例如 mark:1,4-7,10 ,将高亮显示第 1、4-7、10 行 | null |
| command | 命令行提示符,格式为 command:("提示内容":行号,行号 或 "提示内容":行号开始-行号结束) 例如 command:("[root@localhst] $":1,9-10) | null |
import java.util.Scanner; | |
... | |
Scanner in = new Scanner (System.in); | |
// 输入 Scan 之后,按下键盘 Alt + “/” 键,Eclipse 下自动补全。 | |
System.out.println (in.nextLine ()); | |
System.out.println ("Hello" + "world."); |
# emoji 颜文字
本功能基于 markdown-it-emoji ,所有的标签参考戳次
:kissing_heart: | |
:ring: | |
:notes: |
😘💍🎶
# effects 文字特效
本功能基于 markdown-it-ins 、 markdown-it-bracketed-spans 和 markdown-it-attrs
本主题的风格颜色通用样式:default、primary、success、info、warning、danger
++ 下划线 ++ | |
++ 波浪线 ++{.wavy} | |
++ 紫色下划线 ++{.primary} | |
++ 绿色波浪线 ++{.wavy .success} | |
~~ 删除线~~ | |
~~ 红色删除线~~{.danger} | |
== 荧光高亮 == | |
[赤橙黄绿青蓝紫]{.rainbow} | |
[红色]{.red} | |
[粉色]{.pink} | |
[橙色]{.orange} | |
[黄色]{.yellow} | |
[绿色]{.green} | |
[靛青]{.aqua} | |
[蓝色]{.blue} | |
[紫色]{.purple} | |
[灰色]{.grey} | |
快捷键 [Ctrl]{.kbd} + [C]{.kbd .red} | |
H~2~0 | |
29^th^ |
下划线
波浪线
紫色下划线
绿色波浪线删除线红色删除线
荧光高亮
赤橙黄绿青蓝紫
红色
粉色
橙色
黄色
绿色
靛青
蓝色
紫色
灰色
快捷键 Ctrl + C
H20
29th
# spoiler 隐藏文字
本功能基于 markdown-it-spoiler 和 markdown-it-attrs
!! 黑幕黑幕黑幕黑幕黑幕黑幕!!: 鼠标滑过显示内容 | |
!! 模糊模糊模糊模糊模糊模糊!!{.bulr} : 选中文字显示内容 |
黑幕黑幕黑幕黑幕黑幕黑幕: 鼠标滑过显示内容
模糊模糊模糊模糊模糊模糊 : 选中文字显示内容
# label 标签块
本功能基于 markdown-it-bracketed-spans 和 markdown-it-attrs
有以下颜色可选
[default]{.label} | |
[primary]{.label .primary} | |
[info]{.label .info} | |
[:heavy_check_mark:success]{.label .success} | |
[warning]{.label .warning} | |
[:broken_heart:danger]{.label .danger} |
default
primary
info
✔️success
warning
💔danger
# note 提醒块
本功能基于 markdown-it-container
| 开始行 | :::[风格颜色] |
| 结束行 | ::: |
:::default | |
默认默认 | |
::: | |
:::primary | |
基本基本 | |
::: | |
:::info | |
提示提示 | |
::: | |
:::success | |
成功成功 | |
::: | |
:::warning | |
警告警告 | |
::: | |
:::danger | |
危险危险 | |
::: | |
:::danger no-icon | |
危险危险 | |
::: |
默认默认
基本基本
提示提示
成功成功
警告警告
危险危险
# tab 标签卡
本功能基于 markdown-it-container
| 开始行 | ;;;[同一ID] [标签名称] |
| 结束行 | ;;; |
;;;id1 卡片 1
这里是卡片 1 的内容
** 加粗 **
[success]{.label .success}
;;;
;;;id1 卡片 2
这里是卡片 2 的内容
:::danger
危险危险
:::
- 第一行
- 第二行
;;;
;;;id2 ② 号标签卡片 1
这里是卡片 1 的内容
;;;
;;;id2 ② 号标签卡片 2
这里是卡片 2 的内容
;;;
这里是卡片 1 的内容
加粗
success
琉璃的医学 & 编程笔记
这里是卡片 2 的内容
危险危险
- 第一行
- 第二行
这里是卡片 1 的内容
这里是卡片 2 的内容
# collapse 折叠块
本功能基于 markdown-it-container
| 开始行 | +++[风格颜色] [标题文字] |
| 结束行 | +++ |
+++ 默认默认 这里是一段文字 | |
++ 下划线 ++ | |
+++ | |
+++primary 紫色 | |
:::info | |
参考信息 | |
::: | |
- 第一行 | |
- 第二行 | |
+++ | |
+++info 蓝色 | |
;;;id3 卡片 1 | |
这里是卡片 1 的内容 | |
;;; | |
;;;id3 卡片 2 | |
这里是卡片 2 的内容 | |
;;; | |
+++ | |
+++success 绿色 | |
| |
+++ | |
+++warning 黄色 | |
!! 警告警告警告警告警告!!{.bulr} | |
[label]{.label .success} | |
+++ | |
+++danger 红色 | |
[danger]{.label .danger} | |
+++ |
默认默认 这里是一段文字
下划线
紫色
参考信息
- 第一行
- 第二行
蓝色
这里是卡片 1 的内容
这里是卡片 2 的内容
绿色
https://shoka.lostyu.me
黄色
警告警告警告警告警告
label
红色
danger
# 待办事项
本功能基于 markdown-it-task-checkbox 。
可以利用 markdown-it-attrs 添加风格颜色,只可以给 ul 标签添加,需要新建两行。
- [ ] 这是一个小叉叉 | |
- [x] 这是一个红色勾勾 | |
{.danger} | |
- [ ] 未完成 | |
- [x] 完成 | |
{.primary} | |
- [ ] 未完成 | |
- [x] 默认颜色 |
# media 多媒体
本功能基于 Hexo Tag 功能,使用 media 标签,目前可选择两种类型,即 audio 和 video 。
{% media audio %}
... 音频列表
{% endmedia %}
{% media video %}
... 视频列表
{% endmedia %}
标签包绕一段 yml 格式的内容,格式与背景音乐的配置类似。
亦可以直接使用网易云、虾米、QQ 音乐的播放列表、单曲。
# Math 数学公式
本功能基于 markdown-it-katex
在 Front Matter 中添加 math: true 以支持 KaTex
--- | |
title: 数学公式显示 | |
math: true | |
--- | |
行内公式:$\sqrt {3x-1}+(1+x)^2$ | |
独立块显示: | |
$$\begin {array}{c} | |
\nabla \times \vec {\mathbf {B}} -\, \frac1c\, \frac {\partial\vec {\mathbf {E}}}{\partial t} & | |
= \frac {4\pi}{c}\vec {\mathbf {j}} \nabla \cdot \vec {\mathbf {E}} & = 4 \pi \rho \\ | |
\nabla \times \vec {\mathbf {E}}\, +\, \frac1c\, \frac {\partial\vec {\mathbf {B}}}{\partial t} & = \vec {\mathbf {0}} \\ | |
\nabla \cdot \vec {\mathbf {B}} & = 0 | |
\end {array}$$ |