diff --git a/blog/2019-05-28-first-blog-post.md b/blog/2019-05-28-first-blog-post.md
deleted file mode 100644
index 02f3f81..0000000
--- a/blog/2019-05-28-first-blog-post.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-slug: first-blog-post
-title: First Blog Post
-authors:
-  name: Gao Wei
-  title: Docusaurus Core Team
-  url: https://github.com/wgao19
-  image_url: https://github.com/wgao19.png
-tags: [hola, docusaurus]
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
diff --git a/blog/2019-05-29-long-blog-post.md b/blog/2019-05-29-long-blog-post.md
deleted file mode 100644
index 26ffb1b..0000000
--- a/blog/2019-05-29-long-blog-post.md
+++ /dev/null
@@ -1,44 +0,0 @@
----
-slug: long-blog-post
-title: Long Blog Post
-authors: endi
-tags: [hello, docusaurus]
----
-
-This is the summary of a very long blog post,
-
-Use a `<!--` `truncate` `-->` comment to limit blog post size in the list view.
-
-<!--truncate-->
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
diff --git a/blog/2021-08-01-mdx-blog-post.mdx b/blog/2021-08-01-mdx-blog-post.mdx
deleted file mode 100644
index c04ebe3..0000000
--- a/blog/2021-08-01-mdx-blog-post.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
----
-slug: mdx-blog-post
-title: MDX Blog Post
-authors: [slorber]
-tags: [docusaurus]
----
-
-Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/markdown-features), such as [MDX](https://mdxjs.com/).
-
-:::tip
-
-Use the power of React to create interactive blog posts.
-
-```js
-<button onClick={() => alert('button clicked!')}>Click me!</button>
-```
-
-<button onClick={() => alert('button clicked!')}>Click me!</button>
-
-:::
diff --git a/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg b/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg
deleted file mode 100644
index 11bda09..0000000
Binary files a/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg and /dev/null differ
diff --git a/blog/2021-08-26-welcome/index.md b/blog/2021-08-26-welcome/index.md
deleted file mode 100644
index 9455168..0000000
--- a/blog/2021-08-26-welcome/index.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-slug: welcome
-title: Welcome
-authors: [slorber, yangshun]
-tags: [facebook, hello, docusaurus]
----
-
-[Docusaurus blogging features](https://docusaurus.io/docs/blog) are powered by the [blog plugin](https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-blog).
-
-Simply add Markdown files (or folders) to the `blog` directory.
-
-Regular blog authors can be added to `authors.yml`.
-
-The blog post date can be extracted from filenames, such as:
-
-- `2019-05-30-welcome.md`
-- `2019-05-30-welcome/index.md`
-
-A blog post folder can be convenient to co-locate blog post images:
-
-![Docusaurus Plushie](./docusaurus-plushie-banner.jpeg)
-
-The blog supports tags as well!
-
-**And if you don't want a blog**: just delete this directory, and use `blog: false` in your Docusaurus config.
diff --git a/blog/authors.yml b/blog/authors.yml
index bcb2991..81ddb2c 100644
--- a/blog/authors.yml
+++ b/blog/authors.yml
@@ -1,17 +1,29 @@
-endi:
-  name: Endilie Yacop Sucipto
-  title: Maintainer of Docusaurus
-  url: https://github.com/endiliey
-  image_url: https://github.com/endiliey.png
+yuyu1015:
+  name: YuYu1015
+  title: Full-Stack Engineer (全端工程師)
+  url: https://github.com/whes1015
+  image_url: https://github.com/whes1015.png
 
-yangshun:
-  name: Yangshun Tay
-  title: Front End Engineer @ Facebook
-  url: https://github.com/yangshun
-  image_url: https://github.com/yangshun.png
+yoyo0901:
+  name: Yoyo0901
+  title: Flutter Engineer (Flutter工程師)
+  url: https://github.com/Yoyochou0901
+  image_url: https://github.com/Yoyochou0901.png
 
-slorber:
-  name: Sébastien Lorber
-  title: Docusaurus maintainer
-  url: https://sebastienlorber.com
-  image_url: https://github.com/slorber.png
+cstrikeasia:
+  name: Miyashooooo
+  title: Front-End Engineer (前端工程師)
+  url: https://github.com/cstrikeasia
+  image_url: https://github.com/cstrikeasia.png
+
+timyaya8732:
+  name: Timyaya8732
+  title: Data Analyst Engineer (資料分析工程師)
+  url: https://github.com/timyaya
+  image_url: https://github.com/timyaya.png
+
+kamiya10:
+  name: Kamiya
+  title: Principal Engineer (首席工程師)
+  url: https://github.com/kamiya10
+  image_url: https://github.com/kamiya10.png
\ No newline at end of file
diff --git a/blog/miyashooooo/2024-06-21_miyashooooo.mdx b/blog/miyashooooo/2024-06-21_miyashooooo.mdx
new file mode 100644
index 0000000..4bfedb6
--- /dev/null
+++ b/blog/miyashooooo/2024-06-21_miyashooooo.mdx
@@ -0,0 +1,87 @@
+---
+title: TREM Lite 2.0.0-pre1 更新日誌
+authors: [cstrikeasia, yuyu1015, kamiya10]
+tags: [trem_lite]
+---
+
+import BlogMetaBar from "@site/src/components/BlogMetaBar";
+
+:::caution
+
+此版本為預覽版本，眾多功能尚未實裝（例如：登入功能、重設、所在地、即時測站、預警條件、預警來源、TREM EEW、其他功能、顯示視窗、地圖顯示效果、地圖自動縮放、顯示斷層...等）。
+
+:::
+
+[下載 TREM-Lite 2.0.0-pre.1](https://github.com/ExpTechTW/TREM-Lite/releases/tag/v2.0.0-pre.1)
+
+## 🌟 新增
+
+- 設定頁面 UI
+- 設定頁面一些選項
+- 設定頁面所在地、預警條件、即時測站、地圖顯示效果下拉選單 (僅 UI ，功能尚未實裝)
+- 設定頁面登入、登出功能 (僅 UI ，功能尚未實裝)
+- 設定頁面透明度 Slider Bar
+- 程式版本檢查
+- 配置設定
+- Nav Bar 按鈕
+- TOS
+- 地震報告列表
+- 海嘯報告列表 (僅 UI ，功能尚未實裝)
+- 可折疊報告功能
+- 報告框重新設計
+- 報告交叉顯示
+- 全部震度顯示
+- NSSPE
+- 地震區域
+- EEW UI
+- 捲軸設定
+- 日誌功能
+- 語音播報功能
+- ElementBuilder 元素建構器
+- WebSocket 支援
+- 延遲載入
+- 支援 TTF 字體
+
+## 🔌 最佳化
+
+- 震度框
+- 刪除未使用的字體
+- 使用 woff2 字體格式
+- index.css 中的資訊框和字體
+- 首頁報告列表效能
+- 更新依賴
+- 程式碼簡化
+- 音效
+- 測站資料請求
+- API 重試超時
+- API WebSocket 重試連接
+- 調整 API 請求頻率
+- 首頁報告列表 API
+- 將 WebSocket 合併到 API 中
+
+## 🐞 修正
+
+- 崩潰問題
+- API 修復
+- API require 路徑
+- 語音檔案重命名
+- 語音播報
+- 音效設定
+- utils 中 sampleArray 的索引超出範圍問題
+- Nav Bar EEW 警告邊框
+- Nav Bar 圖示
+- 震度字體大小
+- 地震區域字串
+- 縮放調整
+- 地圖顯示
+- 報告列表縣市條顏色
+- 報告列表 RWD、時間格式、透明度
+- EEW 隱藏地震報告，顯示即時震度及右上方地震速報
+- EEW 深度
+- EEW 地圖聚焦
+
+## 🛠️ 貢獻者
+
+<BlogMetaBar author="cstrikeasia" />
+<BlogMetaBar author="whes1015" />
+<BlogMetaBar author="kamiya10" />
diff --git a/blog/tags.yml b/blog/tags.yml
index f71dd73..25ca75a 100644
--- a/blog/tags.yml
+++ b/blog/tags.yml
@@ -1,16 +1,34 @@
-facebook:
-  label: Facebook
-  permalink: /facebook
-  description: Facebook tag description
-hello:
-  label: Hello
-  permalink: /hello
-  description: Hello tag description
-docusaurus:
-  label: Docusaurus
-  permalink: /docusaurus
-  description: Docusaurus tag description
-hola:
-  label: Hola
-  permalink: /hola
-  description: Hola tag description
+yuyu1015:
+  label: YuYu1015
+  permalink: /yuyu1015
+  description: YuYu1015
+
+yoyo0901:
+  label: Yoyo0901
+  permalink: /yoyo0901
+  description: Yoyo0901
+
+cstrikeasia:
+  label: Miyashooooo
+  permalink: /cstrikeasia
+  description: Miyashooooo
+
+timyaya8732:
+  label: Timyaya8732
+  permalink: /timyaya8732
+  description: Timyaya8732
+
+kamiya10:
+  label: Kamiya
+  permalink: /Kamiya
+  description: Kamiya
+
+trem_lite:
+  label: TREM Lite
+  permalink: /trem_lite
+  description: trem_lite
+
+tremv:
+  label: TREMV
+  permalink: /tremv
+  description: tremv
diff --git a/src/components/BlogMetaBar/index.tsx b/src/components/BlogMetaBar/index.tsx
new file mode 100644
index 0000000..a7b0e4d
--- /dev/null
+++ b/src/components/BlogMetaBar/index.tsx
@@ -0,0 +1,14 @@
+import GithubAuthor from "../GithubAuthor";
+import styles from "./styles.module.css";
+
+type BlogMetaBarProps = {
+  author: string;
+}
+
+export default function BlogMetaBar({ author }: BlogMetaBarProps): JSX.Element {
+  return (
+    <div className={styles.BlogMetaBar}>
+      <GithubAuthor name={author} />
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/src/components/BlogMetaBar/styles.module.css b/src/components/BlogMetaBar/styles.module.css
new file mode 100644
index 0000000..c9e3bee
--- /dev/null
+++ b/src/components/BlogMetaBar/styles.module.css
@@ -0,0 +1,6 @@
+.pluginMetaBar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding-bottom: 16px;
+}