草庐IT

把所阅读的文章背景/主题变成白色

正风不正风 2023-07-28 原文

       今天在CSDN找SVD分解的资料,找到了一篇写的很好的文章,但是它的主题是黑色的,是黑色的!作为黑色主题深恶痛绝人士,于是我便想把这篇文章的主题改成白色。

       我们作为读者似乎并没有这个权力(选项)来修改,幸好CSDN是web应用程序,也就是使用浏览器来进行内容的展示,我们虽然不能修改博主设置的主题,但是可以通过修改浏览器中的Web代码来修改主题,从而来把它变成白色主题。

       所使用的Web知识:

      1.通配符选择器“ * ”:选择所有标签,将CSS作用于其中。

      示例:

        * {

                   margin:0;

                   padding:0;

        }

       2.!important:提高样式的优先级为最高

       示例:

       font-style:italic !important;

       3.设置标签的背景和字体

        示例:

         background-color:#fff !important;

         color:#000 !important;

 具体实操流程:

        目标文章:点击跳转

        浏览器:谷歌浏览器

        目标:提高阅读体验

        1.使用ctrl + shift +c 快捷键,然后将鼠标移到紫色区域并点击,选中文章中的元素

 

    

       2.修改样式窗口中的CSS:鼠标放到区域中向下滚可以看到body,div标签开头的标签选择器,单击body前的区域,在其前面添加一个*通配符选择器,再单击margin : 0;分号的后面,为其添加background-color:#fff !important; 和color:#000 !important; 分别设置所有标签的背景和字体颜色。

 

       我们可以发现只有一部分标签变白了,这是正常的,因为CSDN大量使用了!important,导致我们的!important不能覆盖CSDN设置的样式,这时我们就只有使用ctrl + shift + c来逐个修改背景没有变白和字体没有变黑的标签。

       3.使用ctrl + shift +c 逐个修改背景没有变白和字体没有变黑的标签,直到感觉阅读体验大幅提升为止。

        例如:1)修改正文的段落的字体颜色为黑色:将鼠标移到SVD简介这几个字上,可以看到右下角它的样式已经出现选择器了。

      我们将color中的#b4b4b4修改为#000即可,正文的所有文字就都变成黑色了

       2)修改正文侧边的背景为白色

 

      3)修改三连栏的背景为白色 

 

        并修改其中的黑色标签为白色

      至此,我认为阅读体验已经大幅度提升了 

       当然,如果你还想进行修改其他的黑色标签成白色的话,可以进行通过ctrl + shift +c 选中元素, 修改样式窗口中选择器内容来完成。

        后注:这个方法应该可以用于大部分Web应用程序文章,在我们浏览器上显示的内容,但是由于我的Web水平所限,如果读者有更好的方法或者可以实现自动化修改,欢迎来进行讨论或者分享你的文章链接。

