DevNow: 如何快速部署博客项目

1. 部署方式

1.1 通过 Vercel 部署

如果你已经 fork 过项目了，那么可以直接从这里 ，如果没有，那可以从头开始。

这里也推荐大家使用 1.1.1 这个快捷方式部署，这样是最简单的方式。

1.1.1 复制项目

在 里点击对应的 Vercel 部署，如下图：

1.1.2 完善项目信息

在 Vercel 完善项目信息后，会自动帮你新建一个项目。

创建完项目后会自动触发部署，稍等即可。

1.1.3 导入项目

如果是通过1.1.1 快捷部署的，跳过 1.1.3 直接到 1.1.4 就好。

如果你已经 fork 过项目了，可以直接从这里开始。在 Vercel 主页点击添加项目

然后选中你想要在 Vercel 中部署的项目 import 即可，后续完善完信息后和 1.1.4 这里是一样的。

1.1.4 部署完成

部署完成就会看到下边的界面，可以通过点击 Continue to Dashboard 去到控制面板。

下图就是 Vercel 中这个项目的主面板。

可以看到 Domain 这里 Vercel 提供了访问域名，可以通过查看，也可以通过上方的 Domains 来跳转到对应的域名管理页面配置自定义的域名。

到这里部署已经完成了。

1.2 私有部署

这里我就不展开讲了，可以通过 docker 去做私有化部署，可以让AI帮你写一个 docker-compose.yml 配置文件来快速启动。优先推荐（Vercel部署），心智负担会少一点，也不需要自己提供服务器。

2. 文章内容

文章内容都在 src/content/doc 文件夹下，新建文件可参考下图：

这里建议大家使用 .mdx 后缀，语法和 markdown 完全一致，只是有些功能必须是 .mdx，如（代码复制、 、）

文件上方的这些属性是必须的，具体的属性介绍在 src/content/config.ts 文件中。 需要注意的是，category 相关的属性需要在 src/data/category.ts 进行配置。

然后正常推到 Github 的 main 分支就好，会自动触发 Vercel 部署。

![](/src/assets/original-e9d021f55dc91ca7e8edcd3f88f65d7a.png)

到这里，你已经可以在自己的博客上发布你的文章了。接下来可以看情况增加评论模块。

3. 评论相关

评论默认是开启的，具体的配置在 src/config.index.ts 中 giscus 属性。

开启的话需要在 Vercel 上配置一些环境变量， 可以参考

Giscus 评论模块有几个限制：

• 项目需要公开，可以在项目的 settings 修改
• 项目要开启 Discussions，评论是基于这个实现的。

设置后可以在 这里获取到对应环境变量的值，详情如图：

到这里就可以正常的进行评论了。

总结：

为了简化项目的复杂度，所以文章都是存储在 Github 中的，图片的话大家可以自行选择是放在 Github 上还是各种 对象存储 上。

如果有需要在线编辑的场景的话，可以通过扩展 TinaCMS 来实现，具体可以参看