关于 Md 文件使用 Shoka 主题渲染的关键技巧 / 基础

# 图片显示

# 单个图片显示

  1. 图片下方显示标题内容
![](https://s1.imagehub.cc/images/2023/11/16/b60b630ac478d2911b6c682866cf5d09.jpeg "芙宁娜")

  1. 指定图片大小
![](https://s1.imagehub.cc/images/2023/11/16/b60b630ac478d2911b6c682866cf5d09.jpeg "芙宁娜200*300"){height="200px" width="300px"}

  1. 使用本地图片时,编辑器和 Shoka 同时渲染出图片

_posts 路径下创建一个与 md 文件同名(不带文件尾缀)的文件夹,将图片放在该文件夹下,调用图片时使用相对路径调用。以本文件为例,文件名为 2023-12-14_md+shoka使用技巧.md ,在文件同级目录下创建文件夹 2023-12-14_md+shoka使用技巧 ,内含图片 芙宁娜.jpg 。图片引用小括号内填写(格式问题,就不用代码块了): 2023-12-14_md+shoka使用技巧/芙宁娜.jpg

# 多个图片显示

使用相册图案列表(注意图片之间不用换行,我这里为了方便看所以分行了

![](https://s1.imagehub.cc/images/2023/11/16/b60b630ac478d2911b6c682866cf5d09.jpeg)
![](https://s1.imagehub.cc/images/2023/11/16/49ada8b3e781b287ee31af3cc75393fd.jpeg)
![](https://s1.imagehub.cc/images/2023/11/16/ec096dea8315c4068cd0e2aac4ac628f.jpeg)
![](https://s1.imagehub.cc/images/2023/11/16/dbb87c34a09e2edb4e2324cb8f8cf42c.jpeg) {.gallery}

设置每行高度:data-height,默认为 220。

![](https://s1.imagehub.cc/images/2023/11/16/b60b630ac478d2911b6c682866cf5d09.jpeg)
![](https://s1.imagehub.cc/images/2023/11/16/49ada8b3e781b287ee31af3cc75393fd.jpeg)
![](https://s1.imagehub.cc/images/2023/11/16/ec096dea8315c4068cd0e2aac4ac628f.jpeg)
![](https://s1.imagehub.cc/images/2023/11/16/dbb87c34a09e2edb4e2324cb8f8cf42c.jpeg) {.gallery  data-height="100"}

# 代码显示

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

language :语言类型(raw 表示空显示代码块)。 title :标题内容。 url :链接。 link text :链接显示内容。 mark :行高亮显示,用法为: mark:2,4,5-8,9command :命令行提示符,用法为: command:(">> root$":1,4||">> host$":6,7)

# 编程语言代码

python 示例代码 https://hening25.gitee.io 链接 mark:1,3-4
import math
import numpy as np
import torch
array = np.arrary ([1,2,3])
示例代码链接
import math
import numpy as np
import torch
array = np.arrary([1,2,3])

# 命令行

bash 命令行 https://hening25.gitee.io 链接 command:("(base) PS D:\>":1,2,6||"(base) PS D:\Github>":7)
ls
pwd
Path
----
D:\
cd Github
pwd
Path
----
D:\Github
命令行链接
ls
pwd
Path
----
D:\
cd Github
pwd
Path
----
D:\Github

# PDF 文件显示

{% pdf file_path  600 1000%}

# 待办事件

- [ ] 叉叉
- [x] 勾勾
{.danger}
- [ ] 叉叉
- [x] 勾勾
{.danger}
- [ ] 叉叉
- [x] 默认颜色

# 习题模式

该模式需要在 Front Matter 中添加 quiz: true

标签含义
{.quiz}选择题
{.quiz .multi}多选题
{.quiz .true}正确的判断题
{.quiz .false}错误的判断题
{.quiz .fill}填空题
[]{.gap}空白下划线
[答案内容]{.gap}答案内容下划线
{.options}选择题的选项
{.correct}选择题的正确选项
>答案解析
[8.2]{.mistake}错题备注
1. 下列定义中合法的是 []{.gap}。{.quiz .multi}
	- `shor _a=1-.1e-1;` {.correct}
	- `double b=1+5e2.5;`
	- `long do=0xfdaL;`
	- `float end_=0.1;` {.correct}
	{.options}
	> - :heavy_check_mark: 正确
	> - :x: 错误
	> - :x: 错误
	> - :heavy_check_mark: 正确
2. -8 在内存中的存储形式是 []{.gap}。{.quiz}
	- `11111111 11111000` {.correct}
	- `10000000 00001000`
	- `00000000 00001000`
	- `11111111 11110111`
	{.options}
3. 已知 int x=6; 则执行 x+=x-=x*x 语句后,x 的值是 [-60]{.gap}。{.quiz .fill}
  1. 下列定义中合法的是

    • shor _a=1-.1e-1;
    • double b=1+5e2.5;
    • long do=0xfdaL;
    • float end_=0.1;
    • ✔️ 正确
    • ❌ 错误
    • ❌ 错误
    • ✔️ 正确
  2. -8 在内存中的存储形式是

    • 11111111 11111000
    • 10000000 00001000
    • 00000000 00001000
    • 11111111 11110111
  3. 已知 int x=6; 则执行 x+=x-=x*x 语句后,x 的值是 - 60

更新于 阅读次数