# KIRARI
> Documentation for KIRARI

*Complete documentation content below*

# KIRARI - Demo Site
> KIRARI - Demo Site

[Tag and Category Mapping Test](/posts/mapping-test/)





2026-02-18





[前端开发](/categories/frontend/)



/

[演示](/tags/demo/)

/

[示例](/tags/example/)

/

[教程](/tags/tutorial/)

/

[Web开发](/tags/web_dev/)

/

[前端](/tags/frontend/)

/

[JavaScript](/tags/javascript/)

/

[TypeScript](/tags/typescript/)

/

[Astro](/tags/astro/)

/

[Svelte](/tags/svelte/)

/

[UnmappedTag](/tags/unmappedtag/)



Comprehensive test post for verifying tag and category mapping functionality



107 words

|

1 minute





[Mermaid 图表测试](/posts/mermaid-test/)





2026-02-18





[示例](/categories/examples/)



/

[演示](/tags/demo/)



测试 Mermaid 图表渲染功能



265 words

|

1 minute





[Docker and Kubernetes Deployment Guide](/posts/devops-guide/)





2026-02-17





[运维开发](/categories/devops/)



/

[Docker](/tags/docker/)

/

[Kubernetes](/tags/kubernetes/)

/

[运维开发](/tags/devops/)

/

[Linux](/tags/linux/)

/

[教程](/tags/tutorial/)



A comprehensive guide to container orchestration



36 words

|

1 minute





[Caddy Reverse Proxy with Tailscale](/posts/network-setup/)





2026-02-16





[网络与运维](/categories/network_and_operations/)



/

[Caddy](/tags/caddy/)

/

[Tailscale](/tags/tailscale/)

/

[VPN](/tags/vpn/)

/

[反向代理](/tags/reverse_proxy/)

/

[Cloudflare](/tags/cloudflare/)

/

[Docker](/tags/docker/)



Setting up Caddy as reverse proxy for Tailscale DERP server



41 words

|

1 minute





[IoT Device Development with Embedded Systems](/posts/iot-hardware/)





2026-02-15





[硬件与DIY](/categories/hardware_and_diy/)



/

[物联网](/tags/iot/)

/

[嵌入式](/tags/embedded/)

/

[硬件](/tags/hardware/)

/

[DIY](/tags/diy/)

/

[教程](/tags/tutorial/)



Building IoT devices with embedded systems



35 words

|

1 minute





[Markdown Extended Features](/posts/markdown-extended/)





2024-05-01





[示例](/categories/examples/)



/

[演示](/tags/demo/)

/

[示例](/tags/example/)

/

[Markdown](/tags/markdown/)

/

[Fuwari](/tags/fuwari/)



Read more about Markdown features in Fuwari



224 words

|

1 minute





[Markdown Extended Features (CJK)](/posts/markdown-extended-cjk/)





2024-05-01





[示例](/categories/examples/)



/

[演示](/tags/demo/)

/

[示例](/tags/example/)

/

[Markdown](/tags/markdown/)

/

[Fuwari](/tags/fuwari/)

/

[CJK](/tags/cjk/)



Read more about Markdown features in Fuwari



349 words

|

2 minutes





[Expressive Code Example](/posts/expressive-code/)





2024-04-10





[示例](/categories/examples/)



/

[Markdown](/tags/markdown/)

/

[Blogging](/tags/blogging/)

/

[演示](/tags/demo/)



How code blocks look in Markdown using Expressive Code.



737 words

|

4 minutes





© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# KIRARI - Demo Site
> KIRARI - Demo Site

[Expressive Code Example (CJK)](/posts/expressive-code-cjk/)





2024-04-10





[示例](/categories/examples/)



/

[Markdown](/tags/markdown/)

/

[Blogging](/tags/blogging/)

/

[演示](/tags/demo/)

/

[CJK](/tags/cjk/)



How code blocks look in Markdown using Expressive Code.



909 words

|

5 minutes





[Simple Guides for Fuwari](/posts/guide/)





2024-04-01





[指南](/categories/guides/)



/

[Fuwari](/tags/fuwari/)

/

[Blogging](/tags/blogging/)

/

[Customization](/tags/customization/)



How to use this blog template.



160 words

|

1 minute





[Simple Guides for Fuwari (CJK)](/posts/guide/index-cjk/)





2024-04-01





[指南](/categories/guides/)



/

[Fuwari](/tags/fuwari/)

/

[Blogging](/tags/blogging/)

/

[Customization](/tags/customization/)

/

[CJK](/tags/cjk/)



How to use this blog template.



332 words

|

2 minutes





[Markdown Example](/posts/markdown/)





2023-10-01





[示例](/categories/examples/)



/

[Markdown](/tags/markdown/)

/

[Blogging](/tags/blogging/)

/

[演示](/tags/demo/)



A simple example of a Markdown blog post.



444 words

|

2 minutes





[Markdown Example (CJK)](/posts/markdown-cjk/)





2023-10-01





[示例](/categories/examples/)



/

[Markdown](/tags/markdown/)

/

[Blogging](/tags/blogging/)

/

[演示](/tags/demo/)

/

[CJK](/tags/cjk/)



A simple example of a Markdown blog post.



616 words

|

3 minutes





[Include Video in the Posts](/posts/video/)





2023-08-01





[示例](/categories/examples/)



/

[示例](/tags/example/)

/

[Video](/tags/video/)



This post demonstrates how to include embedded video in a blog post.



27 words

|

1 minute





[Include Video in the Posts (CJK)](/posts/video-cjk/)





2023-08-01





[示例](/categories/examples/)



/

[示例](/tags/example/)

/

[Video](/tags/video/)

/

