Hubert Chen
fddab9772b
FrontMatter:
change `Flags` to a string array and add parser
add `ParseFlags` method
rename `ShowInCategory` flag to `ShowInCategoryAndTag`
post list:
fix post list won't show post that with `HideImageAtPostList` flag
categorys:
add style
148 lines
5.6 KiB
YAML
148 lines
5.6 KiB
YAML
author: Hubert Chen
|
||
author_link: https://trle5.xyz
|
||
title: The First Post
|
||
date: 2025-08-07
|
||
updated: 2025-10-24
|
||
summary: A summary
|
||
image: https://trle5.xyz/post/搭建一个自己的博客/banner.webp
|
||
flags:
|
||
- hide_image_at_post_top
|
||
- no_comment
|
||
markdown: |
|
||
<details no-indent>
|
||
<summary>Paragraph</summary>
|
||
|
||
我打算先来8个开屏广告，因为8这个数字比较吉利，然后程序页面有内容就弹一次插屏广告，每一个有列表的页面空的地方塞满信息流广告，遇到没有列表的页面，空的地方就拿横幅广告塞满，使用程序功能前弹出激励视频看完60秒才获得一次使用点数，为了避免用户断网导致广告无法弹出，每次打开都要更新广告缓存才让进入
|
||
|
||
from [Introducing Tailwind CSS Typography - Tailwind CSS](https://tailwindcss.com/blog/tailwindcss-typography)
|
||
|
||
By default, Tailwind removes all of the default browser styling from paragraphs, headings, lists and more. This ends up being really useful for building application UIs because you spend less time undoing user-agent styles, but when you _really are_ just trying to style some content that came from a rich-text editor in a CMS or a markdown file, it can be surprising and unintuitive
|
||
</details>
|
||
|
||
<details no-indent>
|
||
<summary>Normal tags</summary>
|
||
|
||
Normal Text
|
||
|
||
**This is a bold text**
|
||
|
||
~~This is a del text~~
|
||
|
||
_This is an italic text_
|
||
|
||
This is an inline _italic text_ with spaces
|
||
|
||
`This is an code tag`
|
||
|
||
`This is an very looooooooooooooooooooon code tag, It may not wrap properly`
|
||
|
||
This is an inline `code` tag with spaces
|
||
|
||
This is an inline`code`tag without spaces
|
||
|
||
This is a paragraph <code>include a code</code> tag.
|
||
|
||
This is a paragraph <code>include <a>an invaild a tag</a> code</code> tag.
|
||
|
||
This is a paragraph <a>include an invaild <code>code</code> a</a> tag.
|
||
|
||
[a link to example.com](https://example.com)
|
||
|
||
[a link back to home](/)
|
||
|
||
<a>an a tag without href attribute</a>
|
||
|
||
> This is a <code>code blockquote</code>
|
||
|
||
> This is a <code>code blockquote with a lot words</code>
|
||
|
||
==This is a spoiler text==
|
||
|
||
On mobile devices, you may need to long-press to select and display it
|
||
|
||
==It is actually a `<mark>` tag with `filter: blur()`==
|
||
</details>
|
||
|
||
<details no-indent>
|
||
<summary>Heading</summary>
|
||
|
||
# H1
|
||
This is a paragraph.
|
||
## H2
|
||
This is a paragraph.
|
||
### H3
|
||
This is a paragraph.
|
||
#### H4
|
||
This is a paragraph.
|
||
##### H5
|
||
This is a paragraph.
|
||
###### H6
|
||
This is a paragraph.
|
||
</details>
|
||
|
||
<details no-indent>
|
||
<summary>Image</summary>
|
||
|
||
|
||
</details>
|
||
|
||
<details no-indent>
|
||
<summary>Table</summary>
|
||
|
||
| Left | Center | Right | Default |
|
||
| :--- | :----: | ----: | ------- |
|
||
| Item | Item | Item | Item |
|
||
| Item | Item | Item | Item |
|
||
|
||
| A long long long long long long long long title |
|
||
| ------ |
|
||
| Item |
|
||
| Item |
|
||
</details>
|
||
|
||
<details no-indent>
|
||
<summary>Iframe</summary>
|
||
|
||
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/album/5ZMRwsDfAY7Z1smCfmEwlG?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||
</details>
|
||
|
||
<details>
|
||
<summary>Details</summary>
|
||
|
||
我打算先来8个开屏广告，因为8这个数字比较吉利，然后程序页面有内容就弹一次插屏广告，每一个有列表的页面空的地方塞满信息流广告，遇到没有列表的页面，空的地方就拿横幅广告塞满，使用程序功能前弹出激励视频看完60秒才获得一次使用点数，为了避免用户断网导致广告无法弹出，每次打开都要更新广告缓存才让进入
|
||
</details>
|
||
|
||
<details no-indent>
|
||
<summary>Details no-indent</summary>
|
||
|
||
我打算先来8个开屏广告，因为8这个数字比较吉利，然后程序页面有内容就弹一次插屏广告，每一个有列表的页面空的地方塞满信息流广告，遇到没有列表的页面，空的地方就拿横幅广告塞满，使用程序功能前弹出激励视频看完60秒才获得一次使用点数，为了避免用户断网导致广告无法弹出，每次打开都要更新广告缓存才让进入
|
||
</details>
|
||
|
||
<details no-indent no-close>
|
||
<summary>Details no-indent no-close</summary>
|
||
|
||
我打算先来8个开屏广告，因为8这个数字比较吉利，然后程序页面有内容就弹一次插屏广告，每一个有列表的页面空的地方塞满信息流广告，遇到没有列表的页面，空的地方就拿横幅广告塞满，使用程序功能前弹出激励视频看完60秒才获得一次使用点数，为了避免用户断网导致广告无法弹出，每次打开都要更新广告缓存才让进入
|
||
</details>
|
||
|
||
<details no-indent>
|
||
<summary>Code block highlight</summary>
|
||
|
||
```html title="SoundCloud 嵌入代码长得很，这里只截取了 iframe 的部分" {9}
|
||
<iframe
|
||
width="100%"
|
||
height="450"
|
||
scrolling="no"
|
||
frameborder="no"
|
||
allow="autoplay"
|
||
src="
|
||
https://w.soundcloud.com/player/?url=
|
||
https%3A//api.soundcloud.com/playlists/
|
||
1259265289
|
||
&color=%2322ecf1&auto_play=false&hide_related=false
|
||
&show_comments=true&show_user=true&show_reposts=false&show_teaser=true">
|
||
</iframe>
|
||
```
|
||
</details>
|
||
|
||
This post has the `no_comment` flag set, so you won't see a comment widget below. This text is not a placeholder.
|