WebXport插件使用教程

如果 obsidian 知识库不接 ai， 就 相当于买了法拉利，但只当自行车去骑，完全浪费了 obsidian 作为本地知识库的最大价值。 hello 贵精神鼓掌们，我是 ness 菜菜，前两期内容分享了怎么用 obsidian webclip 加 obsidian 搭建卡帕西同款 ai 知识库。 今天这期内容介绍怎么给 obsidian 接入自己常用的 ai。 根据大家常用 ai 工具类型的不同，可以分为这么三种方法， 方法一， a i i d e 加 obsidian 如果你的常用工具是 cut tree hold 这类， a i i d e 那 方法就很简单了，直接用 a i i d e 打开 obsidian 知识库，这时候的 obsidian 知识库所在的文件夹就相当于项目仓库。 这种方法的优劣都很明显，优点是你基本不用做任何配置，就可以用 ai ide 中的各种内置模型，以及它们在上下文选择、语音输入、版本管理的原生能力去更好的料理 obd 知识点库。 而且在 ide 中你还可以看到各种隐藏文件和文件夹，比如这样点 cloud， 这样你对自己这个知识库中都有哪些 skills 或者插件就一目了然了。不过缺点就是你得在两个软件中来回切换， ai ide 充当支持处理器的角色， opposite 点则做最后的支持连接和格式化呈现。如果你不喜欢在两个软件中来回切换也没关系，可以试试方法二和方法三。 方法二， obsidian 加 ai 插件 obsidian 和 id 一 样，也都拥有自己的社区插件市场。方法二就是借助这个社区插件市场给 obsidian 接入 ai 目前社区内比较热门的 ai 插件有这么三个， cloudian、 opencode 以及 co pilot。 前两个目前没有上架到 obsidian 社区插件市场，所以他们在安装方法上就和抠拍了有所差别。先说已经上架了社区插件市场的抠拍了，大家打开 obsidian 设置第三方插件的界面，点击社区插件市场右侧的浏览按钮，再打开的社区插件市场窗口中搜索抠 pilot， 找到这个一百二十六万安装的，在安装并启动后，就可以根据自己常用的模型去配置 api key。 需要特别说明的是，抠拍了插件目前内置或者可以自定义的大模型 基本都是国外的，如果想要使用性价比更高的国产模型，目前有 deep sync 以及微机流动这两个服务商可以提供。配置成功后，我们就可以在右侧面板引用相应的文件或文件夹进行对话了。这个插件有一个特色功能，就是可以把对话自动保存为文档，它是默认开启的， 如果大家不想要的话，需要在插件的设置窗口找到 auto save chat 并关闭。 folder 和 open code 则都没有上架到 obsidian 社区插件市场中，所以它俩的安装方法就比较多样，目前常见的有三种，第一种是纯手动操作，先去它们各自的项目仓库，从最新版中下载 mate j s manifest， 点 json 以及到点 c s s 这三个文件。接着在你的 obsidian 支持库的插件文件夹中创建一个名叫 o 点或者 open code o c 点的文件夹，然后把前面下载的三个文件复制到对应插件的文件夹中，这里之所以会有一个 data 点 json， 它是后面生成的，大家不用管。第二种就是借助 b r a t 这个 o c d 插件，它是专门解决这种 beta 插件，也就是未上架插件的测试和使用的。在成功安装 b a r t 后，是需要将自己开发的或其他第三方未上架的插件，如 opencode 的 get 号链接丢进去就可以了， 在识别并选择版本后，然后点击 app login， 就 可以轻松完成安装。我这也是之前已经安装过了，所以就不重复安装了。最后一种方法也是现在大家会越来越多用到的方法，就是把插件链接丢给 ai， 让它帮你把插件安装到你指定的 obsidian 知识库的插件文件夹中。无论前面哪一种方法， 都只是解决 ai 搭建的安装问题，想要在 obsidian 中正常使用它们，还需要确保自己之前在本地就安装过 cloud code 或 open code。 至于在本地怎么安装这两工具，之前有分享过，这里就不赘述了。但对于纯新人来说，现在最简单的方法就是安装一个免费的 ai id， 如中文版 tree， 然后告诉他在本地帮你安装 got code 或 open code。 具体提示时可以是这样的，最后让他指引你用 cc switch 一 步步完成模型配置即可。 cc switch 无论对 ai 变成新人还是老人来说，都超好用的。 方法三， terminal 插件加 coding c l i 这种方法同样不用切换软件，适合已经习惯用 coding c l i 的 精神股东。在 opposite 社区插件市场搜索安装并启动这个 terminal 插件。当你启动这个插件后，就可以在左侧菜单栏找到这个 terminal 插件的 icon， 点击就会有这么一个弹窗，我们选择整合式。接着你就会在 obsidian 下方看到这样的一个终端入口，输入你常用的 call 定 c i 工具的启动命令，如 cloud 就 可以了。你也可以鼠标选中这个终端窗口，并长按， 把它拖拽到右侧面板，就看你个人平时更习惯在哪一个位置进行 a i 对 话。如果你常用 cloudco 的 话，那么 cloudcoin 插件和 cloudco 的 差别不会太大，因为两者底层都是调用 cloudco。 c l i 区别在于， cloudcoin 大 件有做 obsidian 的 体验增强，如内人的 diff， 又比如 at 文件以及笔记内编辑等。而原生的 cloudco 则支持更完整的 agent 能力，而且更稳定。 如果你主要在 obsidian 中写笔记，做知识管理，轻度扣顶，那么 cloud 点已经能发挥 cloud 百分之八十到九十的能力，而且体验上更好。如果你是做重度软件开发，需要极致稳定，需要频繁用 cloud 的 最新功能，那就还是终端直接跑 cloud， 然后平时双开就好， 毕竟前期的配置都是一样的。以上就是给 opencode 接入自己常用的 ai 的 三种方法，我们做个简单的总结， 如果你不想在前期的配置环节太折腾，或者希望将更多的 ide 的 原生能力应用到知识库管理中，或者不讨厌在不同软件来回切换，那么 ai ide 就是 opposite 很 好的搭子。但如果你不想在不同软件中切换， 消耗注意，那么可以考虑 cloud 点 open call 这类插件，然后和固定 c o i 双开，前者能够满足大部分的知识管理场景，后者能让你随时体验到最新 最强大的 a 准能力。无论哪种方法，都快去试试吧！让 obsidian 从以前的被动存储工具，真正变成我们活的第二大脑。