[CJK](/tags/cjk/)



This post demonstrates how to include embedded video in a blog post.



199 words

|

1 minute





© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# About#
> About

This is the demo site for [Fuwari](https://github.com/saicaca/fuwari).

[saicaca](https://github.com/saicaca/fuwari)

[/](https://github.com/saicaca/fuwari)

[fuwari](https://github.com/saicaca/fuwari)

[Waiting for api.github.com...](https://github.com/saicaca/fuwari)

[00K](https://github.com/saicaca/fuwari)

[0K](https://github.com/saicaca/fuwari)

[0K](https://github.com/saicaca/fuwari)

[Waiting...](https://github.com/saicaca/fuwari)

> ### Sources of images used in this site[#](#sources-of-images-used-in-this-site)
>
> - [Unsplash](https://unsplash.com/)
> - [星と少女](https://www.pixiv.net/artworks/108916539) by [Stella](https://www.pixiv.net/users/93273965)
> - [Rabbit - v1.4 Showcase](https://civitai.com/posts/586908) by [Rabbit\_YourMajesty](https://civitai.com/user/Rabbit_YourMajesty)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - KIRARI
> Archive - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 运维开发 - KIRARI
> Archive - 运维开发 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 示例 - KIRARI
> Archive - 示例 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 前端开发 - KIRARI
> Archive - 前端开发 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 指南 - KIRARI
> Archive - 指南 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 硬件与DIY - KIRARI
> Archive - 硬件与DIY - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 网络与运维 - KIRARI
> Archive - 网络与运维 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Friends#
> Friends

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit.







Edit `src/_data/friends.json` to add sites.

You can also edit `src/content/spec/friends.md` to Change text here.

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Docker and Kubernetes Deployment Guide - KIRARI
> A comprehensive guide to container orchestration

36 words

1 minute



Docker and Kubernetes Deployment Guide





2026-02-17





[运维开发](/categories/devops/)



/

[Docker](/tags/docker/)

/

[Kubernetes](/tags/kubernetes/)

/

[运维开发](/tags/devops/)

/

[Linux](/tags/linux/)

/

[教程](/tags/tutorial/)







## Container Orchestration[#](#container-orchestration)

This article covers Docker and Kubernetes deployment strategies.

### Expected Display[#](#expected-display)

- Category: `devops` → **运维开发**
- Tags: `docker` → **Docker**, `kubernetes` → **Kubernetes**, `devops` → **运维开发**, `linux` → **Linux**, `tutorial` → **教程**

Docker and Kubernetes Deployment Guide

<https://kirari-main.vercel.app/posts/devops-guide/>

Author

Lorem Ipsum

Published at

2026-02-17

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Mermaid 图表测试](/posts/mermaid-test/)

[Caddy Reverse Proxy with Tailscale](/posts/network-setup/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Expressive Code Example (CJK) - KIRARI
> How code blocks look in Markdown using Expressive Code.

909 words

5 minutes



Expressive Code Example (CJK)





2024-04-10





[示例](/categories/examples/)



/

[Markdown](/tags/markdown/)

/

[Blogging](/tags/blogging/)

/

[演示](/tags/demo/)

/

[CJK](/tags/cjk/)







Here, we’ll explore how code blocks look using [Expressive Code](https://expressive-code.com/). The provided examples are based on the official documentation, which you can refer to for further details.

## Expressive Code[#](#expressive-code)

### Syntax Highlighting[#](#syntax-highlighting)

[Syntax Highlighting](https://expressive-code.com/key-features/syntax-highlighting/)

#### Regular syntax highlighting[#](#regular-syntax-highlighting)

#### Rendering ANSI escape sequences[#](#rendering-ansi-escape-sequences)

### Editor & Terminal Frames[#](#editor--terminal-frames)

[Editor & Terminal Frames](https://expressive-code.com/key-features/frames/)

#### Code editor frames[#](#code-editor-frames)

---

#### Terminal frames[#](#terminal-frames)

---

#### Overriding frame types[#](#overriding-frame-types)

---

### Text & Line Markers[#](#text--line-markers)

[Text & Line Markers](https://expressive-code.com/key-features/text-markers/)

#### Marking full lines & line ranges[#](#marking-full-lines--line-ranges)

#### Selecting line marker types (mark, ins, del)[#](#selecting-line-marker-types-mark-ins-del)

#### Adding labels to line markers[#](#adding-labels-to-line-markers)

#### Adding long labels on their own lines[#](#adding-long-labels-on-their-own-lines)

#### Using diff-like syntax[#](#using-diff-like-syntax)

---

#### Combining syntax highlighting with diff-like syntax[#](#combining-syntax-highlighting-with-diff-like-syntax)

#### Marking individual text inside lines[#](#marking-individual-text-inside-lines)

#### Regular expressions[#](#regular-expressions)

#### Escaping forward slashes[#](#escaping-forward-slashes)

#### Selecting inline marker types (mark, ins, del)[#](#selecting-inline-marker-types-mark-ins-del)

### Word Wrap[#](#word-wrap)

[Word Wrap](https://expressive-code.com/key-features/word-wrap/)

#### Configuring word wrap per block[#](#configuring-word-wrap-per-block)

---

#### Configuring indentation of wrapped lines[#](#configuring-indentation-of-wrapped-lines)

---

## Collapsible Sections[#](#collapsible-sections)

[Collapsible Sections](https://expressive-code.com/plugins/collapsible-sections/)

## Line Numbers[#](#line-numbers)

[Line Numbers](https://expressive-code.com/plugins/line-numbers/)

### Displaying line numbers per block[#](#displaying-line-numbers-per-block)

---

### Changing the starting line number[#](#changing-the-starting-line-number)

## CJK Rendering Test[#](#cjk-rendering-test)

### Chinese (Simplified)[#](#chinese-simplified)

这里是一段简体中文文本，用于测试字体渲染效果。 天地玄黄，宇宙洪荒。日月盈昃，辰宿列张。

### Chinese (Traditional)[#](#chinese-traditional)

這裡是一段繁體中文文本，用於測試字體渲染效果。 天地玄黃，宇宙洪荒。日月盈昃，辰宿列張。

### Japanese[#](#japanese)

ここは日本語のテキストです。フォントのレンダリングをテストします。 いろはにほへと ちりぬるを わかよたれそ つねならむ

### Korean[#](#korean)

여기는 한국어 텍스트입니다. 폰트 렌더링을 테스트합니다. 가나다라마바사 아자차카타파하

### Mixed[#](#mixed)

中文、日本語、한국어 mixed text line.

Expressive Code Example (CJK)

<https://kirari-main.vercel.app/posts/expressive-code-cjk/>

Author

Lorem Ipsum

Published at

2024-04-10

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Expressive Code Example](/posts/expressive-code/)

[Simple Guides for Fuwari](/posts/guide/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Expressive Code Example - KIRARI
> How code blocks look in Markdown using Expressive Code.

737 words

4 minutes



Expressive Code Example





2024-04-10





[示例](/categories/examples/)



/

[Markdown](/tags/markdown/)

/

[Blogging](/tags/blogging/)

/

[演示](/tags/demo/)







Here, we’ll explore how code blocks look using [Expressive Code](https://expressive-code.com/). The provided examples are based on the official documentation, which you can refer to for further details.

## Expressive Code[#](#expressive-code)

### Syntax Highlighting[#](#syntax-highlighting)

[Syntax Highlighting](https://expressive-code.com/key-features/syntax-highlighting/)

#### Regular syntax highlighting[#](#regular-syntax-highlighting)

#### Rendering ANSI escape sequences[#](#rendering-ansi-escape-sequences)

### Editor & Terminal Frames[#](#editor--terminal-frames)

[Editor & Terminal Frames](https://expressive-code.com/key-features/frames/)

#### Code editor frames[#](#code-editor-frames)

---

#### Terminal frames[#](#terminal-frames)

---

#### Overriding frame types[#](#overriding-frame-types)

---

### Text & Line Markers[#](#text--line-markers)

[Text & Line Markers](https://expressive-code.com/key-features/text-markers/)

#### Marking full lines & line ranges[#](#marking-full-lines--line-ranges)

#### Selecting line marker types (mark, ins, del)[#](#selecting-line-marker-types-mark-ins-del)

#### Adding labels to line markers[#](#adding-labels-to-line-markers)

#### Adding long labels on their own lines[#](#adding-long-labels-on-their-own-lines)

#### Using diff-like syntax[#](#using-diff-like-syntax)

---

#### Combining syntax highlighting with diff-like syntax[#](#combining-syntax-highlighting-with-diff-like-syntax)

#### Marking individual text inside lines[#](#marking-individual-text-inside-lines)

#### Regular expressions[#](#regular-expressions)

#### Escaping forward slashes[#](#escaping-forward-slashes)

#### Selecting inline marker types (mark, ins, del)[#](#selecting-inline-marker-types-mark-ins-del)

### Word Wrap[#](#word-wrap)

[Word Wrap](https://expressive-code.com/key-features/word-wrap/)

#### Configuring word wrap per block[#](#configuring-word-wrap-per-block)

---

#### Configuring indentation of wrapped lines[#](#configuring-indentation-of-wrapped-lines)

---

## Collapsible Sections[#](#collapsible-sections)

[Collapsible Sections](https://expressive-code.com/plugins/collapsible-sections/)

## Line Numbers[#](#line-numbers)

[Line Numbers](https://expressive-code.com/plugins/line-numbers/)

### Displaying line numbers per block[#](#displaying-line-numbers-per-block)

---

### Changing the starting line number[#](#changing-the-starting-line-number)

Expressive Code Example

<https://kirari-main.vercel.app/posts/expressive-code/>

Author

Lorem Ipsum

Published at

2024-04-10

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Markdown Extended Features (CJK)](/posts/markdown-extended-cjk/)

[Expressive Code Example (CJK)](/posts/expressive-code-cjk/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Simple Guides for Fuwari - KIRARI
> How to use this blog template.

160 words

1 minute



Simple Guides for Fuwari





2024-04-01





[指南](/categories/guides/)



/

[Fuwari](/tags/fuwari/)

/

[Blogging](/tags/blogging/)

/

[Customization](/tags/customization/)







> Cover image source: [Source](https://image.civitai.com/xG1nkqKTMzGDvpLrqFT7WA/208fc754-890d-4adb-9753-2c963332675d/width=2048/01651-1456859105-\(colour_1.5\),girl,_Blue,yellow,green,cyan,purple,red,pink,_best,8k,UHD,masterpiece,male%20focus,%201boy,gloves,%20ponytail,%20long%20hair,.jpeg)

This blog template is built with [Astro](https://astro.build/). For the things that are not mentioned in this guide, you may find the answers in the [Astro Docs](https://docs.astro.build/).

## Front-matter of Posts[#](#front-matter-of-posts)

Attribute | Description title | The title of the post. published | The date the post was published. description | A short description of the post. Displayed on index page. image | The cover image path of the post. 1. Start with http\:// or https\:// : Use web image 2. Start with / : For image in public dir 3. With none of the prefixes: Relative to the markdown file tags | The tags of the post. category | The category of the post. draft | If this post is still a draft, which won’t be displayed.

## Where to Place the Post Files[#](#where-to-place-the-post-files)

Your post files should be placed in `src/content/posts/` directory. You can also create sub-directories to better organize your posts and assets.

Simple Guides for Fuwari

<https://kirari-main.vercel.app/posts/guide/>

Author

Lorem Ipsum

Published at

2024-04-01

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Expressive Code Example (CJK)](/posts/expressive-code-cjk/)

[Simple Guides for Fuwari (CJK)](/posts/guide/index-cjk/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Simple Guides for Fuwari (CJK) - KIRARI
> How to use this blog template.

332 words

2 minutes



Simple Guides for Fuwari (CJK)





2024-04-01





[指南](/categories/guides/)



/

[Fuwari](/tags/fuwari/)

/

[Blogging](/tags/blogging/)

/

[Customization](/tags/customization/)

/

[CJK](/tags/cjk/)







> Cover image source: [Source](https://image.civitai.com/xG1nkqKTMzGDvpLrqFT7WA/208fc754-890d-4adb-9753-2c963332675d/width=2048/01651-1456859105-\(colour_1.5\),girl,_Blue,yellow,green,cyan,purple,red,pink,_best,8k,UHD,masterpiece,male%20focus,%201boy,gloves,%20ponytail,%20long%20hair,.jpeg)

This blog template is built with [Astro](https://astro.build/). For the things that are not mentioned in this guide, you may find the answers in the [Astro Docs](https://docs.astro.build/).

## Front-matter of Posts[#](#front-matter-of-posts)

Attribute | Description title | The title of the post. published | The date the post was published. description | A short description of the post. Displayed on index page. image | The cover image path of the post. 1. Start with http\:// or https\:// : Use web image 2. Start with / : For image in public dir 3. With none of the prefixes: Relative to the markdown file tags | The tags of the post. category | The category of the post. draft | If this post is still a draft, which won’t be displayed.

## Where to Place the Post Files[#](#where-to-place-the-post-files)

Your post files should be placed in `src/content/posts/` directory. You can also create sub-directories to better organize your posts and assets.

## CJK Rendering Test[#](#cjk-rendering-test)

### Chinese (Simplified)[#](#chinese-simplified)

这里是一段简体中文文本，用于测试字体渲染效果。 天地玄黄，宇宙洪荒。日月盈昃，辰宿列张。

### Chinese (Traditional)[#](#chinese-traditional)

這裡是一段繁體中文文本，用於測試字體渲染效果。 天地玄黃，宇宙洪荒。日月盈昃，辰宿列張。

### Japanese[#](#japanese)

ここは日本語のテキストです。フォントのレンダリングをテストします。 いろはにほへと ちりぬるを わかよたれそ つねならむ

### Korean[#](#korean)

여기는 한국어 텍스트입니다. 폰트 렌더링을 테스트합니다. 가나다라마바사 아자차카타파하

### Mixed[#](#mixed)

中文、日本語、한국어 mixed text line.

Simple Guides for Fuwari (CJK)

<https://kirari-main.vercel.app/posts/guide/index-cjk/>

Author

Lorem Ipsum

Published at

2024-04-01

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Simple Guides for Fuwari](/posts/guide/)

[Markdown Example](/posts/markdown/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# IoT Device Development with Embedded Systems - KIRARI
> Building IoT devices with embedded systems

35 words

1 minute



IoT Device Development with Embedded Systems





2026-02-15





[硬件与DIY](/categories/hardware_and_diy/)



/

[物联网](/tags/iot/)

/

[嵌入式](/tags/embedded/)

/

[硬件](/tags/hardware/)

/

[DIY](/tags/diy/)

/

[教程](/tags/tutorial/)







## Hardware Projects[#](#hardware-projects)

This article covers IoT device development.

### Expected Display[#](#expected-display)

- Category: `hardware_and_diy` → **硬件与DIY**
- Tags: `iot` → **物联网**, `embedded` → **嵌入式**, `hardware` → **硬件**, `diy` → **DIY**, `tutorial` → **教程**

IoT Device Development with Embedded Systems

<https://kirari-main.vercel.app/posts/iot-hardware/>

Author

Lorem Ipsum

Published at

2026-02-15

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Caddy Reverse Proxy with Tailscale](/posts/network-setup/)

[Markdown Extended Features](/posts/markdown-extended/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Tag and Category Mapping Test - KIRARI
> Comprehensive test post for verifying tag and category mapping functionality

107 words

1 minute



Tag and Category Mapping Test





2026-02-18





[前端开发](/categories/frontend/)



/

[演示](/tags/demo/)

/

[示例](/tags/example/)

/

[教程](/tags/tutorial/)

/

[Web开发](/tags/web_dev/)

/

[前端](/tags/frontend/)

/

[JavaScript](/tags/javascript/)

/

[TypeScript](/tags/typescript/)

/

[Astro](/tags/astro/)

/

[Svelte](/tags/svelte/)

/

[UnmappedTag](/tags/unmappedtag/)







## Mapping Test[#](#mapping-test)

This post is used to test the tag and category mapping functionality with comprehensive test cases.

### Expected Results[#](#expected-results)

**Tags:**

Original | Expected Display | Status demo | 演示 | Mapped example | 示例 | Mapped tutorial | 教程 | Mapped web\_dev | Web开发 | Mapped frontend | 前端 | Mapped javascript | JavaScript | Mapped typescript | TypeScript | Mapped astro | Astro | Mapped svelte | Svelte | Mapped UnmappedTag | UnmappedTag | No mapping (fallback)

**Category:**

Original | Expected Display | Status frontend | 前端开发 | Mapped

### How to Verify[#](#how-to-verify)

1. Check the sidebar Categories widget - should show “前端开发” instead of “frontend”
1. Check the sidebar Tags widget - should show localized names for mapped tags
1. Check the post meta section - category and tags should display localized names
1. Check the category archive page URL - should be `/categories/frontend/` (English slug)
1. Check the tag archive page URLs - should be `/tags/demo/` etc. (English slug)

Tag and Category Mapping Test

<https://kirari-main.vercel.app/posts/mapping-test/>

Author

Lorem Ipsum

Published at

2026-02-18

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)



[Mermaid 图表测试](/posts/mermaid-test/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# An h1 header#
> A simple example of a Markdown blog post.

616 words

3 minutes



Markdown Example (CJK)





2023-10-01





[示例](/categories/examples/)



/

[Markdown](/tags/markdown/)

/

[Blogging](/tags/blogging/)

/

[演示](/tags/demo/)

/

[CJK](/tags/cjk/)







Paragraphs are separated by a blank line.

2nd paragraph. _Italic_, **bold**, and `monospace`. Itemized lists look like:

- this one
- that one
- the other one

Note that --- not considering the asterisk --- the actual text content starts at 4-columns in.

> Block quotes are written like so.
>
> They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., “it’s all in chapters 12—14”). Three dots … will be converted to an ellipsis. Unicode is supported. ☺

## An h2 header[#](#an-h2-header)

Here’s a numbered list:

1. first item
1. second item
1. third item

Note again how the actual text starts at 4 columns in (4 characters from the left side). Here’s a code sample:

As you probably guessed, indented 4 spaces. By the way, instead of indenting the block, you can use delimited blocks, if you like:

(which makes copying & pasting easier). You can optionally mark the delimited block for Pandoc to syntax highlight it:

### An h3 header[#](#an-h3-header)

Now a nested list:

1. First, get these ingredients:

   - carrots
   - celery
   - lentils

1. Boil some water.

1. Dump everything in the pot and follow this algorithm:

   Do not bump wooden spoon or it will fall.

Notice again how text always lines up on 4-space indents (including that last line which continues item 3 above).

Here’s a link to [a website](http://foo.bar), to a [local doc](local-doc.html), and to a [section heading in the current doc](#an-h2-header). Here’s a footnote [1](#user-content-fn-1).

Tables can look like this:

size material color

---

9 leather brown 10 hemp canvas natural 11 glass transparent

Table: Shoes, their sizes, and what they’re made of

(The above is the caption for the table.) Pandoc also supports multi-line tables:

---

keyword text

---

red Sunsets, apples, and other red or reddish things.

green Leaves, grass, frogs and other things it’s not easy being.

---

A horizontal rule follows.

---

Here’s a definition list:

apples : Good for making applesauce. oranges : Citrus! tomatoes : There’s no “e” in tomatoe.

Again, text is indented 4 spaces. (Put a blank line between each term/definition pair to spread things out more.)

Here’s a “line block”:

\| Line one | Line too | Line tree

and images can be specified like so:

Inline math equations go in like so: ω=dϕ/dt. Display math should get its own line and be put in in double-dollarsigns:

I=∫ρR2dV

π=3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679…​

And note that you can backslash-escape any punctuation characters which you wish to be displayed literally, ex.: \`foo\`, \*bar\*, etc.

## CJK Rendering Test[#](#cjk-rendering-test)

### Chinese (Simplified)[#](#chinese-simplified)

这里是一段简体中文文本，用于测试字体渲染效果。 天地玄黄，宇宙洪荒。日月盈昃，辰宿列张。

### Chinese (Traditional)[#](#chinese-traditional)

這裡是一段繁體中文文本，用於測試字體渲染效果。 天地玄黃，宇宙洪荒。日月盈昃，辰宿列張。

### Japanese[#](#japanese)

ここは日本語のテキストです。フォントのレンダリングをテストします。 いろはにほへと ちりぬるを わかよたれそ つねならむ

### Korean[#](#korean)

여기는 한국어 텍스트입니다. 폰트 렌더링을 테스트합니다. 가나다라마바사 아자차카타파하

### Mixed[#](#mixed)

中文、日本語、한국어 mixed text line.

## Footnotes[#](#footnote-label)

1. Footnote text goes here. [↩](#user-content-fnref-1)

Markdown Example (CJK)

<https://kirari-main.vercel.app/posts/markdown-cjk/>

Author

Lorem Ipsum

Published at

2023-10-01

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Markdown Example](/posts/markdown/)

[Include Video in the Posts](/posts/video/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Markdown Extended Features (CJK) - KIRARI
> Read more about Markdown features in Fuwari

349 words

2 minutes



Markdown Extended Features (CJK)





2024-05-01



2024-11-29



[示例](/categories/examples/)



/

[演示](/tags/demo/)

/

[示例](/tags/example/)

/

[Markdown](/tags/markdown/)

/

[Fuwari](/tags/fuwari/)

/

[CJK](/tags/cjk/)







## GitHub Repository Cards[#](#github-repository-cards)

You can add dynamic cards that link to GitHub repositories, on page load, the repository information is pulled from the GitHub API.

[Fabrizz](https://github.com/Fabrizz/MMM-OnSpotify)

[/](https://github.com/Fabrizz/MMM-OnSpotify)

[MMM-OnSpotify](https://github.com/Fabrizz/MMM-OnSpotify)

[Waiting for api.github.com...](https://github.com/Fabrizz/MMM-OnSpotify)

[00K](https://github.com/Fabrizz/MMM-OnSpotify)

[0K](https://github.com/Fabrizz/MMM-OnSpotify)

[0K](https://github.com/Fabrizz/MMM-OnSpotify)

[Waiting...](https://github.com/Fabrizz/MMM-OnSpotify)

Create a GitHub repository card with the code `::github{repo="<owner>/<repo>"}`.

## Admonitions[#](#admonitions)

Following types of admonitions are supported: `note` `tip` `important` `warning` `caution`

> NOTE
>
> Highlights information that users should take into account, even when skimming.

> TIP
>
> Optional information to help a user be more successful.

> IMPORTANT
>
> Crucial information necessary for users to succeed.

> WARNING
>
> Critical content demanding immediate user attention due to potential risks.

> CAUTION
>
> Negative potential consequences of an action.

### Basic Syntax[#](#basic-syntax)

### Custom Titles[#](#custom-titles)

The title of the admonition can be customized.

> MY CUSTOM TITLE
>
> This is a note with a custom title.

### GitHub Syntax[#](#github-syntax)

> TIP
>
> [The GitHub syntax](https://github.com/orgs/community/discussions/16925) is also supported.

### Spoiler[#](#spoiler)

You can add spoilers to your text. The text also supports **Markdown** syntax.

The content is hidden **ayyy**!

## CJK Rendering Test[#](#cjk-rendering-test)

### Chinese (Simplified)[#](#chinese-simplified)

这里是一段简体中文文本，用于测试字体渲染效果。 天地玄黄，宇宙洪荒。日月盈昃，辰宿列张。

### Chinese (Traditional)[#](#chinese-traditional)

這裡是一段繁體中文文本，用於測試字體渲染效果。 天地玄黃，宇宙洪荒。日月盈昃，辰宿列張。

### Japanese[#](#japanese)

ここは日本語のテキストです。フォントのレンダリングをテストします。 いろはにほへと ちりぬるを わかよたれそ つねならむ

### Korean[#](#korean)

여기는 한국어 텍스트입니다. 폰트 렌더링을 테스트합니다. 가나다라마바사 아자차카타파하

### Mixed[#](#mixed)

中文、日本語、한국어 mixed text line.

Markdown Extended Features (CJK)

<https://kirari-main.vercel.app/posts/markdown-extended-cjk/>

Author

Lorem Ipsum

Published at

2024-05-01

Last updated at

2024-11-29

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Markdown Extended Features](/posts/markdown-extended/)

[Expressive Code Example](/posts/expressive-code/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Markdown Extended Features - KIRARI
> Read more about Markdown features in Fuwari

224 words

1 minute



Markdown Extended Features





2024-05-01



2024-11-29



[示例](/categories/examples/)



/

[演示](/tags/demo/)

/

[示例](/tags/example/)

/

[Markdown](/tags/markdown/)

/

[Fuwari](/tags/fuwari/)







## GitHub Repository Cards[#](#github-repository-cards)

You can add dynamic cards that link to GitHub repositories, on page load, the repository information is pulled from the GitHub API.

[Fabrizz](https://github.com/Fabrizz/MMM-OnSpotify)

[/](https://github.com/Fabrizz/MMM-OnSpotify)

[MMM-OnSpotify](https://github.com/Fabrizz/MMM-OnSpotify)

[Waiting for api.github.com...](https://github.com/Fabrizz/MMM-OnSpotify)

[00K](https://github.com/Fabrizz/MMM-OnSpotify)

[0K](https://github.com/Fabrizz/MMM-OnSpotify)

[0K](https://github.com/Fabrizz/MMM-OnSpotify)

[Waiting...](https://github.com/Fabrizz/MMM-OnSpotify)

Create a GitHub repository card with the code `::github{repo="<owner>/<repo>"}`.

## GitHub File Cards[#](#github-file-cards)

You can add dynamic cards that link to a specific file in a GitHub repository, on page load, the file metadata is pulled from the GitHub API.

[saicaca](https://github.com/saicaca/fuwari/blob/HEAD/README.md)

[/](https://github.com/saicaca/fuwari/blob/HEAD/README.md)

[fuwari](https://github.com/saicaca/fuwari/blob/HEAD/README.md)

[/](https://github.com/saicaca/fuwari/blob/HEAD/README.md)

[README.md](https://github.com/saicaca/fuwari/blob/HEAD/README.md)

[Theme overview](https://github.com/saicaca/fuwari/blob/HEAD/README.md)

[md](https://github.com/saicaca/fuwari/blob/HEAD/README.md)

[...](https://github.com/saicaca/fuwari/blob/HEAD/README.md)

[...](https://github.com/saicaca/fuwari/blob/HEAD/README.md)

Create a GitHub file card with the code `::githubfile{repo="<owner>/<repo>" file="path/to/file.ext"}`.

Optional parameters: `description` (string) and `path` (alias for `file`).

## Admonitions[#](#admonitions)

Following types of admonitions are supported: `note` `tip` `important` `warning` `caution`

> NOTE
>
> Highlights information that users should take into account, even when skimming.

> TIP
>
> Optional information to help a user be more successful.

> IMPORTANT
>
> Crucial information necessary for users to succeed.

> WARNING
>
> Critical content demanding immediate user attention due to potential risks.

> CAUTION
>
> Negative potential consequences of an action.

### Basic Syntax[#](#basic-syntax)

### Custom Titles[#](#custom-titles)

The title of the admonition can be customized.

> MY CUSTOM TITLE
>
> This is a note with a custom title.

### GitHub Syntax[#](#github-syntax)

> TIP
>
> [The GitHub syntax](https://github.com/orgs/community/discussions/16925) is also supported.

### Spoiler[#](#spoiler)

You can add spoilers to your text. The text also supports **Markdown** syntax.

The content is hidden **ayyy**!

Markdown Extended Features

<https://kirari-main.vercel.app/posts/markdown-extended/>

Author

Lorem Ipsum

Published at

2024-05-01

Last updated at

2024-11-29

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[IoT Device Development with Embedded Systems](/posts/iot-hardware/)

[Markdown Extended Features (CJK)](/posts/markdown-extended-cjk/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# An h1 header#
> A simple example of a Markdown blog post.

444 words

2 minutes



Markdown Example





2023-10-01





[示例](/categories/examples/)



/

[Markdown](/tags/markdown/)

/

[Blogging](/tags/blogging/)

/

[演示](/tags/demo/)







Paragraphs are separated by a blank line.

2nd paragraph. _Italic_, **bold**, and `monospace`. Itemized lists look like:

- this one
- that one
- the other one

Note that --- not considering the asterisk --- the actual text content starts at 4-columns in.

> Block quotes are written like so.
>
> They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., “it’s all in chapters 12—14”). Three dots … will be converted to an ellipsis. Unicode is supported. ☺

## An h2 header[#](#an-h2-header)

Here’s a numbered list:

1. first item
1. second item
1. third item

Note again how the actual text starts at 4 columns in (4 characters from the left side). Here’s a code sample:

As you probably guessed, indented 4 spaces. By the way, instead of indenting the block, you can use delimited blocks, if you like:

(which makes copying & pasting easier). You can optionally mark the delimited block for Pandoc to syntax highlight it:

### An h3 header[#](#an-h3-header)

Now a nested list:

1. First, get these ingredients:

   - carrots
   - celery
   - lentils

1. Boil some water.

1. Dump everything in the pot and follow this algorithm:

   Do not bump wooden spoon or it will fall.

Notice again how text always lines up on 4-space indents (including that last line which continues item 3 above).

Here’s a link to [a website](http://foo.bar), to a [local doc](local-doc.html), and to a [section heading in the current doc](#an-h2-header). Here’s a footnote [1](#user-content-fn-1).

Tables can look like this:

size material color

---

9 leather brown 10 hemp canvas natural 11 glass transparent

Table: Shoes, their sizes, and what they’re made of

(The above is the caption for the table.) Pandoc also supports multi-line tables:

---

keyword text

---

red Sunsets, apples, and other red or reddish things.

green Leaves, grass, frogs and other things it’s not easy being.

---

A horizontal rule follows.

---

Here’s a definition list:

apples : Good for making applesauce. oranges : Citrus! tomatoes : There’s no “e” in tomatoe.

Again, text is indented 4 spaces. (Put a blank line between each term/definition pair to spread things out more.)

Here’s a “line block”:

\| Line one | Line too | Line tree

and images can be specified like so:

Inline math equations go in like so: ω=dϕ/dt. Display math should get its own line and be put in in double-dollarsigns:

I=∫ρR2dV

π=3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679…​

And note that you can backslash-escape any punctuation characters which you wish to be displayed literally, ex.: \`foo\`, \*bar\*, etc.

## Footnotes[#](#footnote-label)

1. Footnote text goes here. [↩](#user-content-fnref-1)

Markdown Example

<https://kirari-main.vercel.app/posts/markdown/>

Author

Lorem Ipsum

Published at

2023-10-01

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Simple Guides for Fuwari (CJK)](/posts/guide/index-cjk/)

[Markdown Example (CJK)](/posts/markdown-cjk/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Mermaid 图表测试 - KIRARI
> 测试 Mermaid 图表渲染功能

265 words

1 minute



Mermaid 图表测试





2026-02-18





[示例](/categories/examples/)



/

[演示](/tags/demo/)







## Mermaid 图表测试[#](#mermaid-图表测试)

本文用于验证 Mermaid 图表渲染功能是否正常工作。

### 流程图 (Flowchart)[#](#流程图-flowchart)

```
graph TD;
    A[开始] --> B{是否安装?};
    B -->|是| C[运行项目];
    B -->|否| D[安装依赖];
    D --> C;
    C --> E[完成];
```

### 序列图 (Sequence Diagram)[#](#序列图-sequence-diagram)

```
sequenceDiagram
    participant 用户
    participant 浏览器
    participant 服务器

    用户->>浏览器: 访问页面
    浏览器->>服务器: 请求数据
    服务器-->>浏览器: 返回 HTML
    浏览器-->>用户: 渲染页面
```

### 甘特图 (Gantt Chart)[#](#甘特图-gantt-chart)

```
gantt
    title 项目计划
    dateFormat  YYYY-MM-DD
    section 设计
    需求分析       :a1, 2026-02-01, 7d
    UI 设计        :a2, after a1, 5d
    section 开发
    前端开发       :b1, after a2, 10d
    后端开发       :b2, after a2, 12d
    section 测试
    集成测试       :c1, after b2, 5d
```

### 饼图 (Pie Chart)[#](#饼图-pie-chart)

```
pie title 技术栈使用占比
    "Astro" : 40
    "Svelte" : 25
    "TailwindCSS" : 20
    "TypeScript" : 15
```

### 类图 (Class Diagram)[#](#类图-class-diagram)

```
classDiagram
    class BlogPost {
        +String title
        +Date published
        +String[] tags
        +boolean mermaid
        +render() void
    }
    class Config {
        +boolean enable
    }
    BlogPost --> Config : uses
```

### 普通代码块（不受影响）[#](#普通代码块不受影响)

下面的代码块应该正常高亮，不会被 Mermaid 处理：

Mermaid 图表测试

<https://kirari-main.vercel.app/posts/mermaid-test/>

Author

Lorem Ipsum

Published at

2026-02-18

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Tag and Category Mapping Test](/posts/mapping-test/)

[Docker and Kubernetes Deployment Guide](/posts/devops-guide/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Caddy Reverse Proxy with Tailscale - KIRARI
> Setting up Caddy as reverse proxy for Tailscale DERP server

41 words

1 minute



Caddy Reverse Proxy with Tailscale





2026-02-16





[网络与运维](/categories/network_and_operations/)



/

[Caddy](/tags/caddy/)

/

[Tailscale](/tags/tailscale/)

/

[VPN](/tags/vpn/)

/

[反向代理](/tags/reverse_proxy/)

/

[Cloudflare](/tags/cloudflare/)

/

[Docker](/tags/docker/)







## Network Setup[#](#network-setup)

This article covers setting up Caddy reverse proxy with Tailscale.

### Expected Display[#](#expected-display)

- Category: `network_and_operations` → **网络与运维**
- Tags: `caddy` → **Caddy**, `tailscale` → **Tailscale**, `vpn` → **VPN**, `reverse_proxy` → **反向代理**, `cloudflare` → **Cloudflare**, `docker` → **Docker**

Caddy Reverse Proxy with Tailscale

<https://kirari-main.vercel.app/posts/network-setup/>

Author

Lorem Ipsum

Published at

2026-02-16

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Docker and Kubernetes Deployment Guide](/posts/devops-guide/)

[IoT Device Development with Embedded Systems](/posts/iot-hardware/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Include Video in the Posts (CJK) - KIRARI
> This post demonstrates how to include embedded video in a blog post.

199 words

1 minute



Include Video in the Posts (CJK)





2023-08-01





[示例](/categories/examples/)



/

[示例](/tags/example/)

/

[Video](/tags/video/)

/

[CJK](/tags/cjk/)







Use components instead of hand-written iframe snippets.

## YouTube[#](#youtube)

## Bilibili[#](#bilibili)

## CJK Rendering Test[#](#cjk-rendering-test)

### Chinese (Simplified)[#](#chinese-simplified)

这里是一段简体中文文本，用于测试字体渲染效果。 天地玄黄，宇宙洪荒。日月盈昃，辰宿列张。

### Chinese (Traditional)[#](#chinese-traditional)

這裡是一段繁體中文文本，用於測試字體渲染效果。 天地玄黃，宇宙洪荒。日月盈昃，辰宿列張。

### Japanese[#](#japanese)

ここは日本語のテキストです。フォントのレンダリングをテストします。 いろはにほへと ちりぬるを わかよたれそ つねならむ

### Korean[#](#korean)

여기는 한국어 텍스트입니다. 폰트 렌더링을 테스트합니다. 가나다라마바사 아자차카타파하

### Mixed[#](#mixed)

中文、日本語、한국어 mixed text line.

Include Video in the Posts (CJK)

<https://kirari-main.vercel.app/posts/video-cjk/>

Author

Lorem Ipsum

Published at

2023-08-01

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Include Video in the Posts](/posts/video/)



© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Include Video in the Posts - KIRARI
> This post demonstrates how to include embedded video in a blog post.

27 words

1 minute



Include Video in the Posts





2023-08-01





[示例](/categories/examples/)



/

[示例](/tags/example/)

/

[Video](/tags/video/)







Use components instead of hand-written iframe snippets.

## YouTube[#](#youtube)

## Bilibili[#](#bilibili)

Include Video in the Posts

<https://kirari-main.vercel.app/posts/video/>

Author

Lorem Ipsum

Published at

2023-08-01

License

[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)

[Markdown Example (CJK)](/posts/markdown-cjk/)

[Include Video in the Posts (CJK)](/posts/video-cjk/)

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - Astro - KIRARI
> Archive - Astro - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - blogging - KIRARI
> Archive - blogging - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - Caddy - KIRARI
> Archive - Caddy - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - cjk - KIRARI
> Archive - cjk - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - Cloudflare - KIRARI
> Archive - Cloudflare - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - customization - KIRARI
> Archive - customization - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 演示 - KIRARI
> Archive - 演示 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 运维开发 - KIRARI
> Archive - 运维开发 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - DIY - KIRARI
> Archive - DIY - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - Docker - KIRARI
> Archive - Docker - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 嵌入式 - KIRARI
> Archive - 嵌入式 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 示例 - KIRARI
> Archive - 示例 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 前端 - KIRARI
> Archive - 前端 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - fuwari - KIRARI
> Archive - fuwari - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 硬件 - KIRARI
> Archive - 硬件 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 物联网 - KIRARI
> Archive - 物联网 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - JavaScript - KIRARI
> Archive - JavaScript - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - Kubernetes - KIRARI
> Archive - Kubernetes - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - Linux - KIRARI
> Archive - Linux - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - markdown - KIRARI
> Archive - markdown - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 反向代理 - KIRARI
> Archive - 反向代理 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - Svelte - KIRARI
> Archive - Svelte - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - Tailscale - KIRARI
> Archive - Tailscale - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - 教程 - KIRARI
> Archive - 教程 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - TypeScript - KIRARI
> Archive - TypeScript - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - unmappedtag - KIRARI
> Archive - unmappedtag - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - video - KIRARI
> Archive - video - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - VPN - KIRARI
> Archive - VPN - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)

---

# Archive - Web开发 - KIRARI
> Archive - Web开发 - KIRARI

© 2026 Lorem Ipsum. All Rights Reserved. / [RSS](/rss.xml) / [Sitemap](/sitemap-index.xml) / [LLMs](/llms.txt)\
Powered by [Astro](https://astro.build) · [KIRARI](https://github.com/markd3ng/KIRARI) · Based on [JoeyC-Dev/saicaca-fuwari](https://github.com/JoeyC-Dev/saicaca-fuwari) & [saicaca/fuwari](https://github.com/saicaca/fuwari)