前言
灵感来自K 神的krahets/hello-algo: 《Hello 算法》:动画图解、一键运行的数据结构与算法教程。支持 Python, Java, C++, C, C#, JS, Go, Swift, Rust, Ruby, Kotlin, TS, Dart 代码。简体版和繁体版同步更新,English version ongoing
于是想着能不能把 github 仓库存储的文件作为博客文章阅读
演示站点
效果展示
部署准备
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 Token,用于访问仓库内容 |
GITHUB_OWNER | 是 | GitHub 用户名或组织名 |
GITHUB_REPO | 是 | 博客内容所在的仓库名称 |
ADMIN_PASSWORD | 否 | 博客管理员密码,仅在 enablePasswordProtection 为 true 时需要 |
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
之后点击访问大功告成