使用 github 和 Deno Deploy 搭建一个博客网站

这个可能是目前最简单的搭建博客网站的方式了。你只需要有一个github账号就行了。本博客一切从简，直接用github的在线编辑功能，不需要本地安装Nodejs/Deno、git客户端、然后再配置git的代理，配置代码仓库地址，本地再下载安装编辑器、克隆代码到本地……

github 是一个用来放代码的网站，程序员大多使用此网站存放自己的代码，和别人交流自己/别人的代码的bug……

Deno Deploy 是一个服务部署网站，你把代码交给它，它就会把你的代码跑起来了。类似于腾讯云、阿里云之类的，比他们更简单更易用，不用再自己买机器装系统blabla等繁琐的操作了。只不过是只能部署用Deno （javascript & typescript）写的服务。可以使用 github 的账号登录。部署在Deno Deploy的服务，会部署到全球34个地区，确保在世界范围内的人都能快速的访问到 Deno Deploy 上部署的服务。

效果展示：https://midqiu.deno.dev/

简单概括一下步骤：

1. 在 github 上创建一个代码仓库，用来存放博客系统的代码和内容。
2. 在 Deno Deploy 平台上创建一个项目，关联上一步的代码仓库。
3. 在github上编写博客内容，推送到github仓库后，等个10s左右，Deno Deploy 会自动部署完成。

创建 github 仓库，存放博客代码和内容

0. 创建代码仓库，可以选择私有的或公开

项目按照你的需要填你自己起的名字。
可以选择Private，也可以选Public，选择Public的话，别人就能看到你的代码仓库里面的内容，注意不要放些敏感内容。

勾上这个 Add a README file，初始化代码仓库，否则需要在本地用git命令工具初始化，就麻烦了。

一个小技巧：在github 的仓库主页，按句号.对应的按键，可以用github的在线编辑器打开此仓库，可以直接在线编辑提交到代码仓库。

1. 配置博客相关信息

在项目根目录下创建一个名为main.tsx的文件，文件内容如下（根据需要改成你的相关信息）：

import blog from "https://deno.land/x/blog/blog.tsx";

blog({
  author: "Dino",
  title: "My Blog",
  description: "The blog description.",
  avatar: "https://deno-avatar.deno.dev/avatar/83a531.svg",
  avatarClass: "rounded-full",
  links: [
    { title: "Email", url: "mailto:[e-mail]" },
    { title: "GitHub", url: "https://github.com/denobot" },
    { title: "Twitter", url: "https://twitter.com/denobot" },
  ],
  lang: "zh",
});

更多详细设置，看 deno_blog 文档

2. 创建博客内容

创建文件夹posts，注意，这个文件夹名字固定是这个;然后在文件夹中创建第一篇博客，比如这里创建了一个名为hello_world.md，的文件作为第一篇博客(注意：文件名称不要有空格和中文)，内容如下：

---
title: 第一篇博客
publish_date: 2022-11-20
tags: ['hello-world']
---

这是我的第一篇博客！这里是博客内容

将内容推送到 github 的代码仓库中。

在Deno Deploy 平台创建项目，并绑定github 上的仓库

1. 打开https://deno.dev，使用github账号登录。
2. 进入到管理台，点击 New Project 按钮创建新的项目。
   
3. 依次选择，对应的代码仓库-分支-构建方式（Automatic）-入口文件（main.tsx），并设置name，然后点击 Link按钮创建项目。
   

注意：如果name是aaa，那么最终的博客的访问域名是 https://aaa.deno.dev；可以到设置里面修改。当然你可以在设置中配置绑定自己的域名如 aaa.com 等。这里就不做说明了。

更新、新增博客

在posts文件下，新增一篇.md结尾的文件，内容格式参考上面的例子。（我们这个博客系统会自动扫描posts文件夹里面的md文件解析成博客内容的。）

更新博客的话，就修改相应的 .md文件的内容。

然后将改动推送到github 的代码仓库里，等个十几秒，Deno Deploy会自动构建成功，刷新博客地址就能看到新的内容了。

其他

下面是网站在国内的测速：

此教程使用的 Deno 官方出的 blog 库，优点是简单，默认主题简洁好看。此外，Deno官方还写了一篇如何将 最流行的博客系统 Hugo 部署到Deno Deploy上的文章，Hugo功能更强大一些，不过部署起来要稍微麻烦一点，感兴趣的可以看这里