大家好，今天我想给大家推荐一款浏览器插件，它就叫 obsidian webclipper， 它最大的作用就是帮助你在互联网上看到好看的文章或者好的资料的时候，你可以直接一键把它保存到你本地的 obsidian 仓库里面，就在今天它还更新了最新的一点四版本，这个版本多了一个非常强的功能之，它可以直接把你的油管视频转换成一个 可以交互式跳转字幕的一个学习的一个界面，就像这样我们直接点击右上角的这个插件，点击这个阅读器，好的可以看到我们油管视频直接变成了一个非常干净简洁的一个界面， 那么这个视频可以做什么？首先我们可以看到当视频播放的时候，字幕会自动在下面以一个时间轴的形式不断往下播放，然后他会自动高亮每一句字幕左边是他的这个视频的章节，你可以很快的去跳转，你点一下字幕，他就可以直接跳转到字幕对应的内容。这个功能就非常的方便我们在看一些长的教程类或者 学习技术类的视频的时候去使用。而且最绝的一点是他可以搭配他本身的保存或者一个高亮，我们可以点击这个画笔，然后对他进行一个高亮， ok， 高亮之后我们再点击右上角这个飞点的标记，然后他就会弹出他本身的一个保存的这个功能，其实保存的时候我们可以发现他会自动把我们刚才已经高亮的这个句子部分画也画上 一个高亮的标记，这样我们在保存到本地知识库里面的时候，他就已经是被高亮过后的样子，我们这里直接点击保存到我们的飞点仓库。好的，可以看到他已经把整个视频 以字幕的形式保存到我们的本地，他也把我们刚才高亮标记的句子也都高亮出来。有了这个插件之后，我们在学习资料或者看视频做笔记的时候就会更加的顺手和方便。如果大家想使用，直接去谷歌浏览器的插件商店或者其他浏览器的插件商店去搜索 openclip 就 可以直接下载使用。

给大家推荐一个学习和记笔记的神级插件，就是这个 obsidian webclipper， 它不仅呢可以直接去抓取网站上的东西， 然后呢我们把它一键加入到我们的 obsidian 笔记里面，还可以呢读取我们的 youtube 视频，你看我现在就点击我的这个 clip 插件呢，然后我点击这个 add to obsidian， 然后我们就会看到呢这个标题啊，还有来源呐，还有作者呐，还有发布时间，以及呢这个视频的描述栏，而且呢还有它的这个 transcripts， 也就是它的字幕，我们可以对照来学习。它还有一个模式啊，就是我们可以点击它的阅读模式，我们点击这里 我们就可以看到啊这里面有相应的时间戳，直接自动跳转到啊相应的视频内容， 那左边这里呢就它实践戳章节，非常方便我们去学习这种内容型的视频。那包括呢我平常去浏览 x 上的破文的时候，觉得有用的话，我也是直接一键去点击啊这个插件，然后呢把这个文章呢保存到我们的 obsidian 里面去，还没有安装的小伙伴快去安装哦。

这样网页数据就保存为 excel 表格了。今天给大家分享一个网页数据采集插件，我们先打开谷歌应用商店，搜索 web scraper， 然后安装。接下来给大家演示一下数据采集， 比如网页上有这样一个表格数据，我们要把它抓取下来。首先我们观察一下，这里共有一百零九页数据需要翻页，现在开始抓取 if 十二，打开控制台， 找到我们刚刚安装的 web taper。 首先点击 create new site map， 这里名称随便写， url 就写当前网址。然后我们要创建选择器，点击 at new selector id， 随便填写 类型，我们这里是表格就选 table， 然后点击 select 选择网页表格，这里它已经非常智能地帮我们框选了数据部分。 完成选择后，我们可以看看识别出来的表头和网页表格是否一致。保存选择器，因为我们这里采集全部数据需要翻页，还要创建一个翻页选择器，点击创建， 注意这里的类型要选择翻页，拍个 nation， 然后选择点击一下翻页按钮。保存选择器，这里我们创建了两个选择器，我们要编辑第一个选择器，把它的副选择器改为翻页选择器完成以后，我们就可以开始抓取数据了，点击爬取 页面就开始自动爬取数据并翻页，等待一会数据就抓取好了，我们选择导出数据为 excel， 打开 excel 文件，对比一下是我们想要的数据。

利用谷歌插件 wift 可以采集外部网页内容，并且保存到 battle 站点中。 wiftipod 提供四种剪藏方式，书签， 整个页面智能选取，手动选取，选择简葬内容，加入不同站点栏目，可以为内容添加标签和描述，以便查找。 有需准备谷歌浏览器 vipple 压缩包首先下载，将压缩包解压，如不能正常获取文件，请联系客服人员。打开谷歌浏览器，点击更多工具扩展程序，打开右上角开发者模式，加载已解压的扩展程序，导入解压的文件，加插件安装完成。绑定白兔账号， 找到谷歌扩展程序，将 vip 可固定在任务栏。打开网页，点击插件使用，根据提示绑定百克里账号。注，这里需要 xs， 可在百克利不善点内插件中心 ip 二接口设置，直接复制粘贴过来。重要声明，麦克 apple 插件不是百克利官方团队维护的，本插件功能只是为了给用户提供方便，不意味着任何形式的担保。如果遇到问题，请直接联系这个软件的开发者。

哈喽，朋友们，我是阿水，上次呢，我用 codex web 定了一个生成 ui 设计稿和切图的插件，那 ui 设计师必看的这一期，所以呢，这一次在上一次功能的基础上实现了大家都很关心的如何导入。 figma 是 可编辑可修改样式的设计稿， 文案是可以随便修改，巨型的圆角大小也可以调节，并且呢，这种阴影效果还有整个图片的设计的还原度也是很高的，而且呢，这次图标实现了 svg 效果，可以自由编辑描边的颜色呀，大小这些。那这次更新可以说是一个完整体的插件功能了，从 从图片生成到切图再到可编辑的飞格玛设计稿，实现了 u i 设计师解放双手，而且这一次还更新了切图，可以自由的设置圆角呀，大小呀这些，那切出来的图片会更符合我们的交付标准。那还是一样，想要体验插件的同学可以直接在评论区留言，我做这个插件呢，其 主要目的就是希望能够对大家来说有用，可以帮助大家提高工作效率。首先我们在这里可以选择纹身图和图身图都可以，那图片设计稿生成之后呢，同样我们是点击这里去切图，点击这里会出现一个切图大小的设置弹窗，可以设置大小 位置和圆角。那切好图片之后，同样是我们点击放入飞格码，如果我们想导入图片，就选择原文件导入可编辑的设计稿，就选择编辑设计稿这个，那生成好了之后呢，我们点击这个按钮，然后就会自动放到飞格码里面，这样呢，就可以得到一个可编辑修改的 u i 设计稿了， 文字圆角还有描边的大小、颜色这些都可以修改，这样呢，我们的工作效率至少提升了百分之五十。那同样呢，大家对这个插件有什么好的意见或者建议都可以直接在评论区找我，我是阿水，大家记得点赞关注评论哟，我们下期再见，拜拜。