有关把所阅读的文章背景/主题变成白色的更多相关文章

  1. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB? - 2

    所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择

  2. ruby-on-rails - 使用 Rmagick 或 ImageMagick 在背景上放置标题 - 2

    我有一张背景图片,我想在其中添加一个文本框。我想弄清楚如何将标题放置在其顶部的正确位置。(我使用标题是因为我需要自动换行功能)。现在,我只能让文本显示在左上角,但我需要能够手动定位它的开始位置。require'RMagick'require'Pry'includeMagicktext="Loremipsumdolorsitamet"img=ImageList.new('template001.jpg')img 最佳答案 这是使用convert的ImageMagick命令行的答案。如果你想在Rmagick中使用这个方法,你必须自己移植

  3. ruby - 寻找通过阅读代码确定编程语言的ruby gem? - 2

    几个月前,我读了一篇关于ruby​​gem的博客文章,它可以通过阅读代码本身来确定编程语言。对于我的生活,我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗? 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem?,我们在StackOverflow上找到一个类似的问题:

  4. UE4 源码阅读:从引擎启动到Receive Begin Play - 2

    一、引擎主循环UE版本:4.27一、引擎主循环的位置:Launch.cpp:GuardedMain函数二、、GuardedMain函数执行逻辑:1、EnginePreInit:加载大多数模块int32ErrorLevel=EnginePreInit(CmdLine);PreInit模块加载顺序:模块加载过程:(1)注册模块中定义的UObject,同时为每个类构造一个类默认对象(CDO,记录类的默认状态,作为模板用于子类实例创建)(2)调用模块的StartUpModule方法2、FEngineLoop::Init()1、检查Engine的配置文件找出使用了哪一个GameEngine类(UGame

  5. ruby-on-rails - 在 irb 中阅读文档 - 2

    我怀念ipython的一件事是它有一个?为特定功能挖掘文档的运算符。我知道ruby​​有一个类似的命令行工具,但是我在irb中调用它非常不方便。ruby/irb有类似的东西吗? 最佳答案 Pry是IPython的Ruby版本,它支持?命令来查找有关方法的文档,但语法略有不同:pry(main)>?File.dirnameFrom:file.cinRubyCore(CMethod):Numberoflines:6visibility:publicsignature:dirname()Returnsallcomponentsofthef

  6. ruby - 如何将 Ruby 脚本变成 bash 命令? - 2

    我有一个Ruby文件,我将它作为rubyfile.rb"parameters"运行。我更喜欢将它作为regtask参数运行,而不必每次都包含ruby和文件名。我希望它与ls处于同一级别。我将如何做到这一点? 最佳答案 编辑你的文件,确保这是第一行,这样你的系统就知道如何执行你的文件:#!/usr/bin/envruby接下来,更改文件的权限以使其可执行:chmoda+xfile.rb最后,重命名并将其移动到将要执行的位置,而无需编写其完整路径:mkdir-p~/binmvfile.rb~/bin/regtask(如果~/bin存在,

  7. ruby-on-rails - 在暂存环境中覆盖 ActionMailer 主题 - 2

    我希望从我们的登台服务器发送的所有电子邮件的主题中都带有“[STAGING]”字样。在Rails3.2中使用ActionMailer是否有一种优雅的方式来做到这一点? 最佳答案 这是我使用ActionMailerInterceptor找到的一个优雅的解决方案基于anexistinganswer.#config/initializers/change_staging_email_subject.rbifRails.env.staging?classChangeStagingEmailSubjectdefself.delivering_

  8. ruby-on-rails - 在所有页面上使用 Prawn 的背景图像 - 2

    我在View中有这段代码prawn_document(:page_size=>"A4",:top_margin=>80,:bottom_margin=>40,:background=>"public/uploads/1.png")do|pdf|creation_date=Time.now.strftime('%d-%m-%Y')posts=@posts.eachdo|post|pdf.pad(10)dopdf.textpost.titlepdf.textpost.textendendpdf.page_count.timesdo|i|pdf.go_to_page(i+1)pdf.draw

  9. ruby-on-rails - rails delete_if 使用哈希忽略当前文章(中间人) - 2

    我为你们准备了一个简单的。我想要一个特色内容部分,其中排除了当前文章所以这可以通过delete_if使用MiddlemanBlog:但是我使用的是中间人代理,所以我无法访问current_article方法...我有一个YAML结构,其中包含以下模拟数据(以及其他数据),文件夹设置如下:data>site>caseStudy>RANDOM-ID423536.yaml(由CMS生成)在每个yaml文件中,您会发现如下内容::id:2k1YccJrQsKE2siSO6o6ac:title:Heyplace我的config.rb看起来像这样data.site.caseStudy.eachdo

  10. ruby - 如何将 Vim 中的 "expand"文本转换成一种易于阅读的方式? - 2

    我经常使用嵌套数据结构,很多时候我必须从控制台手动分析它们。问题是它们全部打印在一行中。是否有一种简单的方法可以根据{,[,],}和逗号重新构造数据结构的显示,使其看起来像Ruby的pretty_print输出? 最佳答案 :%s/\([{,]\)/\1\r/gggVG=:setft=ruby呜呜呜 关于ruby-如何将Vim中的"expand"文本转换成一种易于阅读的方式?,我们在StackOverflow上找到一个类似的问题: https://stacko

随机推荐