我开发了一个快速输入Markdown代码和禅模式的插件(ii-plugin)

介绍

这个插件的主要功能有:快速插入Markdown代码,禅模式,浏览器搜索,状态栏显示当前文档大小,用户自定义命令,JavaScript和CSS代码片段,可拖动状态栏,设置面板增加最小化按钮等。

特色

  • 快速插入常见Markdown代及一些HTML代码,包括Sup,Sub,Audio,Video,Iframe,左中右对齐,变量,脚注,Callout,锚点,HTML注释等。

  • 3种禅模式,包括深度禅模式,轻禅模式,微禅模式,并且你可以自定义他们的样式。

  • 可以用浏览器搜索选中的文本。

  • 状态栏显示当前文档大小。

  • 除了常见和的Markdown代码和常见HTML代码外,你还可以自定义你自己的代码,通过自定义命令输入框,可以把你的代码生成命令。

  • 如果你想对笔记某个功能做细微的调整可以用CSS代码片段,当CSS不足时,你还可以通过JavaScript代码片段做进一步调整。

  • 状态栏可以任意拖动,如果你的状态栏有时候遮挡重要的内容时,这个很有用。

  • 设置面板最小化,这个功能可以让你的设置面板暂时隐藏起来,与关闭不同的是会保持你最小化前的信息状态,比如你输入的状态,滚动条的位置等。

  • 颜色命令的颜色面板中常见的色块选自22种人类最易分辨的颜色。可参见文章20种不同的颜色A Colour Alphabet and the Limits of Colour Coding

安装

下载后把 obsidian-ii-plugin.zip 解压后,放到插件目录,重启 obsidian,然后别忘了到设置里开启插件即可。

使用

/ii,一般用于插入代码,ctrl+p + ii或右键菜单,一般用于对选择文字包裹代码。其他快捷方式,比如:如果想选择加粗命令也可以 /iib 等。
/iizctrl+p iiz 显示禅模式,你也可以自己设定快捷键。

禅模式可以通过命令面板ctrl+p + iiz触发,或者你也可以设置自己的快捷键。

浏览器搜索可以通过命令面板和右键菜单,通常使用右键菜单更方便。

时间和日期格式化,采用和官方一致的时间格式化代码,更多格式参见:String + Format

预览

快速输入截图

我开发了一个快速输入Markdown代码的插件-20240318195702413.webp

我开发了一个快速输入Markdown代码的插件-20240318195748256.webp

我开发了一个快速输入Markdown代码的插件-20240318200631362.webp

禅模式截图

我开发了一个快速输入Markdown代码的插件(ii-plugin)-20240320003419751.webp

我开发了一个快速输入Markdown代码的插件(ii-plugin)-20240320003447941.webp

动画展示

配置说明

我开发了一个快速输入Markdown代码的插件(ii-plugin)-20240320022804702.webp
我开发了一个快速输入Markdown代码的插件(ii-plugin)-20240320004046355.webp

Quick insert Markdown code: 开启这个功能,就会加入常见 Markdown 代码的命令,通过 /ii 可快速输入,也可以使用命令面板输入。

Show doc size in status: 开启这个功能,就会在状态栏显示当前文档占用空间的大小。

Zen mode: 开启这个功能,就会加入禅模式的命令,通过 /iiz 或命令面板可打开禅模式,或者自定义快捷键打开。

Show Chinese tips: 如果开启这个功能,会在命令列表里的右侧显示中文翻译,参见预览里的图片,默认情况下会根据你的语言自动开关。

Show Color picker modal: 这个功能是当你设置文字颜色或背景时,弹出颜色选择对话框供你选择,这里选择了大多数人类最易辨别的 20 种常见颜色,参见:20 种不同的颜色列表

Common color codes: 这里可以自定义你的常用颜色,注意,每个颜色代码单独占一行,这里选择了大多数人类最易辨别的 20 种常见颜色,参见:20 种不同的颜色列表

Show image and link modal: 这个功能是当你插入图片或链接时,弹出对话框供你填写更多内容。

Show media modal: 这个功能是当你插入音视频或 Iframe 时,弹出对话框供你填写更多内容。

Show tips in images and link code: 这个功能,当你插入空图片或链接代码时,会在代码中用文字提示每部分含义,对新手比较友好。

Use only standard Markdown code: 这个功能,当你插入 Markdown 代码时,使用标准 Markdown 格式插入。

Date format: 这个是当你插入日期时,使用的格式,采用和官方一致的时间格式化代码,更多格式参见:String + Format

Time format: 这个是当你插入时间时,使用的格式,采用和官方一致的时间格式化代码,更多格式参见:String + Format

Zen mode style: 这里可以自定义你的禅模式样式,包括编辑器样式和背景样式,事实上,你可以输入任何你想要的样式。

问题与反馈

您有任何问题都可以到 obsidian-ii-plugin/issues 去反馈。

开发与改进

git clone https://github.com/wish5115/obsidian-ii-plugin.git
cd obsidian-ii-plugin
npm install
npm run dev