纯手撸了一个 GitHub pages 历史老版本页面的访问工具，纯 html 单文件

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 1553 days ago, the information mentioned may be changed or developed.

工具在线地址： https :// xiangyuecn.gitee. io/recorder/assets/工具-GitHub 页面历史版本访问.html

食用方法：仓库路径中填写“GitHub 用户名 + : + 仓库名 + , + 文件路径”，版本号先不用管，然后点击加载。首次加载好后，可以切换版本号查看不同历史的页面效果

原理：原理很简单，用 JsDelivr CDN 可以访问到仓库内 Releases 的不同版本文件，把 html 页面手动加载过来，简单替换掉里面的资源引用即可（不支持太复杂的资源加载地址替换）

效果图（几年前写的页面好丑好眼熟）

GitHub

页面

HTML

版本

8 replies • 2022-03-07 12:52:22 +08:00

QKgf555H87Fp0cth

Mar 6, 2022

看不懂，太乱了

xiangyuecn

Mar 6, 2022

@likunyan 举个栗子吧，vuejs/vue 仓库里面的 /examples/markdown/index.html ，用这个工具就能打开不同版本的页面测试

https://xiangyuecn.gitee.io/recorder/assets/%E5%B7%A5%E5%85%B7-GitHub%E9%A1%B5%E9%9D%A2%E5%8E%86%E5%8F%B2%E7%89%88%E6%9C%AC%E8%AE%BF%E9%97%AE.html#url=vuejs%3Avue%2C%2Fexamples%2Fmarkdown%2Findex.html

xiaopc

Mar 6, 2022

1. 不支持仓库分支直接做 pages 的情况啊
2. 地址替换或许用 service worker 做更好
3. UI 确实有点

xiangyuecn

Mar 6, 2022

@xiaopc 提供下拉选择的版本号是 Releases 中的版本号，和分支没有关系。如果需要查看某个分支或某个具体的 commit ，可以手动给版本号指定为 commit 的 hash 值，在链接里面修改 ver: url=...&ver=commitHash

这个页面源码很简单，几小时就写完了，没有用到高深的技术😜

工具本身的 UI 还算过得去😂 就是工具默认打开的版本是几年前的素颜版本，调到最新版会好看很多

xiaopc

Mar 7, 2022 via iPhone

@xiangyuecn 不是，意思是说，没有 release ，仓库里就是 html 这种没法加载

xiangyuecn

Mar 7, 2022

@xiaopc 嗯嗯，没有 Releases ，大概的意思就 ≈ 仓库没有版本号，默认是不能加载的，只能手动指定 commit hash 来访问，可以在仓库路径里面直接手写 @hash 来访问某一个提交时的页面内容

jalena

Mar 7, 2022

现在也够丑啊！！

xiangyuecn

Mar 7, 2022

@jalena 😂那行吧将就用着

纯手撸了一个 GitHub pages 历史老版本页面的访问工具，纯 html 单文件

效果图（几年前写的页面 好丑 好眼熟）

效果图（几年前写的页面好丑好眼熟）