未分類
15 4 月 2021

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

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

資深大佬 : 3dwelcome 0

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

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

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

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

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

大佬有話說 (9)

  • 資深大佬 : Girlphobia

    V2EX 的设置有 “使用自定义 CSS” 功能。

  • 主 資深大佬 : 3dwelcome

    @Girlphobia V2 这都有吗？太高端了。赞一个。

  • 資深大佬 : Girlphobia

    @3dwelcome 实际上这是一个非常老的功能。

    对于任意网站的自定义样式，可以用 User JavaScript and CSS ( https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld) 的 Chrome 插件。

  • 資深大佬 : Jirajine

    用 stylus 啊，我就给网页的邮件列表、rfc 加了样式，让它们不那么辣眼睛。

  • 主 資深大佬 : 3dwelcome

    @Jirajine 倒不是为了加页面特效，用大象来举例，只是说明只用 chrome 原生功能，覆盖一个 css/js/接口是如此简单。甚至连普通的 ajax 请求都能给覆盖掉。
    chrome 早期版本没有，后来加上后，很多人不知道，我也是最近才知道。

  • 資深大佬 : MajestySolor

    日常使用的网站都用 stylus 做了微调，否则天天看自己不喜欢的字体或颜色可受不了

  • 資深大佬 : matrix67

    @MajestySolor #6 老哥跟我一样哈哈哈握手

    现在每个网站都长的差不多 2333

  • 資深大佬 : lujjjh

    这个好像只能在打开开发者工具的时候奏效，关闭开发者工具之后强刷页面，就没了。

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

    看来还是得使用插件……

  • 資深大佬 : Girlphobia

    @lujjjh 收到反馈，之后会研究一下能否改变自定义 CSS 加载的位置。