Obsidian 插件:Obsidian jTab
插件名片
概述
使用 jTab 代码块将吉他和和弦图,以图片的形式添加到集中。jTab
原文出处
下面自述文件的来源于 Readme
Readme(翻译)
下面是 obsidian-jtab 插件的自述翻译
Obsidian jTab 指南
Obsidian jTab 可以在你的笔记中直接显示吉他和弦和吉他谱。
它使用 jTab 库来渲染吉他和弦/吉他谱。
jTab 代码块
-
```jtab
jTab 行将被渲染。jTab 会自动检测是否存在和弦、吉他指法或两者都有。
-
```jtab-examples
输入一个空的代码块以查看所有的 jTab示例
-
```jtab-chords
输入一个空的代码块以查看所有可用的和弦(仅名称)。从列表中复制/粘贴任何内容到一个普通的 jtab 代码块中以查看和弦图表。
Obsidian jTab 的特定增强功能
-
支持每个代码块中的多个 jTab 行 代码块中的每个 jTab 行将被单独渲染。空行将被忽略。
-
支持代码块中的 Markdown 以 `#<space>` (`# `) 开头的行将在渲染的代码块内作为 Markdown 渲染。
-
完全可自定义的颜色设置 可选择普通模式(黑底白字)、主题模式(跟随您的主题颜色)或自定义背景、行、文本、和弦点以及弦点文本的颜色。在设置中试用一下。
-
快速访问 jtab-examples 将任何 jtab 代码块的语言更改为 jtab-examples(仍然包含您的 jTab),它将渲染示例并在您再次编辑时保留您的 jTab。
-
快速访问 jtab-chords 和弦列表 将任何 jtab 代码块的语言更改为 jtab-chords(仍然包含您的 jTab),它将渲染可用的命名和弦列表,并在您再次编辑时保留您的 jTab。
jTab 颜色方案
jTab 的颜色现在可以完全自定义,并且在设置中提供了实时预览。经典模式适用于传统的黑底白字外观,主题模式将跟随您的主题颜色。您可以从这两种模式中选择一种,并更改其中一种颜色,或者自定义混合它们以获得自己喜欢的效果。
学习 jTab
你可以通过简单地添加以下内容,将 jTab 网站上的所有示例直接放入你的笔记中:
```jtab-examples
```
jTab 渲染注意事项
-
它是否“响应式”?
jTab 库本身不是响应式的(即根据移动设备和浏览器宽度自动调整大小),因此在移动设备上的效果可能会有所不同。
-
渲染过宽?
jTab 渲染的宽度取决于您设置的 jTab 的长度。您可以将长的 jTab 分成多行来显示。
-
关于 jTab 网站上提到的 chordonly 和 tabonly 类有什么作用?
jTab 库在渲染 jTab 时会自动检测是否存在和弦和/或标签。在示例页面上提到的 chordonly 和 tabonly 类不会影响渲染的图像。它们是用于在渲染图像的包含 div/父元素无法正确自动调整图像高度时的旧辅助类。在现代浏览器中,这些类不再需要。
渲染的 jTab 示例
只有和弦的 jTab
```jtab
E / / / A7 / B7 /
```
只有指法的 jTab (哈哈)
```jtab
$4.7 $3.5 $2.5 $1.5 $1.7.$4.6 $2.5 $3.5 $1.7 | $1.8.$4.5 $2.5 $3.5 $1.8 $1.2.$4.4 $2.3 $3.2 $1.2 | $1.0.$4.3 $2.1 $3.2 $2.1 . $1.0 $2.1 $3.2 | $2.0.$3.0.$5.2 $2.1.$3.2.$5.0 $2.1.$3.2.$5.0 . $3.2.$5.0
```
带有和弦和指法的 jTab
```jtab
Bm $3 4 4h5p3h4 5 $2 3 5 7 7h8p7 5/7 ||
```
jTab 示例代码块
```jtab-examples
```
归属
社区支持
- 感谢 @RobColes 提出的 #5(自定义颜色)建议并成为测试人员。
被 Obsidian jTab 使用
-
- 许可证 LGPL v2.1(在其 js文件 中,而不是在普通的 GitHub 许可证文件中)
根据 LGPL 规则,未修改使用 jTab,除非我不修改 jTab 源代码,只是
- 禁用 jtab.renderimplicit() 在初始化时运行。(它在页面中搜索 jtab 元素并自动渲染它们)
- 使用 ES6 封装库以便与 node/ts 一起使用
被 jTab 库使用
反馈交流
其他渠道
版权声明
版权声明:所有 PKMer 文章如果需要转载,请附上原文出处链接。