hey， 大家好，今天我们来聊一个特别酷的项目，你想过没有，用 rust 完完全全地用 rust 来写一个 chrome 扩展， 听起来是不是有点疯狂？但 oxide chrome 这个项目就把这事给办成了。它就是一个让你能用 rust 写出类型、安全，而且还能编辑成 web assembly 的 chrome 扩展的框架。 好，要想搞明白 oxymoron 到底牛在哪，咱们得先看个老朋友毁掉地狱。估计写过前端的朋友们看到左边这个代码， dna 都动了吧，一层套一层，简直是噩梦。 现在你看右边，这是用 oxecrom 写的 rust 代码。哇，一下就清爽了。标准的 a sync slash、 await 代码，从上到下，逻辑一目了然，而且最重要的，编码器会帮你检查类型，安全感爆棚。这可不只是韵法堂啊，这完全是两个时代的开发体验。 所以你看 oxecrom 的 目标就特别直接了，让你少写废话代码，多做有用的事儿，交付出来的扩展也更稳定。 而且最耍的一点是啥？就是你一个字母的 javascript 都不用手写了。没错，零手写 js ok！ 今天咱们的路线图大概是这样，先看看老方法斜扩展有多痛苦，再聊聊 oxychrom 是 怎么解决这些问题的。然后呢，我们会深入它的架构和那些神奇的红。当然了，光书不练假板式，我们还会一起写个小例子，最后再拔高一下，看看这东西到底为什么这么重要。 行，第一站，咱们先回到过去，看看传统的开发方式。天呐，那叫一个折腾，你得手写一个 manifester jason， 这玩意语法要求贼严，少个逗号，整个扩展就直接罢工。 然后呢，您还得写一大堆 javascript 的 胶水代码，就是为了把背景桥啊、弹窗啊、事件监听器啊这些玩意给粘在一起。这个过程怎么说呢，又繁琐又特别容易出 bug， 好吐槽。完了旧时代，我们来看看第二部分， oxymoron， 这才是现代化的解决方案，它的核心思想就是给你一个统一的类型、安全的环境。也就是说，你从头到尾就待在 rust 的 这个舒服的生态里，哪儿也不用去。 那他到底是怎么做到这么爽的体验的呢？关键就在这几个特性上。首先，他用了 rust 的 过程红，这东西极大地改善了开发体验，我们后面会细讲。然后，所有的 crow api， 它都给你包了一层类型安全的接口。代码呢，全部编入成高性能的 web assembly。 ui 方面，它集成了 laptops 这个响应式框架。最后，你只需要一个命令，就能完成所有构建工作。当然，最关键的还是那句话，零手写 java script。 好， 各位坐稳了，现在我们要进入今天最硬核的部分了，架构深浅，我们来看看这东西内部到底是怎么运作的。 octrom 设计得非常漂亮，它的强大之处就在于它的职责划分特别清晰， 整个项目其实是由五个独立的 cray 组成的，它们各司其职，配合得天衣无缝。 大家看这张表，这里面藏着 oxymoron 最核心的设计哲学，我称之为两阶段构建。咱们一步步来看。首先是翻译时 oxymoron， microsoft 这个 cray 会干活，它会解析你写的那些宏，然后生成 wisem binding 需要的导出函数。 好，这是第一步。然后是运行时， oxecrom core 提供了跟 chrome api 打交道的底层 rust 的 封装，但真正的黑魔法发生在构建阶段。这时候 oxecrom build 这个 crate 会再次解析你的原作成。 注意，它不是去翻译，而是把你的代码当成纯文本来读，从中提取出像版本号，全网本来读，从中提取出像版本号，全网本来读，然后用这些信息去生成 manifest， json 和那些烦人的 js 胶水代码。 这个设计最牛的地方在哪？它把你的 rust 代码变成了唯一的单一事实来源。你再也不用担心代码改了配置忘了改，所有的一切都由红和构建工具自动同步，从根源上杜绝了配置出错的可能，这就是架构之美 好。刚才我们提到了红这个黑魔法到底是怎么回事呢？这就来到了我们的第四部分，红的魔力。 简单来说， rust 的 过程红就是一种圆编程，它允许你的代码在翻译的时候去生成另外一些代码。这正是 occm 能帮你消除那么多重复工作的秘密武器。 我们来看第一个关键红 at occm extension， 它的作用非常简单直接，就是用来定义你这个扩展的身份证，比如它叫什么名字，版本号是多少，需要哪些权限等等。 然后构建工具就会读到这些信息，自动帮你生成那个 manifest 到 json 文件。你看，在代码里，你只要在一个空的 struct 上面像这样加上一个属性红就行了。 所有的配置信息都明明白白地写在 rest 代码里，而且还是类型安全的，你想想，这跟你手动去抠那个 json 文件相比，是不是又清楚又安全？简直天壤之别。 然后，咚！当这就是结果。我们上一页写的那么点 rust 代码，一构建，就自动生成了这么一个完全标准的 manifest 点 json 文件，从 rust 到 json， 整个过程全自动无缝衔接，是不是很酷？好，我们再来看第二个重要的红。 这个红是干嘛的呢？它专门用来帮你注册 chrome 事件的颠挺器，你只要把它加在你的异步函数上，它就会在背后帮你做两件大事， 第一，生成底层的 wasn't bender 导出代码。第二，也是更关键的，自动生成所有必要的 gs 胶水代码，把你这个 rust 的 函数和对应的 chrome 事件给绑起来，这些脏活累活它全包了。 所以你看，在代码里就变成了这样。你只需要在你的异步函数上简单地加一个属性，比如 runtime， iphone uninstalled， 那 么这个函数就会在扩展被安装的时候自动执行。你的代码意图超级清晰， 所有那些复杂的事件注册逻辑全都被这个红给封装好了。 ok， 理论讲了这么多事后动手了。我们进入第五部分，来真刀真枪地写一个扩展。我们就用一个最经典的计数器例子，看看从零开始悟步之年，怎么搞定一个能用的扩展程序。 整个流程特别简单，就这么几步，第一，安装它的命令行工具。第二，用命令行工具出使画一个项目。第三，写你的 rust 代码。 第四，运行构建命令。最后一步，把生成出来的那个 disk 文件夹拖到 chrome 里加载就行了。搞定 好，我们直接来看代码，首先还是老样子用。首先还是老样子用。 add extension 红定义我们扩展的名字，并且声明我们需要用到 storage 权限，因为要存那个技术值嘛。 然后我们用 add on runtime on installed 注册了一个聆听器。这个函数的作用就是当用户第一次安装这个扩展的时候，我们往存储里写入一个叫 counter 的 键，给他一个出示值零，这样就做好了初步化。 接下我们来看 ui 这块儿。这里我们用到了 laptops 框架里的一个核心概念，叫做 rw signal， 你 可以把它理解成一个会魔法的变量，它不只是存着我们那个计数器的数字，更重要的是，一旦你改变了它的值，界面上所有用到这个数字的地方都会自动更新，你不需要手动去操作动物， 这就是所谓的响应式编程。那么问题来了，我们的 ui 组建怎么拿到一开始存好的那个技术值呢？你不能直接在组建函数里调用异步 api， 那 不符合相似编程的规则。所以这里我们用到了 laptops 提供的另一个工具 effect， 你可以把 effect 理解成一个副作用处理器，它会在组建第一次渲染的时候执行一次你传给他的代码。所以我们就在这里面安全地启动一个异步任务，去调用 oxymoron 的 storage get， 把那个技术值给读出来，然后用读到的值去更新我们刚才说的那个 count 信号， 这样初始状态就加载好了。最后当用户点击那个增加按钮的时候，这个 increment 函数就会被调用。他干了两件事儿，逻辑非常清晰， 第一，它更新了 count 这个信号的值，这一步会立刻让界面上的数字加一。第二，它又启动了一个异步任务，把这个新的数字通过 oxycrom storage 点 sent 再写回到 crm 储储存里去，这样就保证了数据被持久化。下次打开弹窗，数字还是对的。 好了，代码也看完了，我们来到最后一部分，聊一聊这整套东西到底为什么这么重要。 在我看来啊，它可能真的代表了浏览器扩展开发的未来。它的优势主要体现在三个方面， 第一，类型安全。这意味着很多低级错误在翻译的时候就被干掉了，你不用等到半夜上线了才发现 bug。 第二， web assembly 带来的性能，你的核心逻辑能以接近原生的速度运行，而且还自带杀伤，更安全。 最后，也是我觉得最重要的一点，就是无与伦比的开发者体验。你不用再在 javascript、 jason、 html、 css 之间来回切换了，就安安心心地待在 rust 的 世界里，用它强大的工具链和生态，这就够了。 所以，最后让我们用 oxymor 夏末自己的口号来做个总结，我觉得他说得特别到位，用过程宏和 leptos 来写类型安全的 chrome 扩展翻译到 webassembly， 全程零手写 javascript。 这其实也给我们所有开发者留下了一个很有意思的问题，值得我们去思考。当 javascript 不 再是你开发浏览器扩展的瓶颈时，你能用这些新工具去创造出怎样更强大、更复杂的应用呢？ 我想这正是 chromix 这样的项目为我们打开的一扇新的大门。

