第 64 期：2 分钟规则

@Author : Lewis Tian ([e-mail])

@Link : github.com/taseikyo

@Range : 2024-05-26 - 2024-06-01

Weekly #64

readme | previous | next

*Photo by Valeriia Miller on Unsplash

Table of Contents

• algorithm

• review

• tip

  • 一行代码 “黑” 掉任意网站

• share

  • 2 分钟规则

algorithm 🔝

review 🔝

tip 🔝

1. 一行代码 “黑” 掉任意网站

实用技巧：只需一行代码，轻轻一点就可以把任意网站变成暗黑模式。

首先我们先做一个实验，在任意网站中，打开浏览器开发者工具 (F12)，在 Console 控制台输入如下代码并回车：

document.documentElement.style.filter='invert(85%) hue-rotate(180deg)'

神奇的事情发生了，当前打开的网站变成了暗黑模式。

原理解释:

document.documentElement 获取文档对象的根元素，即 元素 给 html 元素的.style 样式添加 filter 滤镜样式为 invert(85%) hue-rotate(180deg) invert() 反转图像。 hue-rotate() 色相旋转。

更多滤镜知识：filter

为了更方便实用，达到轻轻一点就可以对网页施加魔法🎉，

我们对代码做了一点点🤏🏻改动。（修正了滤镜对图片等元素的影响）

javascript: (function () {  const docStyle = document.documentElement.style;  if (!window.modeIndex) {    window.modeIndex = 0;  }  const styleList = [    '',    'invert(85%) hue-rotate(180deg)',   'invert(100%) hue-rotate(180deg)',  ];  modeIndex = modeIndex >= styleList.length - 1 ? 0 : modeIndex + 1;  docStyle.filter = styleList[modeIndex];  document.body.querySelectorAll('img, picture, video').forEach(el => el.style.filter = modeIndex ? 'invert(1) hue-rotate(180deg)' : '');})();

然后打开浏览器书签管理器，添加新书签，在网址栏粘贴这段代码并保存：

以后在任意网站，只需要轻轻一点切换模式书签就可以让它变成 85% 的暗黑，再点一次就是 100% 的暗黑，再点一次变回正常模式。

share 🔝

1. 2 分钟规则

• https://xugaoyi.com/pages/baaa02/

每当你发现很难开始执行某项任务时，可以试试将其缩减成 2 分钟的版本。

看一本书 → 看一页书

写一篇文章 → 写一句话

跑 10 公里 → 穿上跑鞋

做 100 次俯卧撑 → 做 1 次俯卧撑

多吃蔬菜水果 → 吃一个水果

编写一个程序 → 编写一个函数 → 编写一行代码

这样做的目的是使上手变得超级容易，让你先上手再说。一旦开始做了（这可能是最艰难的一步），你就会开始有动力，可能会继续做下去。

阅读一页 → 阅读 10 页 → 读完第一章

写一个句子 → 写文章的开头 → 写出正文

穿上跑鞋 → 步行 5 分钟 → 跑步 5 分钟

一旦开始，继续做下去就会容易得多。有时，你甚至会发现，自己在不知不觉间已经完成了任务。

readme | previous | next