Complete blog migration with all 46 posts and deployment setup

Co-authored-by: imbant <[email protected]>

Author: Copilot

astro-blog/.github/workflows/deploy.yml

@@ -0,0 +1,83 @@
+name: Deploy Astro site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main", "master"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+env:
+  BUILD_PATH: "./astro-blog" # default value when not using subfolders
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ env.BUILD_PATH }}/yarn.lock" ]; then
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "command=install" >> $GITHUB_OUTPUT
+            echo "runner=yarn" >> $GITHUB_OUTPUT
+            exit 0
+          elif [ -f "${{ env.BUILD_PATH }}/package.json" ]; then
+            echo "manager=npm" >> $GITHUB_OUTPUT
+            echo "command=ci" >> $GITHUB_OUTPUT
+            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Unable to determine package manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+          cache-dependency-path: ${{ env.BUILD_PATH }}/package-lock.json
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v4
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+        working-directory: ${{ env.BUILD_PATH }}
+      - name: Build with Astro
+        run: |
+          ${{ steps.detect-package-manager.outputs.runner }} astro build \
+            --site "${{ steps.pages.outputs.origin }}" \
+            --base "${{ steps.pages.outputs.base_path }}"
+        working-directory: ${{ env.BUILD_PATH }}
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ${{ env.BUILD_PATH }}/dist
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    needs: build
+    runs-on: ubuntu-latest
+    name: Deploy
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

astro-blog/.gitignore

@@ -0,0 +1,21 @@
+# Build outputs
+dist/
+.astro/
+
+# Dependencies
+node_modules/
+
+# Environment variables
+.env
+.env.local
+.env.production
+
+# macOS
+.DS_Store
+
+# Editor settings
+.vscode/
+.idea/
+
+# Logs
+*.log

astro-blog/README.md

