【焦点写作|ZenType】聚焦、打字机与顺滑光标的插件

2025 年 2 月 9 日更新:改善了一下光标和高亮条。

2025 年 2 月 6 日更新:虽然是半成品,姑且先发布了,爱折腾的朋友可以看看,有大佬愿意指导一下的话感激不尽~

我不会写程序,所以有不如意的地方才是常态,慎用,慎用。

焦点写作 |ZenType - 思源笔记插件

焦点写作是一个为思源笔记提供聚焦、打字机模式和顺滑光标等功能的插件。通过让周围块逐渐模糊、将输入块移至屏幕中心以及自定义光标样式,焦点写作帮助用户更专注于当前编辑的内容。

[!WARNING]
插件有相当多不完善的地方,也没有经过测试,请谨慎考虑是否使用。

功能概述

聚焦当前块

通过让周围块逐渐模糊(透明化),在当前行添加高亮条等方式,突出显示当前编辑的块,增强视觉焦点。

打字机模式

在输入时,当前块会自动滚动到屏幕中心,确保用户始终在屏幕中央进行编辑。

顺滑光标

隐藏默认光标,替换为自定义块,提供更顺滑的光标体验。光标样式类似于 IA Writer 的光标模式。

安装

  • 下载 Release 文件并解压至插件文件夹。
  • 插件市场搜索 zenType 并启用。

计划表

  • 功能初步完成

    • 聚焦功能
    • 打字机功能
    • 顺滑光标
  • 发布插件

  • 优化及修复

    • requestAnimationFrame 不停调用更新光标位置的方法优化光标
    • 先把高亮条插入在 <body> 标签下解决不同页面高亮背景条丢失的问题
    • 卸载插件的时候把样式文件也卸掉
    • 全屏模式下高亮背景条的层级显示问题
    • 改善退格及回车产生空行情况下的聚焦模式

如果您有任何建议或发现问题,欢迎在 GitHub 上提交 issue 或 在链滴上联系我。

插件效果预览 →

下载 →Github

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    23996 引用 • 97698 回帖
4 操作
HanOrz 在 2025-02-09 20:14:45 更新了该帖
HanOrz 在 2025-02-07 14:33:02 更新了该帖
HanOrz 在 2025-02-06 23:22:44 更新了该帖
HanOrz 在 2025-01-28 22:19:52 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • Afterglow via Linux

    透明度可以看看这个大佬的代码片段,我自己改过,配合打字机插件感觉可以做到 Typora 的那种: [js] 聚焦当前编辑元素块 - 禅模式 - xqh042 的回帖

  • EmptyLight

    好强的技术力&执行力

  • EmptyLight

    试用一番发现效果不错,但是还是有一点问题。

    比如压缩包里面的文件夹为 zenType,下载后注意手动改为 ZenType(在插件文件夹里)。

    打字机模式不知道为什么没启用,应该不是插件冲突,我已经关闭了打字机模式插件。

    滚动屏幕的时候当前行背景条和光标会有点滞后(思源原本的光标在滚动时字符位置不会产生移动,这个在滚动之后光标会有一两行的位移)

    聚焦当前块的设计不错,但是和主题有点兼容问题。表现为背景条能够显示到编辑区滚动条右侧,可能是主题问题,我回去自查一下。

    1 回复
  • HanOrz

    哇,真有人用我的插件呀,开心~

    打字机模式这个其实就是下面这一行代码,每次更新当前块的时候就会运行一下,你可以调控制台看下。光标和背景条滞后这个确实有,据观察可能输入的时候会打断动画,我现在也不知道怎么弄 😂。

    我本身的代码能力也就改改 css……还经常改不好,几天能撸出这个插件来,全靠 deepseek 给力。这些问题靠我估计是很难修啦。

    // 平滑滚动到视图中心 currentBlock.scrollIntoView({ behavior: "smooth", block: "center" }); this.updateCustomCursor();

    整个源代码的地址在这儿 →Github,很多东西不一定合大家的使用习惯,你可以先参照看着改呀~

  • shiyuankill 1 评论

    您好作者,适配一下黑色模式image.png

    你的输入行背景框也会超过编辑器的范围吗?
    EmptyLight
  • Near via macOS

    想问问楼主用的是什么字体,求推荐 ~

    1 回复
  • rei1989

    都是很棒的功能,期待尽快上架市场

    1 回复
  • 看出来了,还是个虎单 😄

  • HanOrz

    标题是令东齐伋体,在 Github 上开源。

    正文应该是方正聚珍新仿吧。

  • HanOrz

    上架啦,不过很不完善~

请输入回帖内容 ...