V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xiangyuecn
V2EX  ›  程序员

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

  •  
  •   xiangyuecn ·
    xiangyuecn · 154 天前 · 1368 次点击
    这是一个创建于 154 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    效果图(几年前写的页面 好丑 好眼熟)

    8 条回复    2022-03-07 12:52:22 +08:00
    likunyan
        1
    likunyan  
       154 天前
    看不懂,太乱了
    xiangyuecn
        2
    xiangyuecn  
    OP
       154 天前
    xiaopc
        3
    xiaopc  
       154 天前
    1. 不支持仓库分支直接做 pages 的情况啊
    2. 地址替换或许用 service worker 做更好
    3. UI 确实有点
    xiangyuecn
        4
    xiangyuecn  
    OP
       154 天前
    @xiaopc 提供下拉选择的版本号是 Releases 中的版本号,和分支没有关系。如果需要查看某个分支 或 某个具体的 commit ,可以手动给版本号指定为 commit 的 hash 值,在链接里面修改 ver: url=...&ver=commitHash

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

    工具本身的 UI 还算过得去😂 就是工具默认打开的版本是几年前的素颜版本,调到最新版会好看很多
    xiaopc
        5
    xiaopc  
       153 天前 via iPhone
    @xiangyuecn 不是,意思是说,没有 release ,仓库里就是 html 这种没法加载
    xiangyuecn
        6
    xiangyuecn  
    OP
       153 天前
    @xiaopc 嗯嗯,没有 Releases ,大概的意思就 ≈ 仓库没有版本号,默认是不能加载的,只能手动指定 commit hash 来访问,可以在仓库路径里面直接手写 @hash 来访问某一个提交时的页面内容
    jalena
        7
    jalena  
       153 天前
    现在也够丑啊!!
    xiangyuecn
        8
    xiangyuecn  
    OP
       153 天前
    @jalena 😂那行吧 将就用着
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1113 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:03 · PVG 03:03 · LAX 12:03 · JFK 15:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.