reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-15 11:12:54 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update img style

Browse source
This commit is contained in:
radishzzz 2025-04-17 01:28:04 +01:00
parent 1eb43060d5
commit da3d9d8d50
7 changed files with 29 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/content/posts/guides/Markdown Style Guide-en.md
View file

@ -66,7 +66,7 @@ To add an image, add an exclamation mark `!`, followed by alt text in brackets `
### Output
![Image Description](/assets/retypeset-en-desktop.webp)
![Image Description](https://image.radishzz.cc/picsmaller/03.webp)
## Blockquotes
@ -119,6 +119,7 @@ To add a table, use three or more hyphens `---` to create each column’s header
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |
| _italics_ | **bold** | `code` |
| _italics_ | **bold** | `code` |
```
### Output
@ -127,6 +128,7 @@ To add a table, use three or more hyphens `---` to create each column’s header
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |
| _italics_ | **bold** | `code` |
| _italics_ | **bold** | `code` |
## Code Blocks

4
src/content/posts/guides/Markdown Style Guide-es.md
View file

@ -66,7 +66,7 @@ Para agregar una imagen, añada un signo de exclamación `!`, seguido de texto a
### Resultado
![Descripción de la Imagen](/assets/retypeset-en-desktop.webp)
![Descripción de la Imagen](https://image.radishzz.cc/picsmaller/03.webp)
## Citas en Bloque
@ -119,6 +119,7 @@ Para agregar una tabla, use tres o más guiones `---` para crear el encabezado d
| --------- | ----------- | -------- |
| _cursiva_ | **negrita** | `código` |
| _cursiva_ | **negrita** | `código` |
| _cursiva_ | **negrita** | `código` |
```
### Resultado
@ -127,6 +128,7 @@ Para agregar una tabla, use tres o más guiones `---` para crear el encabezado d
| --------- | ----------- | -------- |
| _cursiva_ | **negrita** | `código` |
| _cursiva_ | **negrita** | `código` |
| _cursiva_ | **negrita** | `código` |
## Bloques de Código

4
src/content/posts/guides/Markdown Style Guide-ja.md
View file

@ -66,7 +66,7 @@ abbrlink: markdown-style-guide
### 効果
![画像の説明](/assets/retypeset-en-desktop.webp)
![画像の説明](https://image.radishzz.cc/picsmaller/03.webp)
## 引用ブロック
@ -119,6 +119,7 @@ abbrlink: markdown-style-guide
| ---------- | ------- | ------- |
| _イタリック_ | **太字** | `コード` |
| _イタリック_ | **太字** | `コード` |
| _イタリック_ | **太字** | `コード` |
```
### 効果
@ -127,6 +128,7 @@ abbrlink: markdown-style-guide
| ---------- | ------- | ------- |
| _イタリック_ | **太字** | `コード` |
| _イタリック_ | **太字** | `コード` |
| _イタリック_ | **太字** | `コード` |
## コードブロック

4
src/content/posts/guides/Markdown Style Guide-ru.md
View file

@ -66,7 +66,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
### Результат
![Описание изображения](/assets/retypeset-en-desktop.webp)
![Описание изображения](https://image.radishzz.cc/picsmaller/03.webp)
## Цитаты
@ -119,6 +119,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
| ---------- | ----------- | ------ |
| _курсив_ | **жирный** | `код` |
| _курсив_ | **жирный** | `код` |
| _курсив_ | **жирный** | `код` |
```
### Результат
@ -127,6 +128,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
| ---------- | ----------- | ------ |
| _курсив_ | **жирный** | `код` |
| _курсив_ | **жирный** | `код` |
| _курсив_ | **жирный** | `код` |
## Блоки кода

4
src/content/posts/guides/Markdown Style Guide-zh-tw.md
View file

@ -66,7 +66,7 @@ abbrlink: markdown-style-guide
### 效果
![圖片描述](/assets/retypeset-en-desktop.webp)
![圖片描述](https://image.radishzz.cc/picsmaller/03.webp)
## 區塊引用
@ -119,6 +119,7 @@ abbrlink: markdown-style-guide
| ----- | -------- | ------- |
| _斜體_ | **粗體** | `程式碼` |
| _斜體_ | **粗體** | `程式碼` |
| _斜體_ | **粗體** | `程式碼` |
```
### 效果
@ -127,6 +128,7 @@ abbrlink: markdown-style-guide
| ------ | ------- | ------- |
| _斜體_ | **粗體** | `程式碼` |
| _斜體_ | **粗體** | `程式碼` |
| _斜體_ | **粗體** | `程式碼` |
## 程式碼區塊

4
src/content/posts/guides/Markdown Style Guide-zh.md
View file

@ -66,7 +66,7 @@ abbrlink: markdown-style-guide
### 效果
![图片描述](/assets/retypeset-en-desktop.webp)
![图片描述](https://image.radishzz.cc/picsmaller/03.webp)
## 块引用
@ -119,6 +119,7 @@ abbrlink: markdown-style-guide
| ----- | ------- | ------ |
| _斜体_ | **粗体** | `代码` |
| _斜体_ | **粗体** | `代码` |
| _斜体_ | **粗体** | `代码` |
```
### 效果
@ -127,6 +128,7 @@ abbrlink: markdown-style-guide
| ----- | -------- | ----- |
| _斜体_ | **粗体** | `代码` |
| _斜体_ | **粗体** | `代码` |
| _斜体_ | **粗体** | `代码` |
## 代码块

28
src/styles/heti.css
View file

@ -23,6 +23,17 @@
--at-apply: 'transition-colors hover:(c-primary decoration-secondary/80) lg:underline-0.1em';
}
/* Images */
.heti :where(img) {
--at-apply: 'mx-auto';
}
.heti :where(figure) {
--at-apply: 'mx-auto';
}
.heti figure > :where(figcaption) {
--at-apply: 'text-center text-sm mt-3 text-secondary/50';
}
/* Paragraphs */
.heti :where(p) {
--at-apply: 'mb-4 text-justify';
@ -289,23 +300,6 @@ html.dark .heti :where(u) {
--at-apply: 'mx-0.25';
}
/* Images */
.heti :where(img) {
--at-apply: 'mx-auto my-6';
}
.heti :where(figure) {
--at-apply: 'mx-auto mt-6 mb-4';
}
.heti figure > :where(img) {
--at-apply: 'my-0';
}
.heti figure > :where(figcaption) {
--at-apply: 'text-center text-sm mt-3 text-secondary/50';
}
.heti :where(h1, h2, h3, h4, h5, h6) + p > img:first-child {
--at-apply: 'mt-0';
}
/* KaTeX Mathematical */
.heti :where(.katex-display) {
--at-apply: 'block max-w-full overflow-x-auto overflow-y-hidden scrollbar-hidden';