obscene 插件不用多，但一定要有，装上这七个插件，基本能让你的 obscene 提升一个 level！ hello 各位精神股东们，我是 nice 菜菜，之前分别分享了 obscene 知识库的内容获取、 ai 接入、 wiki 搭建以及多端同步。如果你细心的话，会发现有个东西贯穿其中，那就是插件。 要知道有无安装插件的 obsidian 简直是两个样。今天就是分享我是怎么用好插件来武装自己的 obsidian 知识库的。分为两部分，第一，我常用的七个 obsidian 插件，以及我为什么用它们。第二，如何用 cloud code 开发自己的 obsidian 插件。 在准备发布这条视频前，我突然发现就在昨天， obsidian 官方发布了 obsidian community， 你可以把它理解为 obsidian 的 插件与主题社区，不仅支持用户浏览，还支持开发者上去提交、认领和管理自己的插件。我在视频最后也会补充介绍下它的使用。 obsidian 的 插件系统有两套，一套是官方的核心插件，另一套是第三方插件。官方的核心插件就有二十多个，不用安装，正常开启或关闭即可。 新手可以先从核心插件开始熟悉，如果他们不满足需求，再去找可替代的第三方插件，或者考虑自己开发都不迟，这里就不做过多展开。今天主要介绍的是第三方插件，一共七个，都是我常用的， 可以分为四类，第一类是基础增强层，第二类是 ai 增强层，第三类是导航与发现层， 第四类是内容创作层。不过在安装这些第三方插件之前，我们得先在设置第三方插件中关闭安全模式，才能开启社区插件市场。第一个是基础增强成的 red 插件， 它是用来安装未上架插件的插件。 c 店官方对第三方插件的上架审核非常严格，完整流程跑完可能得好几个月， 所以部分开发者就没有将自己的插件上传到社区插件市场中，比如热门的 cloud 点 open code 之前就没上架到 obsidian 社区插件市场。在没有 brad 插件之前， 大家安装这类插件的方法比较麻烦，需要在对应插件的 github 仓库找到并下载 mate， 点 js， manifestation 以及 styles， 点 css 三个文件，然后再去点 oop， 点 plugin 这个隐藏文件夹下创建相应的文件夹。这种方法对于非开发者来说实在太麻烦了，不仅得在一堆文件中找到这三个文件，还要知道怎么找到隐藏文件夹。 虽然现在已经能让 ai 帮忙执行这个流程，但前提是你已经安装了 ide 或 c l i 这类 coding 工具，这又是另一种麻烦。这时候 brad 插件的优势就显现出来了，你只需要在社区插件市场中安装 brad 插件。接着在 brad 插件的设置界面中找到 better plugin list 模块，然后点击 at better plugin， 在 弹窗中添加我们要安装的 better 插件的 get 号链接，然后等识别链接后选择要安装的版本，一般选择 latest version， 也就是最新版本，最后点击 at plugin 就 搞定了，是不是简单多了？ 有了 black 插件之后，我们就可以安装任何不在社区插件市场中的插件了，包括我们后续自己开发的第二和第三个分别是 ai 增强成的 cloud 点和 terminal。 之前在怎么给 obsidian 接入自己常用的 ai？ 这条视频中有介绍过这两个插件， 前者是 cloud code 的 obsidian 版本，后者则是用来运行 cloud code、 c l i 等工具的， 用来补齐 cloud 点的不足。关于它俩的安装，可以一步查看之前的视频，这里就不做赘述，这里补充回答之前观众提出的一个问题， 什么时候用 cloud 点？什么时候用 tomlin 加 coding c o i？ 如果你每次操作的文件数量不多，那么大部分的知识管理任务都可以用 cloud 点插件解决。相反，如果涉及大量文件操作，比如把大量旧笔记迁移到新结构、 批量修改上千条笔记的 front matter 等，使用 ctrl 键插件就比较容易出现卡慢的情况。这种就更建议去跑 terminal 加 coding c o i。 当然， 如果你打算 vive coding 自己的 offset 插件，那也更建议去跑 terminal 加 coding c o i 或 ai ide， 因为所有操作都会更直观。 第四个是基础增强层的 git， 用于版本管理和备份。无论你前面采用 cloudian 还是 terminal 加 coding c i 的 方案， 都存在文件被 ai 误操作找不回来的情况。但如果你提前用 git 做好版本管理和备份，就不用有这种后顾之忧。这也是我把基础增强层的 git 放在 ai 增强层后面来介绍的原因。 关于怎么用 abcde git 进行版本管理和备份，可以查看之前这条视频。当我们完成了第一次 git 备份， 后续知识库有任何改动，都可以借助 abcde git 来自动实现提交和同步。对应调整这三个配置项就可以轻松实现。第一个是 auto commit and sync after latest commit， 就是 在停止编辑文件后自动提交和同步。设置完这个之后，你就可以设置 auto commit and sync interval minutes， 就是 每隔多少分钟自动提交和同步一次。还有第三个就是 pull on startup， 每当启动 obsidian 时，就会自动将 git 上的变通也同步到本地仓库。如果你决定长期使用 obsidian， 那 么用 git 做版本管理和备份是非常有必要的。第五个是导航与发现程的 notebook navigator， 它可以让知识库被更高效的解锁和组织。这是 obsidian 的 默认文件资源管理器，大家可以看到是比较原始的，只能看到文件名，没有内容预览。 而且标签跟文件夹是两个完全独立的面板，切换会非常麻烦。如果是大型知识库在里面找笔记会非常低效。 notebook navigator 就是 为了解决这些问题开发出来的，当你安装并起用后， 整个界面就会变成这样，对于刚接触这店不久的精神股东来说，可能不太能看出他们的差别。我这么说吧，最左侧的试图整合了 之前默认界面的文件标签属性预览和快捷操作，可以直接实现以前需要五六个插件才能搞定的能力，比如显示最近文件，这个第三方插件才能实现。又比如将标签作为文件夹， 以标签的形式显示所有的文件，以前要通过 tag folder 插件才能实现，还要从命名、合并、切换和搜索标签以前则需要借助 tag regular 插件，这样是不是一下子就 get 到了 notebook navigator 的 价值了？不仅如此，开启 notebook navigator 插件后，还会多出中间这一列式图。当我们点击左侧的某个文件夹时，里面包含的文档就会以卡片形式在这列式图中展示出来， 不仅有标题、摘要、日期，有的还可以看到图片预览。这样我们不用打开具体的笔记，就能快速判断大概内容， 尤其是那些已经写了很久的笔记，一眼扫过去就能快速唤起记忆。第六个是内容创作成的 schedule。 schedule 你 可能自己没用过，但一定在不少地方看过，它绘制的手绘风格的流程图、 架构图和思维导图等。这个插件不是把 illustrator 的 画图能力简单地搬过来，而是把它深度集成到了 obsidian 当中， 让我们的知识库同时具备文字加视觉思维的能力。比如 illustrator 插件创建的绘图文件就是 map 文件，所以它可以参与 obsidian 的 搜索，双链图谱、 反链标签、属性等等。还可以做元素级的双向链接。比如在画布中，我们可以直接把图形或文字框链接到 obsidian 的 笔记，选中你要链接的图形或文字框，右键 找到添加标签，然后输入中括号，选中你要链接的 obsidian 笔记，这样我们就完成了一篇笔记的链接， 可以随时跳转。反过来，我们在笔记中也可以去嵌入 illustrator 的 绘图，这样就实现了笔记及画布、画布及笔记的工作流。第七个是内容创作成的 local image plus， 用来解决剪长图片本地化的问题。之前在 如何把 obsidian wikipedia 的 价值最大化的文章底下，有用户留言怎么让剪长插件实现图片的离线下载。 我原本是用 opencil 官方的附件加自定义快捷键实现的，就是在检查内容之前，在软件中做好这两步配置。第一步选择图片默认的存放位置，在设置文件与链接中配置附件默认存放的地址。我这里选择的是指定的附件文件夹， 然后填写附件文件夹的路径。第二步是配置自定义的快捷键，在设置快捷键中搜索附件， 找到下载当前文件夹中的所有附件，然后给它自定义快捷键，比如 command g 加 d。 但当你每次检查文文章，就可以按自定义快捷键，文章对应的图片就会保存到你指定的附件文件夹中。 但上面的方法用 local image plus 这个插件就能解决，还是检查这篇文章，你看它就会自动帮你解决图片附件的一个下载。 如果你不想本地图片占用太大空间的话，也可以在这里进行一个设置，比如你可以定义是否要压缩图片，以及保存的图片的质量。以上就是我常用的七个 o c d 插件，不多，但每个都在用。装 o c d 插件是一件很容易上头的事， 看到一个功能，心痒冲动安装，然后就没有然后了。比如社区很热门的 templar data view 以及 style settings 等插件，我之前也安装过，但后面因为没啥场景就基本没用了。 第三方插件绝对不是越多越好，因为我们真正常用的插件并不多，装太多插件反而容易影响 obsidian 的 启动和运行速度。我之前还追求过 oem one， 就是用很多插件把 obsidian 打造出另一个工具的能力，比如任务管理。但在实际体验后发现，这些插件其实都很难做到一些锤类工具的体验，所以后面也就舍弃了。 我现在的做法就是每装一个插件之前，先问自己两个问题，我的具体使用场景是什么？找不到就不装。这个插件有比锤类工具更好用吗？没有的话也不装，这样留下来的都是真正能让我减少知识互管理摩擦，提升长期维护便利的插件。 city 社区插件市场上架的插件接近四千，说多不多，说少也不少。由于每个人都有些知识管理的个性化需求，现有插件不一定都能满足。比如我之前在找翻译插件的时候，发现很多都不是我想要的， 甚至有些翻译插件已经一两年都没有更新维护了，要是将就用就会很难受。这时候开发一个适合自己需求的个人插件明显会更好。这里以 curl 为例进行演示。步骤一，梳理你的 obsidian 插件需求 目前大部分的 coding agent 对 obsidian 插件的开发都不太熟悉，所以我们最好给到他相应的官方文档，并且告诉他参考模板长怎样。比如我想开发的 obsidian 插件是这样的，前面用来描述你的需求，后面附上两份官方文档。步骤二， 用 superpower skills 或 plan mode 来完成需求，简单快速的任务，可以直接用 cloud code 自带的 plan mode， 目前基本所有 coding agent 都有自带的一个 plan mode， 如果是中大型的功能或者复杂的逻辑任务，就用 superpowers skills， 用头脑风暴来帮你梳理清楚自己没想到的一些需求，然后用 writing plan 去做计划。 刚开发完成后，就可以进入步骤箱，将 make 点 js， manifest 点 json 以及 style 点 css 放到你指定的 oops 键插件的文件夹中。 这一步有两种方法，一种是让 code 帮你创建插件的文件夹，然后把开发好的文件放到指定的插件文件夹中。另一种是让 code code 帮你上传到 github 仓库，然后借助前面提到的 bread 插件进行安装起用，这种方法更适合后续要上加插件的用户。 第四步就是反复的调试，调试到自己满意的程度为止。如果你用的是 code code 加国产模型的组合， 建一些有视觉能力的模型，这样你就能通过截图反馈了。步骤五就是将插件上架到 obsidian 社区。其实到步骤四就已经能解决你对个性化插件的需求了，但如果你希望别人也能用上你的插件， 就可以跑上架流程。就在昨天， obsidian 官方发布了 obsidian community， 你 可以把它理解成 obsidian 的 插件和主题社区。 大家不仅可以在这里按照分类去浏览社区的各种插件，还可以查看各种插件的一个健康评分。如果你是插件的开发者，还可以上去提交认领和管理自己的插件。 提交插件的方法也很简单，注册个 obsidian 账户，然后登录 obsidian community， 绑定你的 github 仓库， 然后添加插件即可。最后做个简单的总结，气垫插件不用多，但一定要有。优先看官方的核心插件或者第三方插件有没有适合自己的，避免重复造轮子。比如我常用的就这七个，如果现有的第三方插件 没能解决我们的特定需求，那就用 ai 手搓一个，毕竟现在也不难。以上就是本期视频的全部内容，如果对大家有帮助的话，欢迎一键相连，我们下期再见。

