# 0. 踩坑

1. 图片问题:

图床不加载:添加

行高亮
1
2
3
{% raw %}
<meta name="referrer" content="no-referrer" />
{% endraw %}

2. 自动编号问题

shoka 主题隐藏目录自带标题,并设置显示小标题_shoka 主题标签_宁理大神 1996 的博客 - CSDN 博客

怎么放好友链接,看这里

# 2.code 代码块

使用 markdown-it-prism 进行代码高亮,支持显示行号、行高亮 mark 、命令行提示符 command 、代码块标题。

基本格式:[language][title][url][linktext][mark][command]基本格式: [language] [title] [url] [link text] [mark] [command]

image-20231112230308187

举个栗子:

行高亮 mark:1,6-7
1
2
3
4
5
6
import java.util.Scanner;
...
Scanner in = new Scanner (System.in);
// 输入 Scan 之后,按下键盘 Alt + “/” 键,Eclipse 下自动补全。
System.out.println (in.nextLine ());
System.out.println ("Hello" + "world.");

命令行提示符 command:("[root@localhost] $":1,9-10||"[admin@remotehost] #":4-6)
1
2
3
4
5
6
7
8
9
10
11
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

命令行提示符 command:("[root@localhost] $":1,9-10||"[admin@remotehost] #":4-6)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
```java 行高亮 www.baidu.com 参考链接 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
```

image-20231112230341727

常用到的指令:

java 行高亮 mark:1, 某某

bash 命令提示符 command:("[root@你的名字] $":1,9-10||"[admin@你的名字] #":4-6)

# 3. 表情包

emoji 绘文字 本功能基于 markdown-it-emoji ,所有标签参考戳此:markdown-it-emoji/lib/data/full.json at master · markdown-it/markdown-it-emoji (github.com)

命令行提示符 command:("[root@localhost] $":1,9-10||"[admin@remotehost] #":4-6)
1
2
3
:kissing_heart:
:ring:
:notes:

如:😘 💍 两个冒号

# 4. 文字特效

本功能基于 markdown-it-ins 、 markdown-it-bracketed-spans 和 markdown-it-attrs

本主题风格颜色通用样式:default、primary、success、info、warning、danger

命令行提示符 command:("[root@localhost] $":1,9-10||"[admin@remotehost] #":4-6)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
++ 下划线 ++
++ 波浪线 ++{.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^

这段代码因为自动被 pangu.js 处理了一下,加了几个空格,导致直接复制代码不能正常显示。
正确的代码是 下划线 删除线 荧光高亮 ,不能有空格哦。

# 5. 隐藏文字

行高亮
1
2
!! 黑幕黑幕黑幕黑幕黑幕黑幕!!: 鼠标滑过显示内容
!! 模糊模糊模糊模糊模糊模糊!!{.bulr} : 选中文字显示内容

!! 黑幕黑幕黑幕黑幕黑幕黑幕!!: 鼠标滑过显示内容

!! 模糊模糊模糊模糊模糊模糊!!{.bulr} : 选中文字显示内容

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

4riH04X 微信支付

微信支付