V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
nanxiaobei

Hugo 主题 Paper 4.4 发布(全新 Dark Mode 来了)

  •  
  •   nanxiaobei ·
    nanxiaobei · Oct 15, 2019 · 5882 views
    This topic created in 2395 days ago, the information mentioned may be changed or developed.

    介绍

    Paper 是一个简洁、纯粹、灵动的 Hugo 主题。

    现 4.4 版本发布,带来全新 Dark Mode (需授权获取位置信息,日落后变为 Dark Mode )。

    可能是 Dark Mode 第一次来到一个博客主题~

    GitHub

    https://github.com/nanxiaobei/hugo-paper

    Demo

    https://nanxiaobei.github.io/hugo-paper/

    KpXVCd.png

    KpXA4H.png

    Supplement 1  ·  Oct 16, 2019
    已更新主题代码,目前实现 Dark Mode 不需要再获取位置信息。
    20 replies    2019-10-16 10:25:45 +08:00
    storypanda
        1
    storypanda  
       Oct 15, 2019 via Android
    能搬运 hexo 嘛?
    blueset
        2
    blueset  
       Oct 15, 2019 via Android
    Demo 里面没找到哪里有要位置权限。

    上个月把 WordPress 的 Twenty Nineteen 扩展出了个可开关的暗色模式,不过只是放在自己博客上了,还没有发布。
    AN3O
        3
    AN3O  
       Oct 15, 2019
    "需授权获取位置信息" 多数商业网站都不给与权限的情况下,个人博客想要这个授权会不会更难呢?
    nanxiaobei
        4
    nanxiaobei  
    OP
       Oct 15, 2019
    @blueset 抱歉,Demo 之前没更新,刚才更新了~
    nanxiaobei
        5
    nanxiaobei  
    OP
       Oct 15, 2019
    @AN3O 这个是需要用户授权浏览器弹出的获取位置信息提示,后面考虑做个未授予权限的兼容~
    edsheeran
        6
    edsheeran  
       Oct 15, 2019 via iPhone
    獲取用戶的系統時間不就行了
    paullee
        7
    paullee  
       Oct 15, 2019 via iPhone
    想要一个通过 js 获取浏览器时间,根据时间来切换日落的版本..
    nwu2Cv8OZ2MZMg39
        8
    nwu2Cv8OZ2MZMg39  
       Oct 15, 2019
    黑色模式下,页面切换会闪白
    nanxiaobei
        9
    nanxiaobei  
    OP
       Oct 15, 2019
    @edsheeran 考虑到一年不同日期的日落时间是不同的
    nanxiaobei
        10
    nanxiaobei  
    OP
       Oct 15, 2019
    @paullee 考虑到不同日期日落时间是不同的,所以采用了这么个比较麻烦的方式
    nanxiaobei
        11
    nanxiaobei  
    OP
       Oct 15, 2019
    @VikingX 因为 JS 控制,会有这么问题,后面考虑下有没有好的方式~
    edsheeran
        12
    edsheeran  
       Oct 15, 2019 via iPhone
    @nanxiaobei 定位權限涉及隱私,一般知道的用戶不會授權的,不知道的用戶也不敢瞎點,然後這個功能等於沒做
    nanxiaobei
        13
    nanxiaobei  
    OP
       Oct 15, 2019
    @edsheeran 这个跟 App 需要授权一样,主题很简单,也不可能收集隐私,可以不授权,也不影响使用~
    kveln
        14
    kveln  
       Oct 15, 2019
    大家不知道要获取这个位置信息要干嘛用的,弹窗授权可能会给关掉。可以加一个手动切换暗色模式和正常模式的按钮,把这个选择权交给用户。
    edsheeran
        15
    edsheeran  
       Oct 15, 2019 via iPhone
    @nanxiaobei 不知道的人打開這個網頁,提示需要位置權限,誰知道要幹什麼啊?還以為是定位方便查水表?
    edsheeran
        16
    edsheeran  
       Oct 15, 2019 via iPhone
    要麼提供後台設置參數:默認白天,默認黑夜,自動模式,自動模式採用獲取系統時間不要通過獲取位置信息的方式實現解決這個問題
    nanxiaobei
        17
    nanxiaobei  
    OP
       Oct 16, 2019
    @AN3O
    @edsheeran
    @paullee
    @kveln
    已更新 Demo,目前不需要再获取位置权限~
    nanxiaobei
        18
    nanxiaobei  
    OP
       Oct 16, 2019
    @VikingX
    已更新代码,尽可能的做了优化,理论上只有每天第一次进入时会闪一下,其它情况会读取缓存,不存在闪烁~
    paullee
        19
    paullee  
       Oct 16, 2019 via iPhone
    @nanxiaobei 多谢大佬
    edsheeran
        20
    edsheeran  
       Oct 16, 2019 via iPhone
    非常感謝
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4030 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 88ms · UTC 05:13 · PVG 13:13 · LAX 22:13 · JFK 01:13
    ♥ Do have faith in what you're doing.