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

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

@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) 上的代码块。

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

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

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

阅读全文 »

关于 React Hooks 与 Vue Composite API:

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

阅读全文 »

在不想全局 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. 启用即可

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%