想要你的 office 点知识库变得超好用，一定要装这六个插件。第一个，它能把你看到的文章、网页内容直接简藏到 office 点知识库里面，和原文是一模一样的，标题、图片来源全都有。 第二个，原本在 office 点里面写笔记，你需要记住不用敲打各种 markdown 符号来改变格式，这个插件可以让你在 office 里面写笔记，像用 word 排版一样方便。第三个，它是一个白板工具，你可以直接画出各种流程图，项目构思，非常适合用来把脑子里的想法画出来，手写的感觉也非常讨人喜欢。 第四个，这是一款 ai 插件，它能够让你在笔记库里面就直接和 cloud code、 cortex 这些 ai agent 的 对话，结合现有笔记的上下文让 ai 干活。第五个是笔记本导航，这是一个非常干净的双软界面以及列表，可以呈现为卡片模式，卡片的右侧就能预览图片，还能给笔记卡片更换背景颜色，把 常用的标签或者重要笔记盯在顶部。第六个，日历导航，用来管理你的每日笔记和日期记录，点一下日期就可以快速定位到当天日记，比如每天都会写日记、复盘、工作记录这些，用这个就非常方便了。还有什么你觉得好用的 office 点插件，欢迎大家补充。

一般安装哪些插件？说一下。我的插件安装不多，你要是咱们学员的话，你在群里边问一下，估计比我的插件多。我的插件不多啊，我的插件很少。这个是一个正则的啊，有的时候一些正则我不会写了，我就从这里面查一查。呃，这个是从一名标签的。 这个东西不管它啊，这是一个书签儿。这 c 加加不管它啊，这个 c 的 不管它。这个东西好用啊， code runner， 它是用来直接运行代码的啊，就在 vs code 里边直接运行代码。 呃，这是一个画图的工具，下边是一些 english link， 这也是个画图工具。这就是经常同学问那个 ai 工具啊，我用的是 compiles。 这是一个图片的预览啊，预览图的，在 vsco 里边可以预览图片的表格里写个一比九元素是吧？给他一个 s r c 地址，那么指着这个地址呢，就预览图片。这是类似的一个自动提示的插件，这是一个路径自动提示的 creator， 应该都知道吧。这个是 project manager， 这个是可以把你当前的工程啊，相当于是进行收藏啊，放到相当一个收藏夹。这个是一个正折的预览，这是可以在 vs code 的 里边远程打开这个 github 的 仓库的。这个呢，是当时我教同学们那个网络的时候用的一个插件啊，主要是 在 vs code 的 里边进行一些。呃，翻译的啊，比如 s code 里边进行一些翻译成 css 啊，主要是教学用的。这个东西生态环境开发的时候一般很少用。 呃，这是那个 vtes 啊，有一期搞的一个测试框架，没啥了，你看我就没了。这是样配置文件的，这是那个 c s 原子化的，原子化提示的没了。我都用的很少啊，我插件很少。

