Hexo 博客 Shoka 主题支持的 Markdown 一些特殊的语法使用例子。
# code 代码块
使用 markdown-it-prism 进行代码高亮，支持显示行号、行高亮 mark 、命令行提示符 command 、代码块标题。
基本格式： [language] [title] [url] [link text] [mark] [command]
| 选项 | 描述 | 默认值 |
|---|---|---|
| language | 支持的语言戳此如果不需要代码高亮，但希望显示代码块样式，则设为 raw , 留空或设为 info ，将不显示代码高亮和代码块样式 | null |
| title | 代码块的标题文字 | null |
| url | 代码块标题右侧显示的链接 | null |
| link text | 上述链接显示的标题 | link |
| mark | 行高亮显示，格式为 mark : 行号，行号开始 - 行号结束，其他行号 。例如 mark:1,4-7,10 ，将高亮显示第 1、4、5、6、7、10 行 | null |
| command | 命令行提示符，格式为 command:("提示内容":行号,行号||"提示内容":行号开始-行号结束) 例如 command:("[root@localhost] $":1,9-10||"[admin@remotehost] #":4-6) | null |
java 行高亮 https://shoka.lostyu.me 参考链接 mark:1,6-7 | |
import java.util.Scanner; | |
... | |
Scanner in = new Scanner (System.in); | |
// 输入 Scan 之后，按下键盘 Alt + “/” 键，Eclipse 下自动补全。 | |
System.out.println (in.nextLine ()); | |
System.out.println ("Hello" + "world."); |
bash 命令行提示符 command:("[root@localhost] $":1,9-10||"[admin@remotehost] #":4-6) | |
pwd | |
/usr/home/chris/bin | |
ls -la | |
total 2 | |
drwxr-xr-x 2 chris chris 11 Jan 10 16:48 . | |
drwxr--r-x 45 chris chris 92 Feb 14 11:10 .. | |
-rwxr-xr-x 1 chris chris 444 Aug 25 2013 backup | |
-rwxr-xr-x 1 chris chris 642 Jan 17 14:42 deploy | |
git add -A | |
git commit -m "update" | |
git push |
实际的显示效果
import java.util.Scanner; | |
... | |
Scanner in = new Scanner(System.in); | |
// 输入 Scan 之后，按下键盘 Alt + “/” 键，Eclipse 下自动补全。 | |
System.out.println(in.nextLine()); | |
System.out.println("Hello" + " world."); |
pwd | ||
/usr/home/chris/bin | ||
ls -la | ||
total 2 | ||
drwxr-xr-x 2 chris chris 11 Jan 10 16:48 . | ||
drwxr--r-x 45 chris chris 92 Feb 14 11:10 .. | ||
-rwxr-xr-x 1 chris chris 444 Aug 25 2013 backup | ||
-rwxr-xr-x 1 chris chris 642 Jan 17 14:42 deploy | ||
git add -A | ||
git commit -m "update" | ||
git push |
# gallery 相册
## 图案列表 No.1 | |
 | |
 | |
 | |
 | |
{.gallery} | |
## 图案列表 No.2 | |
 | |
 | |
 | |
 | |
{.gallery data-height="220"} |
# 图案列表 No.1
# 图案列表 No.2
# quiz 练习题与答案
--- | |
title: 练习题与答案 | |
quiz: true | |
--- | |
1. 编译时多态主要指运算符重载与函数重载，而运行时多态主要指虚函数。 {.quiz .true} | |
2. 有基类 `SHAPE`，派生类 `CIRCLE`，声明如下变量： {.quiz .multi} | |
```cpp | |
SHAPE shape1,*p1; | |
CIRCLE circle1,*q1; | |
``` | |
下列哪些项是 “派生类对象替换基类对象”。 | |
- `p1=&circle1;` {.correct} | |
- `q1=&shape1;` | |
- `shape1=circle1;` {.correct} | |
- `circle1=shape1;` | |
{.options} | |
> - :heavy_check_mark: 令基类对象的指针指向派生类对象 | |
> - :x: 派生类指针指向基类的引用 | |
> - :heavy_check_mark: 派生类对象给基类对象赋值 | |
> - :x: 基类对象给派生类对象赋值 | |
> {.options} | |
3. 下列叙述正确的是 []{.gap} 。 {.quiz} | |
- 虚函数只能定义成无参函数 | |
- 虚函数不能有返回值 | |
- 能定义虚构造函数 | |
- A、B、C 都不对 {.correct} | |
{.options} | |
10. 如果定义 `int e=8; double f=6.4, g=8.9;`，则表达式 `f+int (e/3*int (f+g)/2)%4` 的值为 [9.4]{.gap}。 {.quiz .fill} | |
> 注意运算顺序和数据类型 | |
> [8.4]{.mistake} |
- 编译时多态主要指运算符重载与函数重载，而运行时多态主要指虚函数。
- 有基类
SHAPE，派生类CIRCLE，声明如下变量：下列哪些项是 “派生类对象替换基类对象”。SHAPE shape1,*p1;
CIRCLE circle1,*q1;
- 下列叙述正确的是 。
# emoji 表情
:kissing_heart: | |
:ring: | |
:notes: |
😘 💍 🎶
# effects 文字特效
本功能基于 markdown-it-ins 、 markdown-it-bracketed-spans 和 markdown-it-attrs
本主题风格颜色通用样式：default、primary、success、info、warning、danger
++ 下划线 ++ | |
++ 波浪线 ++{.wavy} | |
++ 着重点 ++{.dot} | |
++ 紫色下划线 ++{.primary} | |
++ 绿色波浪线 ++{.wavy .success} | |
++ 黄色着重点 ++{.dot .warning} | |
~~ 删除线～～ | |
~~ 红色删除线～～{.danger} | |
== 荧光高亮 == | |
[赤橙黄绿青蓝紫]{.rainbow} | |
[红色]{.red} | |
[粉色]{.pink} | |
[橙色]{.orange} | |
[红色]{.yellow} | |
[绿色]{.green} | |
[靛青]{.aqua} | |
[蓝色]{.blue} | |
[紫色]{.purple} | |
[灰色]{.grey} | |
快捷键 [Ctrl]{.kbd} + [C]{.kbd .red} | |
H~2~0 | |
29^th^ |
下划线
波浪线
着重点
紫色下划线
绿色波浪线
++ 黄色着重点 ++{.dot .warning}删除线红色删除线
荧光高亮
赤橙黄绿青蓝紫
红色
粉色
橙色
红色
绿色
靛青
蓝色
紫色
灰色
快捷键 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
黄色
!! 警告警告警告警告警告！！{.bulr}
label
红色
danger
# taskList 待办事项
本功能基于 markdown-it-task-checkbox 。
可以利用 markdown-it-attrs 添加风格颜色，只可以给 ul 标签添加，需要新建两行。
- [ ] 这是一个小叉叉 | |
- [x] 这是一个红色勾勾 | |
{.danger} | |
- [ ] 未完成 | |
- [x] 完成 | |
{.primary} | |
- [ ] 未完成 | |
- [x] 默认颜色 |
# 说明
本文转载至 Ruri Shimotsuki @優萌初華
原文链接
