wxsm's pace

发表于 Waline：

博客迁移至 Hexo。主要原因是：

  1. Vuepress 有部分 bug 难以忍受，而且 v1 仓库已经停止维护了；
  2. Vuepress 的功能对于 blog 来说还是有些弱；
  3. Vuepress v1 存在文章数量增加，首屏加载大小不断变多的问题；
  4. Vuepress 没有 blog 主题，而我自己写的主题是基于 v1 的，且无法升上 v2 (因为：为了解决问题 3，v2 中 $posts 变量被移除了，而该主题的首页依赖这个变量做渲染)；
  5. …… (其它难以忍受的问题)

发表于 Waline： 
@media (prefers-color-scheme: dark) {
    html {
        filter: invert(90%) hue-rotate(180deg);
    }

    img, video, svg, div[class*="language-"] {
        filter: invert(110%) hue-rotate(180deg);
        opacity: .8;
    }
}

具体效果参考本站（打开系统级别的暗黑模式）。 解释：

  1. invert 将所有色值反转，hue-rotate 将黑白以外的其它主色调再反转回来（防止页面主题色出现大的变化）；
  2. 网上的 invert 通常取值为 100%，但是这样反转得到的黑色往往太过黑，眼睛看起来有点累，因此我觉得 90% 是一个更合理的值；
  3. 将图片、视频等其它不需要被反转的元素再反转回来，并加一个透明度，让其不那么刺眼；
  4. 如果 html 反转 90%，则图片等元素需要反转 110%；
  5. div[class*="language-"] 对应的是本站 (VuePress) 上的代码块。

发表于 Waline：

其实不需要装任何插件，IDE 自带的 Markdown 插件即可支持该操作：

  1. 使用任意截图软件截图到剪贴板；
  2. Ctrl + V 复制到编辑器中；
  3. IDE 会自动生成图片文件 img.png（如果已存在，则会加自增后缀），以及相应的 Markdown 标签 ![img.png](img.png)。

但是，默认的插件不能配置保存路径（只能是 markdown 文件所在的路径），也不能配置命名规则，因此找了一个插件来增强这个功能。

阅读全文 »

发表于 Waline：

关于 React Hooks 与 Vue Composite API：

二者为了共同的目的，在接近的时间点，以非常相似但是又带有本质区别的方式，推出了各自对于未来前端代码结构发展的新思路。本文在对二者做一些简单介绍的同时，也会重点关注二者之间的统一与区别。

阅读全文 »

发表于 Waline：

在不想全局 vpn 的情况下，可以用 host 加速。

该方法主要利用 github.com/ineo6/hosts 的 hosts 文件，国内镜像 gitee.com/ineo6/hosts。

方法一：手动

手动复制 hosts 的内容，并粘贴至对应操作系统的 hosts 文件内。

方法二：自动

  1. 下载开源的 host 切换软件 SwitchHosts
  2. 新建一条规则：
    1. 方案名：随便
    2. 类型：远程
    3. URL 地址：https://gitee.com/ineo6/hosts/raw/master/hosts
    4. 自动更新：随便，或 1 小时
  3. 保存，保存后可以先手动刷新一次
  4. 启用即可

发表于 Waline：

Assertions include boundaries, which indicate the beginnings and endings of lines and words, and other patterns indicating in some way that a match is possible (including look-ahead, look-behind, and conditional expressions).

断言是正则表达式组成的一部分，包含两种断言。本文记录了一些常用断言。

阅读全文 »
0%