obscene 的 官方推特刚更新了一个 chrome 的 插件，它可以支持那个，你看 youtube 的 时候，它可以直接把它的页面单独框在一个窗口里，然后给你总结总结， 实时的字幕实时的重进，而且直接可以通过他的翻译的语句直接撬到他的对应的视频播放的位置，这个很很强大呀，可以解决很多现在，比如说你看油管上一些那个英文的，比如一些技术拨课， 你可以把这个文稿完全拿下来，而他有两个特点，第一个就是说你可以把你的这当前的网页的全部信息直接下载到这个 obsidian 里面做一个笔记，而且还作为一个窗口，直接实时的观看这个字幕，可以敲到重点高亮， 敲到那个视频播放的关键帧看看，我自己去练一下这个，这个插件就是那个 obsidian 刚更新的这个 webcrip， 咱可以装一下这个以以前这个好像就是普通的截取网页这些吧，网页的信息就存在你的自己的知识库里面， 现在这个功能应该是刚更新的，你看这个，这是我新建的，你看这就是窗口，你看他是那可让我们的窗口，但是他是完全这个页面是 o c 键自己的那个插件做出来的。播放这个视频啊，你看他的 他的那个字幕，他的字幕接上这字幕实时的根据那个视频是同步的，你发现完全同步的， 而且你这个你完全可以直接跳转去你点任何一个字幕，他能直接跳转到视频播放的位置， 而且这个左侧这边还有这个所有的文字这个内容的大纲，你看他每一他会把这个内容的重点 都给列出来，你直接可以跳转一个，感觉一个深度的阅读体验非常好。还可以把当前这整个所有信息你看都可以保保存在这个 app 那 里。你看我这一个，直接 可以把当前，你看他，可以他一套这个视频名字地址，还有信息视频链接，还有所有的文稿重点，很好用。推荐一下这个插件就是 obsidian webcliff， 这个可以自己去搜一下。

