From da3d9d8d508bb7ad11546fde626db844efd28eaa Mon Sep 17 00:00:00 2001 From: radishzzz Date: Thu, 17 Apr 2025 01:28:04 +0100 Subject: [PATCH] chore: update img style --- .../posts/guides/Markdown Style Guide-en.md | 4 ++- .../posts/guides/Markdown Style Guide-es.md | 4 ++- .../posts/guides/Markdown Style Guide-ja.md | 4 ++- .../posts/guides/Markdown Style Guide-ru.md | 4 ++- .../guides/Markdown Style Guide-zh-tw.md | 4 ++- .../posts/guides/Markdown Style Guide-zh.md | 4 ++- src/styles/heti.css | 28 ++++++++----------- 7 files changed, 29 insertions(+), 23 deletions(-) diff --git a/src/content/posts/guides/Markdown Style Guide-en.md b/src/content/posts/guides/Markdown Style Guide-en.md index 7df6da5..6770d6b 100644 --- a/src/content/posts/guides/Markdown Style Guide-en.md +++ b/src/content/posts/guides/Markdown Style Guide-en.md @@ -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 diff --git a/src/content/posts/guides/Markdown Style Guide-es.md b/src/content/posts/guides/Markdown Style Guide-es.md index 44d6a1d..14e25a4 100644 --- a/src/content/posts/guides/Markdown Style Guide-es.md +++ b/src/content/posts/guides/Markdown Style Guide-es.md @@ -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 diff --git a/src/content/posts/guides/Markdown Style Guide-ja.md b/src/content/posts/guides/Markdown Style Guide-ja.md index 22fcea6..ab6c149 100644 --- a/src/content/posts/guides/Markdown Style Guide-ja.md +++ b/src/content/posts/guides/Markdown Style Guide-ja.md @@ -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 | ---------- | ------- | ------- | | _イタリック_ | **太字** | `コード` | | _イタリック_ | **太字** | `コード` | +| _イタリック_ | **太字** | `コード` | ## コードブロック diff --git a/src/content/posts/guides/Markdown Style Guide-ru.md b/src/content/posts/guides/Markdown Style Guide-ru.md index 3795a7d..d6e977a 100644 --- a/src/content/posts/guides/Markdown Style Guide-ru.md +++ b/src/content/posts/guides/Markdown Style Guide-ru.md @@ -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 | ---------- | ----------- | ------ | | _курсив_ | **жирный** | `код` | | _курсив_ | **жирный** | `код` | +| _курсив_ | **жирный** | `код` | ## Блоки кода diff --git a/src/content/posts/guides/Markdown Style Guide-zh-tw.md b/src/content/posts/guides/Markdown Style Guide-zh-tw.md index fc6e1ef..1590b3d 100644 --- a/src/content/posts/guides/Markdown Style Guide-zh-tw.md +++ b/src/content/posts/guides/Markdown Style Guide-zh-tw.md @@ -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 | ------ | ------- | ------- | | _斜體_ | **粗體** | `程式碼` | | _斜體_ | **粗體** | `程式碼` | +| _斜體_ | **粗體** | `程式碼` | ## 程式碼區塊 diff --git a/src/content/posts/guides/Markdown Style Guide-zh.md b/src/content/posts/guides/Markdown Style Guide-zh.md index cd909fc..9f29aa1 100644 --- a/src/content/posts/guides/Markdown Style Guide-zh.md +++ b/src/content/posts/guides/Markdown Style Guide-zh.md @@ -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 | ----- | -------- | ----- | | _斜体_ | **粗体** | `代码` | | _斜体_ | **粗体** | `代码` | +| _斜体_ | **粗体** | `代码` | ## 代码块 diff --git a/src/styles/heti.css b/src/styles/heti.css index 317871c..8a632c9 100644 --- a/src/styles/heti.css +++ b/src/styles/heti.css @@ -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';