纯手撸了一个 GitHub pages 历史老版本页面的访问工具，纯 html 单文件
xiangyuecn · xiangyuecn · 2022-03-06 19:40:54 +08:00 · 2046 次点击这是一个创建于 1004 天前的主题，其中的信息可能已经有所发展或是发生改变。
工具在线地址： https :// xiangyuecn.gitee. io/recorder/assets/工具-GitHub 页面历史版本访问.html
食用方法：仓库路径中填写“GitHub 用户名 + : + 仓库名 + , + 文件路径”，版本号先不用管，然后点击加载。首次加载好后，可以切换版本号查看不同历史的页面效果
原理：原理很简单，用 JsDelivr CDN 可以访问到仓库内 Releases 的不同版本文件，把 html 页面手动加载过来，简单替换掉里面的资源引用即可（不支持太复杂的资源加载地址替换）
效果图（几年前写的页面 好丑 好眼熟）
 |
1
likunyan 2022-03-06 20:00:22 +08:00
看不懂，太乱了
|
 |
2
xiangyuecn OP @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 |
 |
3
xiaopc 2022-03-06 21:51:52 +08:00
1. 不支持仓库分支直接做 pages 的情况啊
2. 地址替换或许用 service worker 做更好 3. UI 确实有点 |
|
4
xiangyuecn OP @xiaopc 提供下拉选择的版本号是 Releases 中的版本号，和分支没有关系。如果需要查看某个分支 或 某个具体的 commit ，可以手动给版本号指定为 commit 的 hash 值，在链接里面修改 ver: url=...&ver=commitHash
这个页面源码很简单，几小时就写完了，没有用到高深的技术😜 工具本身的 UI 还算过得去😂 就是工具默认打开的版本是几年前的素颜版本，调到最新版会好看很多 |
|
5
xiaopc 2022-03-07 07:30:39 +08:00 via iPhone
@xiangyuecn 不是，意思是说，没有 release ，仓库里就是 html 这种没法加载
|
|
6
xiangyuecn OP |
 |
7
jalena 2022-03-07 11:38:03 +08:00
现在也够丑啊！！
|
|
8
xiangyuecn OP @jalena 😂那行吧 将就用着
|
Select Language