无服务器-Typora+github仓库+cf-workers打造完美轻量博客

前言

灵感来自K神的krahets/hello-algo: 《Hello 算法》：动画图解、一键运行的数据结构与算法教程。支持 Python, Java, C++, C, C#, JS, Go, Swift, Rust, Ruby, Kotlin, TS, Dart 代码。简体版和繁体版同步更新，English version ongoing

于是想着能不能把github仓库存储的文件作为博客文章阅读

编辑是在本地的typora,网站只是作为存储和展示，图片也可以使用相对地址

项目地址

演示站点

🕮 BAOER の BLOG 🕮

效果展示

部署准备

1、本地下载typora或者其他markdown编辑器

Typora for windows — 测试版发布 --- Typora for windows — beta version release

2、一个github账户

3、本地安装git，用于管理仓库

3、一个cloudflare免费账号

4、一个B站账号

保姆教程

1、新建github仓库

访问 https://github.com/你的github用户名?tab=repositories

填写仓库名字

public还是Private看个人喜好，自己看就使用Private，后面加密码验证，分享给别人就public

点击创建

停留在这个界面

2、本地创建文件夹

随便找个全英文路径文件夹作为上传文件夹，不要使用你的typora的笔记文件夹

把你要上传的.md文件放到这个文件夹

从1143520/git-blog-share下载 git_upload.bat 和 git_delete.bat

用于管理仓库文件

双击运行git_upload.bat

因为 github 国内访问不畅，你知道的呀，需要开启代理

开启代理确保能够正常访问后,在设置中找到自己的代理端口，比如我的是5229

在git_upload.bat 填入5229之后回车

复制仓库的git地址填入之后回车

选择需要上传的文件编号，0为全部上传，和git是一样的，只是增量上传

比如1 3 5就是上传1、3、5这几个文件

回车上传，自动main分支，确保本地安装了git，而且登陆了github账户，

详细请参考手把手教你用git上传项目到GitHub（图文并茂，这一篇就够了），相信你一定能成功！！ - 知乎

SUCCESS即为成功

回到仓库1143520/git-blog-share刷新

可以看到已经有了文件

本地生成了git的默认配置和bat的配置文件夹，注意不要误删

git_delete.bat 是用于删除仓库某个文件，本地不变，使用方法同理，大伙可以用GPT把二者合成一个bat

3、配置cloudflare的workers

进入CF点击workers and pages进行创建

自定义名称然后部署

继续处理项目

编辑添加以下变量

GITHUB_TOKEN在登录github后访问

Personal Access Tokens (Classic) 手动生成，需要repo也就是仓库查看的权限（公开仓库限额太少，使用token可以增加限额，也可以访问私库）

点击

选择Generate new token (classic)

完成验证（如果有）

名称随意，过期时间自己把握，repo一定要打勾

点击底下的

复制token （只显示一次）填入密钥类型的变量，变量名为GITHUB_TOKEN

相对应的填入其他变量

然后点击编辑代码

将git-blog-share/worker.js at main · 1143520/git-blog-share的内容复制后粘贴到workers全选替换之后部署

选择是否启用密码验证，和设置站点标题和logo

之后点击访问大功告成

补充

1、自定义域名

2、填入变量注意前后不要有空格

3、推荐搭配typora+bili图床使用（已经失效，还是使用自己的图床接口吧）

xlzy520/typora-plugin-bilibili: Typora粘贴图片自动上传到Bilibili图床，也可以自定义修改成任意其他图床接口。使用教程：https://b23.tv/urxCc3

下载源代码，把接口换成自己的，比如我签名的美团图床，重新编译main.go ,就不需要B站验证了，直接放exe的地址

4、更多内容请阅读仓库文档或者阅读代码后自行修改