Featured image of post Workers轻量博客

Workers轻量博客

   
文章摘要
小tips……😋

前言

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

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

演示站点

🕮 BAOER の BLOG 🕮

效果展示

image-20241203115025627

image-20241203115108087

部署准备

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

image-20241203115858791

image-20241203115953704

填写仓库名字

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

点击创建

停留在这个界面

image-20241203120209242

2、本地创建文件夹

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

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

image-20241203120405636

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

用于管理仓库文件

双击运行 git_upload.bat

image-20241203120644895

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

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

image-20241203120955954

在 git_upload.bat 填入 5229 之后回车

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

image-20241203121200103

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

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

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

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

image-20241203121318967

image-20241203121758779

SUCCESS 即为成功

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

可以看到已经有了文件

image-20241203122112739

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

image-20241203122221525

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

3、配置 cloudflare 的 workers

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

image-20241203122656338

image-20241203122732142

自定义名称然后部署

image-20241203122850021

继续处理项目

image-20241203122956543

编辑添加以下变量

变量名必填说明
GITHUB_TOKENGitHub Personal Access Token,用于访问仓库内容
GITHUB_OWNERGitHub 用户名或组织名
GITHUB_REPO博客内容所在的仓库名称
ADMIN_PASSWORD博客管理员密码,仅在 enablePasswordProtection 为 true 时需要

GITHUB_TOKEN 在登录 github 后访问

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

点击image-20241203123625405

选择 Generate new token (classic)

完成验证(如果有)

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

image-20241203123847215

点击底下的image-20241203123916175

复制 token (只显示一次)填入密钥类型的变量,变量名为 GITHUB_TOKEN

相对应的填入其他变量

image-20241203124351425

然后点击编辑代码

image-20241203124426533

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

image-20241203124546486

image-20241203124618561

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

image-20241203125153423

之后点击访问大功告成

image-20241203124711962

补充

1、自定义域名

image-20241203124823695

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

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

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

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

CC BY-NC-SA 4.0 创意的非商业派对入场券
最后更新于 2024-12-27 04:00
晚来天欲雪,能饮一杯无