diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
index d3fe24e30..e6d488e86 100644
--- a/.github/workflows/gh-pages.yml
+++ b/.github/workflows/gh-pages.yml
@@ -6,7 +6,7 @@ on:
     branches:
       - ci
       - master
-    pull_request:
+  pull_request:
 
 jobs:
   deploy:
@@ -26,9 +26,6 @@ jobs:
         with:
           node-version: '22'
 
-      - name: Setup Hexo
-        run: npm install -g hexo-cli
-
       - name: Cache dependencies
         uses: actions/cache@v4
         with:
@@ -37,18 +34,39 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-node-
 
-      - run: |
-          pwd
-          ls ${{ github.workspace }}
-          ls ${{ github.workspace }}/blog
-
       - run: npm ci
 
       - run: python ./weasel_testing_appcast.py
 
-      - run: |
-          hexo clean
-          hexo generate
+      - name: Deploy luna pinyin and stroke
+        uses: rimeinn/deploy-schema@master
+        with:
+          user-recipe-list: |-
+            luna-pinyin
+            stroke
+          schema-list: |-
+            luna_pinyin
+            stroke
+
+      - name: Install fcitx5-rime.js
+        run: |
+          wget -P /tmp https://github.com/rimeinn/fcitx5-rime.js/releases/download/0.1.1/fcitx5-rime.tgz
+          tar xf /tmp/fcitx5-rime.tgz -C /tmp
+          mv /tmp/package/dist/* source/online
+          rm -f source/online/Fcitx5.d.ts
+
+      - name: Generate site
+        run: |
+          mv /tmp/deploy-schema/artifact.zip source/online/rime.zip
+          npx hexo clean
+          npx hexo generate
+
+      - name: Upload artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: public
+          path: |
+            blog/public
 
       - name: Deploy
         uses: peaceiris/actions-gh-pages@v4
diff --git a/.gitignore b/.gitignore
index e43b0f988..69dc45914 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,5 @@
 .DS_Store
+# fcitx5-rime.js
+Fcitx5.*
+libFcitx5*
+*.zip
diff --git a/blog/source/online/index.md b/blog/source/online/index.md
new file mode 100644
index 000000000..dda2586ac
--- /dev/null
+++ b/blog/source/online/index.md
@@ -0,0 +1,15 @@
+title: 體驗
+comments: false
+---
+
+[朙月拼音](https://github.com/rime/rime-luna-pinyin)與[五筆畫](https://github.com/rime/rime-stroke)方案，基於 [fcitx5-rime.js](https://github.com/rimeinn/fcitx5-rime.js) 。
+
+{% raw %}
+<script type="module">
+  import { loadZip } from './Fcitx5.js'
+  loadZip('./rime.zip')
+</script>
+<div class="has-success">
+  <textarea class="form-control" style="width: 100%; height: 300px"></textarea>
+</div>
+{% endraw %}
diff --git a/blog/themes/freewill/_config.yml b/blog/themes/freewill/_config.yml
index a4b3ebefc..a78d27591 100644
--- a/blog/themes/freewill/_config.yml
+++ b/blog/themes/freewill/_config.yml
@@ -22,6 +22,9 @@ menu:
     url: blog
     intro: "Rime::Blog"
     icon: "fa fa-pencil-square-o"
+  - title: 體驗
+    url: online
+    icon: "fa fa-cloud"
 #  - title: 分類
 #    url: categories
 #    intro: "所有分類"
diff --git a/blog/themes/freewill/source/css/darktheme.css b/blog/themes/freewill/source/css/darktheme.css
index 182cb5538..7b7920edd 100644
--- a/blog/themes/freewill/source/css/darktheme.css
+++ b/blog/themes/freewill/source/css/darktheme.css
@@ -51,4 +51,8 @@
   .mypage > .panel-default > .panel-heading:not(:first-child) {
     border-top: 1px solid #0e1013 !important;
   }
+
+  textarea.form-control {
+    color: white;
+  }
 }