chore: update theme guides and project comments, add astro-compress to remove comments

src/content/posts/guides/Markdown Extended Features-en.md

@@ -17,9 +17,9 @@ To create automatic figure captions, use the standard Markdown image syntax `![a
 ### Syntax
 
 ```
-![Image description](./full/or/relative/path/of/image)
+![Image description](https://image.example.com/image-01.webp)
 
-![_Image description](./full/or/relative/path/of/image)
+![_Image description](https://image.example.com/image-01.webp)
 ```
 
 ### Output

src/content/posts/guides/Markdown Extended Features-es.md

@@ -17,9 +17,9 @@ Para crear leyendas automáticas para figuras, utilice la sintaxis estándar de
 ### Sintaxis
 
 ```
-![Descripción de la imagen](./full/or/relative/path/of/image)
+![Descripción de la imagen](https://image.example.com/image-01.webp)
 
-![_Descripción de la imagen](./full/or/relative/path/of/image)
+![_Descripción de la imagen](https://image.example.com/image-01.webp)
 ```
 
 ### Resultado

src/content/posts/guides/Markdown Extended Features-ja.md

@@ -17,9 +17,9 @@ abbrlink: markdown-extended-features
 ### 構文
 
 ```
-![画像の説明](./full/or/relative/path/of/image)
+![画像の説明](https://image.example.com/image-01.webp)
 
-![_画像の説明](./full/or/relative/path/of/image)
+![_画像の説明](https://image.example.com/image-01.webp)
 ```
 
 ### 効果

src/content/posts/guides/Markdown Extended Features-ru.md

@@ -17,9 +17,9 @@ abbrlink: markdown-extended-features
 ### Синтаксис
 
 ```
-![Описание изображения](./full/or/relative/path/of/image)
+![Описание изображения](https://image.example.com/image-01.webp)
 
-![_Описание изображения](./full/or/relative/path/of/image)
+![_Описание изображения](https://image.example.com/image-01.webp)
 ```
 
 ### Результат

src/content/posts/guides/Markdown Extended Features-zh-tw.md

@@ -17,9 +17,9 @@ abbrlink: markdown-extended-features
 ### 語法
 
 ```
-![圖片描述](./full/or/relative/path/of/image)
+![圖片描述](https://image.example.com/image-01.webp)
 
-![_圖片描述](./full/or/relative/path/of/image)
+![_圖片描述](https://image.example.com/image-01.webp)
 ```
 
 ### 效果

src/content/posts/guides/Markdown Extended Features-zh.md

@@ -17,9 +17,9 @@ abbrlink: markdown-extended-features
 ### 语法
 
 ```
-![图片描述](./full/or/relative/path/of/image)
+![图片描述](https://image.example.com/image-01.webp)
 
-![_图片描述](./full/or/relative/path/of/image)
+![_图片描述](https://image.example.com/image-01.webp)
 ```
 
 ### 效果

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

@@ -61,7 +61,9 @@ To add an image, add an exclamation mark `!`, followed by alt text in brackets `
 ### Syntax
 
 ```
-![Image Description](./full/or/relative/path/of/image)
+![Image Description](../_images/image-01.jpeg)
+
+![Image Description](https://image.example.com/image-01.webp)
 ```
 
 ### Output
@@ -211,51 +213,3 @@ To create a code block, add three backticks ```` ``` ```` at the start and end o
   - Milk
   - Cheese
 ```
-
-#### Output
-
-- Fruit
-  - Apple
-  - Orange
-  - Banana
-- Dairy
-  - Milk
-  - Cheese
-
-## Other Elements
-
-Including `<sup>` superscript, `<sub>` subscript, `<abbr>` abbreviation, `<del>` strikethrough, `<u>` wavy underline, `<kbd>` keyboard input, and `<mark>` highlight.
-
-### Syntax
-
-```html
-H<sub>2</sub>O
-
-X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
-
-<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
-
-Good writers always check for <u title="spelling">speling</u> mistakes.
-
-Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.
-
-There is <del>nothing</del> no code either good or bad, but running it makes it so.
-
-Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
-```
-
-### Output
-
-H<sub>2</sub>O
-
-X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
-
-<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
-
-Good writers always check for <u title="spelling">speling</u> mistakes.
-
-Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.
-
-There is <del>nothing</del> no code either good or bad, but running it makes it so.
-
-Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

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

@@ -61,7 +61,9 @@ Para agregar una imagen, añada un signo de exclamación `!`, seguido de texto a
 ### Sintaxis
 
 ```
-![Descripción de la Imagen](./full/or/relative/path/of/image)
+![Descripción de la Imagen](../_images/image-01.jpeg)
+
+![Descripción de la Imagen](https://image.example.com/image-01.webp)
 ```
 
 ### Resultado

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

@@ -61,7 +61,9 @@ abbrlink: markdown-style-guide
 ### 構文
 
 ```
-![画像の説明](./full/or/relative/path/of/image)
+![画像の説明](../_images/image-01.jpeg)
+
+![画像の説明](https://image.example.com/image-01.webp)
 ```
 
 ### 効果

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

@@ -61,7 +61,9 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
 ### Синтаксис
 
 ```
-![Описание изображения](./full/or/relative/path/of/image)
+![Описание изображения](../_images/image-01.jpeg)
+
+![Описание изображения](https://image.example.com/image-01.webp)
 ```
 
 ### Результат

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

@@ -61,7 +61,9 @@ abbrlink: markdown-style-guide
 ### 語法
 
 ```
-![圖片描述](./full/or/relative/path/of/image)
+![圖片描述](../_images/image-01.jpeg)
+
+![圖片描述](https://image.example.com/image-01.webp)
 ```
 
 ### 效果

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

@@ -61,7 +61,9 @@ abbrlink: markdown-style-guide
 ### 语法
 
 ```
-![图片描述](./full/or/relative/path/of/image)
+![图片描述](../_images/image-01.jpeg)
+
+![图片描述](https://image.example.com/image-01.webp)
 ```
 
 ### 效果