@@ -0,0 +1,63 @@
+# imbAnt's Blog (Astro)
+
+个人技术博客，已从 Hexo 迁移到 Astro 框架。
+
+- 基于 [Astro](https://astro.build/) 构建的静态网站
+- 使用 GitHub Action 持续集成服务
+- 部署在 GitHub Pages 上
+- 支持 RSS 订阅、SEO 优化、评论系统
+
+## 开发
+
+```bash
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run dev
+
+# 构建网站
+npm run build
+
+# 预览构建结果
+npm run preview
+```
+
+## 功能特性
+
+- ✅ 路由兼容：保持与 Hexo 相同的 URL 结构 `/:year/:month/:day/:title/`
+- ✅ SEO 优化：meta 标签、sitemap、robots.txt
+- ✅ RSS 订阅：`/rss.xml`
+- ✅ 评论系统：集成 giscus
+- ✅ 归档页面：按年份分组的文章列表
+- ✅ 响应式设计：支持移动端和桌面端
+- ✅ 代码高亮：使用 Shiki
+- ✅ 快速构建：Astro 的优化构建性能
+
+## 文章创建
+
+在 `src/content/blog/` 目录下创建新的 Markdown 文件：
+
+```markdown
+---
+title: "文章标题"
+date: "2025-01-01"
+tags: ["标签1", "标签2"]
+description: "文章描述"
+---
+
+文章内容...
+```
+
+## 部署
+
+推送到 `main` 或 `master` 分支会自动触发 GitHub Actions 部署到 GitHub Pages。
+
+## 迁移说明
+
+已成功从 Hexo 迁移到 Astro，保持了：
+- 所有文章的 URL 路径兼容性
+- 评论系统（giscus）
+- SEO 功能
+- RSS 订阅
+- 所有现有内容

astro-blog/dist/2023/03/20/chatgpt-streaming/index.html

@@ -1,3 +1,3 @@
 <!DOCTYPE html><html lang="zh-CN"> <head><meta charset="UTF-8"><meta name="description" content="imbAnt's blog 文章归档"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/blog/favicon.svg"><meta name="generator" content="Astro v5.10.2"><title>归档 | imbAnt&#39;s blog</title><!-- SEO Meta Tags --><meta property="og:title" content="归档 | imbAnt's blog"><meta property="og:description" content="imbAnt's blog 文章归档"><meta property="og:type" content="website"><meta property="og:url" content="https://imbant.github.io/blog/archives/"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="归档 | imbAnt's blog"><meta name="twitter:description" content="imbAnt's blog 文章归档"><style>*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#fff}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #eee}.nav-home{font-size:1.25rem;font-weight:700;text-decoration:none;color:#333}.nav-links{display:flex;gap:1rem}.nav-links a{text-decoration:none;color:#666;padding:.5rem}.nav-links a:hover{color:#333}footer{margin-top:4rem;padding:2rem;text-align:center;border-top:1px solid #eee;color:#666}
 .container[data-astro-cid-u4tlagfe]{max-width:800px;margin:0 auto;padding:2rem}.year-section[data-astro-cid-u4tlagfe]{margin-bottom:3rem}.year-section[data-astro-cid-u4tlagfe] h2[data-astro-cid-u4tlagfe]{margin-bottom:1rem;color:#333;border-bottom:2px solid #eee;padding-bottom:.5rem}.post-list[data-astro-cid-u4tlagfe]{list-style:none;padding:0}.post-item[data-astro-cid-u4tlagfe]{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.5rem 0}.post-item[data-astro-cid-u4tlagfe] time[data-astro-cid-u4tlagfe]{color:#666;font-size:.9rem;min-width:100px}.post-item[data-astro-cid-u4tlagfe] a[data-astro-cid-u4tlagfe]{text-decoration:none;color:#333;flex:1}.post-item[data-astro-cid-u4tlagfe] a[data-astro-cid-u4tlagfe]:hover{text-decoration:underline;color:#06c}
-</style></head> <body> <header> <nav class="nav"> <a href="/blog/" class="nav-home">imbAnt's blog</a> <div class="nav-links"> <a href="/blog/">首页</a> <a href="/blog/archives/">归档</a> <a href="/blog/about/">关于</a> </div> </nav> </header>  <main class="container" data-astro-cid-u4tlagfe> <h1 data-astro-cid-u4tlagfe>归档</h1> <p data-astro-cid-u4tlagfe>共 2 篇文章</p> <section class="year-section" data-astro-cid-u4tlagfe> <h2 data-astro-cid-u4tlagfe>2025</h2> <ul class="post-list" data-astro-cid-u4tlagfe> <li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2025-01-17</time> <a href="/blog/2025/01/17/lsp3/" data-astro-cid-u4tlagfe>LSP 与 VS Code 插件开发（三）语言服务器协议</a> </li> </ul> </section><section class="year-section" data-astro-cid-u4tlagfe> <h2 data-astro-cid-u4tlagfe>2023</h2> <ul class="post-list" data-astro-cid-u4tlagfe> <li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2023-03-20</time> <a href="/blog/2023/03/20/chatgpt-streaming/" data-astro-cid-u4tlagfe>ChatGPT 的流式对话是怎么实现的</a> </li> </ul> </section> </main>  <footer> <p>&copy; 2025 imbant. All rights reserved.</p> </footer> </body></html> 
+</style></head> <body> <header> <nav class="nav"> <a href="/blog/" class="nav-home">imbAnt's blog</a> <div class="nav-links"> <a href="/blog/">首页</a> <a href="/blog/archives/">归档</a> <a href="/blog/about/">关于</a> </div> </nav> </header>  <main class="container" data-astro-cid-u4tlagfe> <h1 data-astro-cid-u4tlagfe>归档</h1> <p data-astro-cid-u4tlagfe>共 46 篇文章</p> <section class="year-section" data-astro-cid-u4tlagfe> <h2 data-astro-cid-u4tlagfe>2025</h2> <ul class="post-list" data-astro-cid-u4tlagfe> <li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2025-06-07</time> <a href="/blog/2025/06/07/antlr-angle-brackets/" data-astro-cid-u4tlagfe>Antlr 文法设计中的尖括号问题</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2025-05-07</time> <a href="/blog/2025/05/07/ts-go/" data-astro-cid-u4tlagfe>用 Go 移植 TypeScript 的重要影响</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2025-03-21</time> <a href="/blog/2025/03/21/lsp4/" data-astro-cid-u4tlagfe>LSP 与 VS Code 插件开发（四）开发小技巧</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2025-02-08</time> <a href="/blog/2025/02/08/提高-antlr-parser-性能/" data-astro-cid-u4tlagfe>提高 Antlr 的编译性能</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2025-01-17</time> <a href="/blog/2025/01/17/lsp3-migrated/" data-astro-cid-u4tlagfe>LSP 与 VS Code 插件开发（三）语言服务器协议</a> </li> </ul> </section><section class="year-section" data-astro-cid-u4tlagfe> <h2 data-astro-cid-u4tlagfe>2024</h2> <ul class="post-list" data-astro-cid-u4tlagfe> <li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2024-12-31</time> <a href="/blog/2024/12/31/lsp2/" data-astro-cid-u4tlagfe>LSP 与 VS Code 插件开发（二）语义构建</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2024-11-12</time> <a href="/blog/2024/11/12/在-vs-code-中调试和运行-go-程序/" data-astro-cid-u4tlagfe>在 VS Code/Cursor 中调试和运行 Go 程序</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2024-10-29</time> <a href="/blog/2024/10/29/vs-code-thankyou/" data-astro-cid-u4tlagfe>我为 VS Code 贡献了代码</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2024-08-24</time> <a href="/blog/2024/08/24/lsp1/" data-astro-cid-u4tlagfe>LSP 与 VS Code 插件开发（一）语言服务器架构</a> </li> </ul> </section><section class="year-section" data-astro-cid-u4tlagfe> <h2 data-astro-cid-u4tlagfe>2023</h2> <ul class="post-list" data-astro-cid-u4tlagfe> <li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2023-08-21</time> <a href="/blog/2023/08/21/rubyconf-china-2023-笔记/" data-astro-cid-u4tlagfe>RubyConf China 2023 笔记</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2023-07-25</time> <a href="/blog/2023/07/25/从源码看-vue-组件销毁后触发其事件/" data-astro-cid-u4tlagfe>从源码看 Vue 组件销毁后触发其事件</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2023-03-30</time> <a href="/blog/2023/03/30/怎么让-favicon-动起来/" data-astro-cid-u4tlagfe>怎么让 favicon 动起来</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2023-03-20</time> <a href="/blog/2023/03/20/chatgpt-的流式对话是怎么实现的/" data-astro-cid-u4tlagfe>ChatGPT 的流式对话是怎么实现的</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2023-03-16</time> <a href="/blog/2023/03/16/如何参与编辑-mdn-中文页面/" data-astro-cid-u4tlagfe>如何参与编辑 mdn 中文页面</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2023-03-03</time> <a href="/blog/2023/03/03/为什么写博客/" data-astro-cid-u4tlagfe>为什么写博客</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2023-01-17</time> <a href="/blog/2023/01/17/页面滚动时为什么没有触发-mouseleave-事件/" data-astro-cid-u4tlagfe>页面滚动时为什么没有触发 mouseleave 事件</a> </li> </ul> </section><section class="year-section" data-astro-cid-u4tlagfe> <h2 data-astro-cid-u4tlagfe>2022</h2> <ul class="post-list" data-astro-cid-u4tlagfe> <li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2022-08-12</time> <a href="/blog/2022/08/12/js-对象到原始值的转换/" data-astro-cid-u4tlagfe>JS 对象到原始值的转换</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2022-05-03</time> <a href="/blog/2022/05/03/js-defineproperty/" data-astro-cid-u4tlagfe>JS defineProperty</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2022-04-30</time> <a href="/blog/2022/04/30/js-的类型判断/" data-astro-cid-u4tlagfe>JS 的类型判断</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2022-04-15</time> <a href="/blog/2022/04/15/漫谈微信小程序/" data-astro-cid-u4tlagfe>漫谈微信小程序</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2022-01-26</time> <a href="/blog/2022/01/26/html-attribute-与-dom-property-详解/" data-astro-cid-u4tlagfe>DOM property 与 attribute 详解</a> </li> </ul> </section><section class="year-section" data-astro-cid-u4tlagfe> <h2 data-astro-cid-u4tlagfe>2021</h2> <ul class="post-list" data-astro-cid-u4tlagfe> <li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2021-10-22</time> <a href="/blog/2021/10/22/同源策略与跨域/" data-astro-cid-u4tlagfe>同源策略与跨域</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2021-10-02</time> <a href="/blog/2021/10/02/es6-合集/" data-astro-cid-u4tlagfe>ES6 合集</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2021-09-28</time> <a href="/blog/2021/09/28/前端性能监控指标与实现/" data-astro-cid-u4tlagfe>前端性能监控指标与实现</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2021-07-20</time> <a href="/blog/2021/07/20/小程序跨分包复用代码方案/" data-astro-cid-u4tlagfe>小程序跨分包复用代码方案</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2021-05-01</time> <a href="/blog/2021/05/01/正则表达式/" data-astro-cid-u4tlagfe>正则表达式</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2021-04-20</time> <a href="/blog/2021/04/20/js-的数值/" data-astro-cid-u4tlagfe>JS 的数值</a> </li> </ul> </section><section class="year-section" data-astro-cid-u4tlagfe> <h2 data-astro-cid-u4tlagfe>2020</h2> <ul class="post-list" data-astro-cid-u4tlagfe> <li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2020-10-01</time> <a href="/blog/2020/10/01/js-模块化解决方案/" data-astro-cid-u4tlagfe>JS 模块化解决方案</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2020-05-08</time> <a href="/blog/2020/05/08/命令行选项标准/" data-astro-cid-u4tlagfe>命令行选项标准</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2020-04-20</time> <a href="/blog/2020/04/20/js-原型链/" data-astro-cid-u4tlagfe>JS 原型链、this 与 class</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2020-04-13</time> <a href="/blog/2020/04/13/js-事件循环/" data-astro-cid-u4tlagfe>JS 事件循环</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2020-04-10</time> <a href="/blog/2020/04/10/promise-必知必会/" data-astro-cid-u4tlagfe>Promise 必知必会</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2020-04-07</time> <a href="/blog/2020/04/07/web-移动端开发踩坑/" data-astro-cid-u4tlagfe>web 移动端开发踩坑</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2020-03-24</time> <a href="/blog/2020/03/24/tcp-连接的细节详谈/" data-astro-cid-u4tlagfe>TCP 连接的细节详谈</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2020-03-13</time> <a href="/blog/2020/03/13/react-diffing-算法/" data-astro-cid-u4tlagfe>React Diffing 算法</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2020-03-09</time> <a href="/blog/2020/03/09/react-生命周期/" data-astro-cid-u4tlagfe>React 生命周期</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2020-02-25</time> <a href="/blog/2020/02/25/browserrouter-vs-hashrouter/" data-astro-cid-u4tlagfe>BrowserRouter vs HashRouter</a> </li> </ul> </section><section class="year-section" data-astro-cid-u4tlagfe> <h2 data-astro-cid-u4tlagfe>2019</h2> <ul class="post-list" data-astro-cid-u4tlagfe> <li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2019-12-20</time> <a href="/blog/2019/12/20/css-方式解决-ios-微信橡皮筋效果与-position-fixed-联动的坑/" data-astro-cid-u4tlagfe>CSS 方式解决 iOS 微信橡皮筋效果与 position: fixed 联动的坑</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2019-12-11</time> <a href="/blog/2019/12/11/安卓微信-视频播放-相关踩坑/" data-astro-cid-u4tlagfe>安卓微信 视频播放 相关踩坑</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2019-11-19</time> <a href="/blog/2019/11/19/flex-box-下的宽度问题/" data-astro-cid-u4tlagfe>flex box 下的宽度问题</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2019-10-10</time> <a href="/blog/2019/10/10/关于-js-文件上传/" data-astro-cid-u4tlagfe>关于 js 文件上传</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2019-09-11</time> <a href="/blog/2019/09/11/token-session-cookie/" data-astro-cid-u4tlagfe>Token Session Cookie</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2019-08-13</time> <a href="/blog/2019/08/13/es6-对象属性的简写与解构赋值/" data-astro-cid-u4tlagfe>ES6 对象属性的简写与解构赋值</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2019-08-11</time> <a href="/blog/2019/08/11/持续集成/" data-astro-cid-u4tlagfe>持续集成</a> </li><li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>2019-08-09</time> <a href="/blog/2019/08/09/node-require-执行细节/" data-astro-cid-u4tlagfe>Node require 执行细节</a> </li> </ul> </section><section class="year-section" data-astro-cid-u4tlagfe> <h2 data-astro-cid-u4tlagfe>1970</h2> <ul class="post-list" data-astro-cid-u4tlagfe> <li class="post-item" data-astro-cid-u4tlagfe> <time data-astro-cid-u4tlagfe>1970-01-01</time> <a href="/blog/1970/01/01/暂存区/" data-astro-cid-u4tlagfe>暂存区</a> </li> </ul> </section> </main>  <footer> <p>&copy; 2025 imbant. All rights reserved.</p> </footer> </body></html>