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

[xiangyuecn]

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

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

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

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

[likunyan]

看不懂，太乱了

[xiangyuecn]

@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]

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

[xiangyuecn]

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

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

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

[xiaopc]

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

[xiangyuecn]

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

[jalena]

现在也够丑啊！！

[xiangyuecn]

@jalena 😂那行吧 将就用着