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

讨论修改 V2EX 网站背景色需要几步。

  •  
  •   3dwelcome · 2021-04-10 22:22:41 +08:00 · 2030 次点击
    这是一个创建于 1348 天前的主题,其中的信息可能已经有所发展或是发生改变。

    把大象放到冰箱里,分为三步。

    第一步:F12 打开 chrome 的开发模式,在[Sources]面板的[Overrides]下,开启[Enable Local Overrides],也就是 chrome 自动覆盖网站的任意文件选项。

    第二步:用选择页面元素工具,选中页面帖子的 cell 元素,点右边 css 文件名,直接修改样式,会自动跳转到 css 编辑源文件模式。

    第三步:为样式添加 background-color:lightgray;后,按 Ctrl+S 保存文件。

    注:chrome 会自动在硬盘上指定的目录里生成 www.v2ex.com 目录,以及修改后的 CSS 文件,全程自动化,不需要任何额外编辑,就能看到替换效果。只要目录不删除,v2ex 的 css 名字不变化,就永远有效。

    9 条回复    2021-04-11 16:47:01 +08:00
    Girlphobia
        1
    Girlphobia  
       2021-04-10 22:25:41 +08:00   ❤️ 3
    V2EX 的设置有 “使用自定义 CSS” 功能。
    3dwelcome
        2
    3dwelcome  
    OP
       2021-04-10 22:27:33 +08:00
    @Girlphobia V2 这都有吗?太高端了。赞一个。
    Girlphobia
        3
    Girlphobia  
       2021-04-10 22:29:50 +08:00   ❤️ 2
    @3dwelcome 实际上这是一个非常老的功能。

    对于任意网站的自定义样式,可以用 User JavaScript and CSS ( https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld) 的 Chrome 插件。
    Jirajine
        4
    Jirajine  
       2021-04-10 22:48:45 +08:00 via Android
    用 stylus 啊,我就给网页的邮件列表、rfc 加了样式,让它们不那么辣眼睛。
    3dwelcome
        5
    3dwelcome  
    OP
       2021-04-11 02:02:00 +08:00   ❤️ 1
    @Jirajine 倒不是为了加页面特效,用大象来举例,只是说明只用 chrome 原生功能,覆盖一个 css/js/接口是如此简单。甚至连普通的 ajax 请求都能给覆盖掉。
    chrome 早期版本没有,后来加上后,很多人不知道,我也是最近才知道。
    MajestySolor
        6
    MajestySolor  
       2021-04-11 04:32:34 +08:00
    日常使用的网站都用 stylus 做了微调,否则天天看自己不喜欢的字体或颜色可受不了
    matrix67
        7
    matrix67  
       2021-04-11 09:35:48 +08:00
    @MajestySolor #6 老哥跟我一样哈哈哈握手

    现在每个网站都长的差不多 2333
    lujjjh
        8
    lujjjh  
       2021-04-11 14:03:50 +08:00
    这个好像只能在打开开发者工具的时候奏效,关闭开发者工具之后强刷页面,就没了。

    @Girlphobia 「使用自定义 CSS 」功能的痛点是插入的 <style> 在内容之后,内容显示出来了才会加载自定义样式,视觉上会闪一下。

    看来还是得使用插件……
    Girlphobia
        9
    Girlphobia  
       2021-04-11 16:47:01 +08:00   ❤️ 1
    @lujjjh 收到反馈,之后会研究一下能否改变自定义 CSS 加载的位置。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3091 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 13:12 · PVG 21:12 · LAX 05:12 · JFK 08:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.