Anyblock插件入门
插件简介
Anyblock是一个【无语法、可扩展、灵活强大、多平台】 的 Markdown 块扩展渲染插件。能实现无语法入侵的前提下,为obsidian实现更多渲染效果,例如表格、折叠、滚动、思维导图等。
官方文档
作者的博客: README | Linc 的小站
作者自荐的帖子:列表转表格、树目录、思维导图、时间线、表格合并 —— Any Block V3(Ob/Md-it/VuePress/VitePress通用) - 经验分享 - Obsidian 中文论坛
插件的开源地址:LincZero/obsidian-any-block.
使用说明
使用info语法召唤说明文档,如果你想看到渲染后的效果,应该在安装插件后,输入下面这段文字:
[info]
- 这是any block的文档
然后应该会渲染出下面的效果:
各效果器展示
我只会在这里展示我常用的效果,更多内容参见插件自身的文档。
文件树
技巧 :
- 分隔左右侧的逗号是中文逗号
- 逗号后有一个空格
源代码 :
[list2dt]
- vue-demo/
- build/, 项目构建(webpack)相关代码
- config/, 配置目录,包括端口号等。我们初学可以使用默认的
- node_modules/, npm 加载的项目依赖模块
- src/, 这里是我们要开发的目录
- assets/, 放置一些图片,如logo等
- components, 目录里面放了一个组件文件,可以不用
- App.vue, 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录
- main.js, 项目的核心文件。
- static/, 静态资源目录,如图片、字体等
- test/, 初始测试目录,可删除
- .eslintignore
- .gitignore, git配置
- .index.html, 首页入口文件,你可以添加一些 meta 信息或统计代码啥的
- package.json, 项目配置文件
- READED.md, 项目的说明文档,markdown 格式<br>手动换行测试<br>自动换行测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试k
- ...
效果展示 :
超出折叠
技巧 :使用(300)这样的参数控制显示范围
源代码:
[overfold(300)]
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
效果展示:
滚动
技巧:滚动也适用(300)这样的长度控制参数
源代码:
[scroll(300)]
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10