大家好，现在给大家介绍一款企业级报表与设计填充引擎，叉 t y 引擎，它可以通过简单的 excel 表拨拉拽，可以生成复杂的一个报表， 它支持多数据条码、二维码图表和 c 效果代码扩展。 好，我们先看一下我们提供的 demo 这个调用点，这里面有代码可以直接调用我们的设计，实现在线设计和在线预览。我们进到这个界面之后，我们可以点打开设计器， 这样他就可以弹出我们目前官网的这个接口的自定义器，当然我们可以改成我们自己的私有化地址，然后进来之后呢这边是三条数据，我们也可以通过这边三一条数据之后 点发送出去，然后这边会变成这样，他的他这边的调用方法就是模板接模板，数据和数据，模板就是我们设置的这些， 这些模这些啊，我们的布局啊、格式啊之类的。然后数据就是我们要打印的数据，这边来之后我们可以点预览，他就可以预览，我们选择格式， 如果我们把这个底色给他改一下红色，然后点保存，然后这边新的模板就保存到这里，然后当我们去预览的时候，这边就会变得红色， 好点关闭，这是一个调用方法，然后这边有个静默打应，当你安装了静默打印插件的时候，他会自动获取你计算机的这个打印列表，那我们可以点静默打印， 它就会自动弹出屏幕打印窗口，然后我们打印了之后它会自动消失。还有一个就是叉七外引擎，它生成的是无损的一个 pdf 格式， 在市面上很多其他的，呃，同样的产品，它可能生成的是啊图片，那么在对打印精度要求很高的产品下可能满足不了要求，那么叉七外引擎它是全程无损格式，当然图片。 好，那我们来分析一下，等待 我们打开这个 demo 之后往下翻 看一下这个，这个类 就是我们封装了 x y 设计已经交付的所有功能管理设计的打开通信模板数据的发送和接收，管理，打印功能的集成和各类事件的补调，而我们的项目集成只需要把 这些来进行一个复制就行。然后这个是我们绑定的设计器的一个解析地址啊，就是设计器地址，当时有话不熟之后是填写你们的地址，然后这个 api token 就是 在安装的过程中，如果你在配置表里面启动的哦 token， 那 么你这方要跟他填写一样，然后这个的话就是打印服务的这个我不收费的地址啊，默认的话就是这个幺二七点零点幺零九零九端口。 好，这个类也很简单，我们可以看到这边已经标记了很清楚，那我们往下翻，我们只要把这个类复制过去就行。好，这边是继续往下翻，然后我们看到这里 获取模板数据，这是一个当他调用这个的时候，他获取这个 页面元素的这个 id 的 一个数据，并且进行一个格式化，然后返回，我们看到这边是出土化 这个插件外的一个内，这是他的那个设计器地址，令牌地址和这个外部收件的打印插件的地址。然后这边设计器准备就绪，四点五秒就说我们设计器打开了 模板保存的事件回调，就说我们设计器点了模板保存的，那么他会补掉这个，然后我们把它放回我们的那个编辑框里，打印完成事件回调， 这个是那个手机端事件回调，这个是打开设置器，我们大概刚刚点的打开设置器就是调用这个按钮，然后这个的话就是我们刚刚，对吧获取模板数据的一个一个一个方法直接在这里调用， 然后这边有预览也是传入两个模板数据和接收数据，然后这边的话就是静默打印，静默打印的话也是获取打印机名称，打印分数，然后执行打印机，这个的话有打印机名称和打印分数，然后这边就是模板数据的接收数据。 好，这个就调用方法就讲到这里，然后我们可以访问，我们可以访问一下我们的网站，发起外点音符 进来之后他有个引导动画，我们可以可以把它看完，但是我们现在可以不用看的。然后然后在关于这边有个调用方法，点开之后我们可以在这里看得到，就是整个 过程整个调用的方法，一个过程到完整视域的话，我们可以把这个完整视域就靠背下来就行。好，我们点完成。好，接下来我讲解一下 怎么设计模板，怎么快速的设计模板。我们现在可以点打开设计器，他现在传进来的是我们传进来的模板和传进来的数据，当然我们可以点上面的生生层模板，选择一个模板，然后点进来我们就可以看到我们的模板效果。 右边的话是他整个解体引擎的一个执行过程，这款叉九外他是以 excel 为核心的一款解体引擎，他的速度非常的快， 当前我们访问的这一台这个官网，他是英立克斯服气一和两 g 的 一个内存，所以说这个速度已经相当的快了，在我们的四有八服气上，基本上都是黄标型下的。 它的外引擎，它是支持 linux 服务器和 windows 服务器的一个部署，打印服务，寂寞打印服务的话，目前只支持 windows 的 一个环境。 好，这边是它的日子，我们点点下载 pdf， 可以 下载 pdf， 下载 excel， 可以 下载 excel， 并且都是无损无损的一个格式，这是我们看到的 excel 模式。好，然后我们看一下 pdf， 我 们不管放多大，它都是一个无损的一个格式，看到没？ 好关闭。接下来我们来演示一下怎么设计一个全新的一个模板，比方说我们以刚刚那个标签模板为例， 我们打开它，离开它，然后点打开设置器，这边我们有三有两条数据，对吧？我们可以先把这边删掉，这边有个定位，这是区域的一个定位，我们先关闭。首先我要讲一下区域的一个概念， 标题区，也就是报表图，不只显示一次重复标题区，就是每页都显示数据区，根据数据自动生成多子数据区，是用来主数据和子数据的一个嵌套形式。 接下来我会讲到子数据合计区，在子数据区的情况下来进行合计子数据区的一个一个，比方说数量啊，单价，金额，然后自动共同合计区的重复合计。接下来我们先做一个， 这样我们做一个标签点，我们可以把这个数据源复制一下保存，也可以点这里复制复制数据源，点新建， 新建，然后比如说我们的标签大小是一百乘八十，一百乘以八十，然后点应用设置，这样的话它会生成这些单元格，我们可以把这个 把第一排设置成标题要点右键合并单元格，然后输，然后然后输入 x、 t、 y 标签居中 大一点，字体漂亮一点。然后这边我们给它分为呃一列，两列，三列，我们点设这个表格，把它设为三列，不能被整重复，把它设为两列，呃，不行，两列不行， 四列不能被四整五列吧。好，首先我们这边要给他一个二维码，我们把它合并一下，合并单元格， 合并单元格，然后我们在这里点插入脚本，哦，不对，点，这里插入，点选择数据源，我们数据源要靠背进来，点这里保存一下确定， 然后在这里插入图片二维码，选择数据源，选择商品条码，然后点插入。 好，这个时候我们的数据区是没有的，那我们首先我们的条码的话，它只需要一个数据区就行，就是数据区就行，我们按艾特键点数据区，这边选择数据源，它和这个数据源绑定就行，然后点关闭，然后我们按艾特键，它会显示这块区域是数据区，我们在这里可以把它拖动，它 调整它的大小，我们可以现在可以点预览，现在我们可以看得到这个标签了，我们可以把它加个边框，当然也有可以有其他的边框，这个边框好，我们点预览就是这么一个边框。 好，我们使用这个细线，这个好看一点，然后我们点击了，这样这个标签就设计好了。好这个标签，那接下来我们来讲解一下，相对我们直接讲解啊，这是一个标题区， 下面是个重复标题区，重复标题区的话就是每页显示，而标题区的话是在第一页显示，这边的话是一个数据区，然后他绑定的是订单明细的一个数据，然后那个合计区，然后我们可以看一下预览效果是这样的。好，接下来讲下一个，然后这个送货单， 好，然后它是一个标题区，重复标题区，数据区二，这边还有一个数据区一，重复标题区二还有合计区，那么它是由两个数据区组成的一个打印格式，让我们接下来点击了。 好，它现在是有两个标题，然后下面有个标题图片 二维码条码，为什么他这个图片显示的有点就说不板正？那是因为我们给他的高度，然后我们这个 u i l 地址，我们可以看一下他的，他是他的是通过 u i l 地址进行解析的，也就说图片这边选择数据源，然后呃绑定 u i l 的 图片，选择 u i l 地址，就是这个。 好，我们接下来预览的话，他就会更板正一点。好， 那么插入二维码和条码也是一个道理，那我们接下来讲下一点，生成模板，然后这边有个出库，出库的话这边用到的啊，合并区，重复合并区，重复标题区、数据区和标题区， 那么他这边用到了一些函数，对吧？我们点进来我们就可以看得到上面这个是标题区，标题区就是说我们在第一页显示，第二页不显示，我们可以看一下标题区，在第一页显示， 然后重复合计区，在第一页显示，但是你看第二页就没有这个标题了，因为只有重复标题，它才会显示，你点开，然后到最后一页合计区显示。那么现在我们这里有个总金额，那我如果想总想把总金额设置成金额大写，大概怎么回事？ 我们把这个总金额复制过来，选择插入函数，数字函数大写，选择数据元，比如说我这边绑定了这个，然后我们可以把它改掉选择，这样子也就可以了，有大写金额挨着总计金额，也就是我的总金额的大写，那我们点对了， 拉到最后，这样可以看得到，这变成总结的大写。那么如果我们需要加个行号，我们可以数据员传入行号进来，也可以插入变量，比如说我们选择插入当前的一个行号。好，这里是行号，它会自动计算当前的一个序号， 我们这个当前的序号它自己就计算出来，是不是很方便？好，这是第三个报表，那我们接下来这个报表，这个报表就简单 啊，我们可以预览看一下，非常简单的一个报表，你可以按住它，只是一个标题区，重复标题区，数据区和和。继续，我们再看下一个， 这是一个多标题区的一个报表，我们先看一下效果，这也是一个简单的报表，这个文字不显示是因为高度不够， 看一下好点，右键，呃，点，按住 ctrl 键，我们可以看一下它的标题区。一二三，这么多标题区啊，这样设计其实一个标题区就够了。好，我们再看下一个爆款脚本代码颜色，脚本代码这个颜色在呃，这个叉六外引擎它是能够支持脚本， 我们也可以在帮助文档这边这个设设计文档这边我们可以往下翻，翻到后面可以看到这边的一些方，一些代码我们可以教，当然关于里面也可以设计文档这边有个视频教程可以看一下。好，首先我们来看一下数据， 数据源的话，他这边的数据都是空的，他只有前面几个时段有数据，那么意味着后面的时段他的所有的数据都是通过计算出来的，像什么等于上升啊、下降啊，食品啊，包括这里 都是。然后我们可以先预览一下，看效果，这里面有一个请求 api 接口，拿取时间戳的一个，所以它生成的有点慢，跟接口有关系，你看这边这个时间戳就是它，它拉取这个接口数据过来的，然后这边它所有的这些都是通过脚本算出来的， 就是通过 c 效 app 来计算出来数据。好，我们可以点关闭，可以看一下，然后我们选中它，点插入脚本它这里你看它获取的订单的一个数据机，就是这个数据数据元的数据。好，订单的总条数等于总人数，然后总金额， 然后我们接下来就可以这个模板就是很很强大的这个脚本，它可以执行我们想要的格式。然后我们接下来看下一个标线模板，我们刚演示过了，这是个图标模板， 图标的话我们可以呃，是自己来写图标，就是我们点这个图片转发这一个图标，我们也预设了一些按钮，当然你觉得这个图标大小不合适，你可以把它丢给 ai， 让 ai 给你写一个。当然数据怎么进来？ 就是我们刚刚这个脚本这里预设的脚本，然后我们这里先拿到当前行的，当前行的这个状态的这个数据，对吧？我们也可以通过这样拿到数据，然后给图标这边来进行调用。好，我们可以先对照一下，看 好，这是我们用 demo 生成的，是不是？虽然这里有一点点复杂，但是真的可以想要实现报表都可以实现，那我们点关闭继续下一个模板啊，多表模板，多表模板的话，它就是有两个表嘛， 对吧？我第一个表是数据，我第二个表是图标，然后点预览 好，第二个表示图标好好点关闭，继续下一个数据分组。这个数据分组的话，就是有时候我们要给呃不同的客户， 对吧？我们要数据分组分开来进行预览，我们可以点预览看下效果，当然我们是这边是这一个，这一个客户的，对吧？那么它的主数据和子数据， 这个客户的主数据和子数据，这个客户的主数据和子数据，那么他是怎么区分的呢？我们可以往下滑，现在这个是多组数据模式，我们看一下多组数据，他是分组的，他每一组的话是单独解析，但是他的页页码是是在一起的，但他的合计是独立的。 哇，这就是多组，多组的话它是以这个来进行包裹的，单组是以这个来进行包裹的。好，我们可以看一下。好模板都已经讲完了，接下来我们来讲一下设计上的一些小技巧，我们可以按住 at 键，可以看它的这个各种区域的划分，也可以调整它的区域大小。 当我们觉得这个模板很好的时候，我们可以点导出，然后再可以点导入。比方说我们新建一个模板，当我要想要用之前的一个模板的时候，我们可以点导入，选择这个它就自动会进来，并且它你当时设置的测试的数据也会跟着过来， 那我们接下来也可以点预览，它就会预览出我们想要的效果。当然啊，我们的插件还支持 wps 插件，就是我们点这里打开 wps， 它就会进行一个安装的一个状态，我们安装好了之后，打开 wps， 我 们随便打开一个 excel 表格， 打开之后呢，这边有一个叉 to y 设计器，我们也可以点导入，选择我们在网页端的这个模板，然后点一键导入，它就会进行一个导入的一个操作，然后在这边我们可以点预览， 我们保存一下，随便保存一个位置，然后点预览也能够实现我们想要的一个效果。这个为什么预览是空白的？因为是我本机，它呃是 我本机没有没注册，私有化部署的话需要注册一下，然后 注册的话，我们可以在这个设置里面可以看得到它是一个注册的一个状态，也就是说我们本机设置的模板，然后点导出之后， 它下载下来了，工作破一，然后我们在网页上新建一个，然后点导入 选择工作簿，那这样它也也可以进来，也可以直接预览，对吧？ wps 插件和呃网和上面的插件是互相通用的，然后在这边我们也可以按住艾特键，它也可以显示各个区域，然后选中一个区域点这边也是可以实现一样的效果。 好，我们的呃分享就讲到这里，如果有需要的话可以联系我。

