乐趣区

关于博客搭建:使用-github-和-Deno-Deploy-搭建一个博客网站

这个可能是目前最简略的搭建博客网站的形式了。你只须要有一个 github 账号就行了。

github 是一个用来放代码的网站,程序员大多应用此网站寄存本人的代码,和他人交换本人 / 他人的代码的 bug……

Deno Deploy 是一个服务部署网站,你把代码交给它,它就会把你的代码跑起来了。相似于腾讯云、阿里云之类的,比他们更简略更易用,不必再本人买机器装零碎 blabla 等繁琐的操作了。只不过是只能部署用 Deno 写的服务。能够应用 github 的账号登录。

简略概括一下步骤:

  1. 在 github 上创立一个代码仓库,用来寄存博客零碎的代码和内容。
  2. 在 Deno Deploy 平台上创立一个我的项目,关联上一步的代码仓库。
  3. 在 github 上编写博客内容,推送到 github 仓库后,等个 10s 左右,Deno Deploy 会主动部署实现。

创立 github 仓库,寄存博客代码和内容

0. 创立代码仓库,能够抉择公有的或公开

我的项目依照你的须要填你本人起的名字。
抉择 Public 的话,他人就能看到你的代码仓库外面的内容,留神不要放些敏感内容。

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:bot@deno.com"},
    {title: "GitHub", url: "https://github.com/denobot"},
    {title: "Twitter", url: "https://twitter.com/denobot"},
  ],
  lang: "zh",
});

更多具体设置,看 deno_blog 文档

2. 创立博客内容

一个小技巧:在 github 的仓库主页,按句号 . 对应的按键,能够用 github 的在线编辑器关上此仓库,能够间接在线编辑提交到代码仓库。

创立文件夹posts,留神,这个文件夹名字固定是这个; 而后在文件夹中创立第一篇博客,比方这里创立了一个名为hello_world.md,的文件作为第一篇博客(留神:文件名称不要有空格和中文),内容如下:

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

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

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

在 Deno Deploy 平台创立我的项目,并绑定 github 上的仓库

  1. 抉择 Sign Up注册或 Sign In登录。按提醒应用 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 Deploy 的服务,会部署到寰球 34 个地区,确保在世界范畴内的人都能疾速的拜访到 Deno Deploy 的服务。

上面是网站在国内的测速:

退出移动版