# 第 64 期：2 分钟规则

> @Author : Lewis Tian (<taseikyo@gmail.com>)
>
> @Link : github.com/taseikyo
>
> @Range : 2024-05-26 - 2024-06-01

## Weekly #64

[readme](/arts/readme.md) | [previous](/arts/wu-yue/202405w3.md) | [next](/arts/liu-yue/202406w1.md)

本文总字数 1662 个，阅读时长约：2 分 18 秒，统计数据来自：[算筹字数统计](http://www.xiqei.com/tools?p=tj)。

![](/files/iZAwExqh23wO7Ypgh0Sk)

\**Photo by* [*Valeriia Miller*](https://unsplash.com/@valeriiamiller) *on* [*Unsplash*](https://unsplash.com/photos/a-person-is-taking-a-picture-of-a-city-GFqso6sfhus)

### Table of Contents

* [algorithm](#algorithm-)
* [review](#review-)
* [tip](#tip-)
  * 一行代码 “黑” 掉任意网站
* [share](#share-)
  * 2 分钟规则

### algorithm [🔝](#weekly-64)

### review [🔝](#weekly-64)

### tip [🔝](#weekly-64)

#### 1. [一行代码 “黑” 掉任意网站](https://xugaoyi.com/pages/dcebaf/)

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

![](/files/JJY9wXJHRiExyODejybd)

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

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

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

原理解释:

> document.documentElement 获取文档对象的根元素，即 元素 给 html 元素的.style 样式添加 filter 滤镜样式为 invert(85%) hue-rotate(180deg) invert() 反转图像。 hue-rotate() 色相旋转。
>
> 更多滤镜知识：[filter](https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter)

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

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

```js
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)' : '');})();
```

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

![](/files/IZNbQRPtyS2bC5dRd4Zz)

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

![](/files/JJY9wXJHRiExyODejybd)

### share [🔝](#weekly-64)

#### 1. 2 分钟规则

* <https://xugaoyi.com/pages/baaa02/>

> 每当你发现很难开始执行某项任务时，可以试试将其缩减成 2 分钟的版本。
>
> 看一本书 → 看一页书
>
> 写一篇文章 → 写一句话
>
> 跑 10 公里 → 穿上跑鞋
>
> 做 100 次俯卧撑 → 做 1 次俯卧撑
>
> 多吃蔬菜水果 → 吃一个水果
>
> 编写一个程序 → 编写一个函数 → 编写一行代码
>
> 这样做的目的是使上手变得超级容易，让你先上手再说。一旦开始做了（这可能是最艰难的一步），你就会开始有动力，可能会继续做下去。
>
> 阅读一页 → 阅读 10 页 → 读完第一章
>
> 写一个句子 → 写文章的开头 → 写出正文
>
> 穿上跑鞋 → 步行 5 分钟 → 跑步 5 分钟
>
> 一旦开始，继续做下去就会容易得多。有时，你甚至会发现，自己在不知不觉间已经完成了任务。

[readme](/arts/readme.md) | [previous](/arts/wu-yue/202405w3.md) | [next](/arts/liu-yue/202406w1.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://taseikyo.gitbook.io/arts/wu-yue/202405w4.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.