嗨，大家好，上个视频我使用了代码格式化那个插件，有人问我那个配置像都有什么，我现在给你介绍一下，你需要记住这个网站，这是国内的网站，这个呢是国外的网站， 使用方式特别简单。在这块的话呢，有在线测试啊，那么你可以点击点，国内国外都行。我前面也已经说过啊，国内和国外的话呢，版本上是有差异的， 其实版本会差一点，这个是二点五一，这个是二点六二，是吧？差一点。首先你要在你使用的 vs 扣的或者其他变速器当中把这个插件装上啊，把它装上， ok， 装完之后的话呢，这块有粘线测试，然后呢这块是代码，这块是格式化之后代码，你可以来进行测试，比如说我就选 v 啊，然后有一些配置项呢，对 v 好使，有一些配置项呢？对， 好使，对其他可是好使，你自己慢慢试啊，比如说我们把这个勾选上，那你观察观察这一块，我勾完之后的话呢，他会变成单引号，如果再取消掉的话呢，会变成双引号，那我一般的话呢是喜欢单引号，所以呢我把它勾上。 再一个的话呢，你观察后面的这个分号啊，那我们把这个选项勾上的话呢，后面的分号就不显示了，那我一般的话呢，也是让他 啊把那分号去掉，再一个的话呢，比如说我把这个 v， 我这块勾上，你注意观察这一块的模板啊，那我勾上之后的话呢，这个代码块啊，这个 sqr 标签，它里边的代码会往右侧移动这个胎部位，那我把它给取消掉之后呢，它一般就是齐的了， 那我一般是选择取消掉。当你把这些都设置完之后的话呢，你可以靠配这个配置文件，靠配啊 花呗之后呢，再回到你的文本当啊项目当中，在项目的跟目录下建一个这个文件，按照他那个文件名前面搁上一个点，这呢借给这个文件啊。那你如果你装了图标库的话呢，这图标库就会发生变化，之后的话呢，把它配置下往这一粘贴就行了，特别简单。 那这个时候的话呢， vs 扣的他默认如果有这个配置项他就使用这个配置项，没有这个配置项他就为按照 vs 扣的默认规则走。那比如说我们随便打开一个， 嗯内容，那这时候的话呢，我们这个代码就骑的看到了吗？然后有引号的地方的话呢，就都是单引号，非常的棒。好，分享结束，亲爱的朋友们点个赞吧，拜拜。