共计 1671 个字符,预计需要花费 5 分钟才能阅读完成。
这个可能是目前最简略的搭建博客网站的形式了。你只须要有一个 github 账号就行了。
github 是一个用来放代码的网站,程序员大多应用此网站寄存本人的代码,和他人交换本人 / 他人的代码的 bug……Deno Deploy 是一个服务部署网站,你把代码交给它,它就会把你的代码跑起来了。相似于腾讯云、阿里云之类的,比他们更简略更易用,不必再本人买机器装零碎 blabla 等繁琐的操作了。只不过是只能部署用 Deno 写的服务。能够应用 github 的账号登录。
简略概括一下步骤:
- 在 github 上创立一个代码仓库,用来寄存博客零碎的代码和内容。
- 在 Deno Deploy 平台上创立一个我的项目,关联上一步的代码仓库。
- 在 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 上的仓库
- 抉择
Sign Up
注册或Sign In
登录。按提醒应用 github 账号登录就行了。 - 进入到治理台,点击 New Project 按钮创立新的我的项目。
- 顺次抉择,对应的代码仓库 - 分支 - 构建形式(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 的服务。
上面是网站在国内的测速: