导言#

本 Blog 由 github 提供项目管理，由 Deno Deploy 提供部署。

笔者也尝试过很多相关的 Blog 框架，包括 Hexo/Vitepress/Rspress 等前端框架。

但是这些纯粹的静态网站生成器很难自己写明白 UI，去扩展主题又太麻烦了，比如我想扩展一些功能基本只能依赖于开源生态，在 LLM 写前端如此便宜大碗的时代，我决定使用 Astro。

现代又有很多托管平台，比如 Deno，他们有很多很方便于部署的特性，类似 Astro 这种生态能更好的利用他们的特性，从而达成更省心更省钱的效果。

因此仅以此文记录 Astro + Fuwari 重新构建 Blog 的历程。

初始化部署#

在 macbook 上先装个 deno，有机会要系统的学习一下，来开发点自己感兴趣的网站，用来替换掉 node。

1
brew install deno

然后直接用 deno 加载对应的脚手架，迅速构建起模版。

1
deno run -A npm:create-fuwari@latest

填写好相关信息，就完成了初始化部署了。

接下来部署到 Deno Deploy 平台，按照 Deno 平台自动生成的修改的，因为这里的依赖似乎直接用 deno install 会有问题。

1
name: Deploy
2
on:
3
  push:
4
    branches: main
38 collapsed lines
5
  pull_request:
6
    branches: main
7

8
jobs:
9
  deploy:
10
    name: Deploy
11
    runs-on: ubuntu-latest
12

13
    permissions:
14
      id-token: write # Needed for auth with Deno Deploy
15
      contents: read # Needed to clone the repository
16

17
    steps:
18
      - name: Clone repository
19
        uses: actions/checkout@v4
20

21
      - name: Install Deno
22
        uses: denoland/setup-deno@v2
23
        with:
24
          deno-version: v1.x
25

26
      - name: Install Node.js
27
        uses: actions/setup-node@v4
28
        with:
29
          node-version: lts/*
30

31
      - name: Install step
32
        run: "corepack enable && corepack prepare pnpm@9 --activate && pnpm i"
33

34
      - name: Build step
35
        run: "pnpm run build"
36

37
      - name: Upload to Deno Deploy
38
        uses: denoland/deployctl@v1
39
        with:
40
          project: "ruinique-world"
41
          entrypoint: "jsr:@std/http/file-server"
42
          root: "dist"

现在完成了 Deno 平台的部署。

接下来直接基于 Deno 平台绑定我们的域名，就可以通过域名访问我们的平台了。