大家在设计方案时是不是还在用ProcessOn这类工具来绘制,是不是时常还在为调整样式发愁,今天给大家推荐一个idea的插件,画图更高效。...PlantUML简介 PlantUML是一款开源的UML图绘制工具,支持通过文本来生成图形,使用起来非常高效。可以支持时序图、类图、对象图、活动图、思维导图、C4架构等图形的绘制。...安装 通过在IDEA中安装插件来使用PlantUML即可。 如何使用?...时序图 新建方式 步骤1、选择新建PlantUML File 步骤2、选择时序图 使用案例 以Oauth2的时序图为例。代码如下。...小贴士 使用PlantUML的时候,常常会遇到流程过大,导致图片生成失败或者图片不清晰,怎么解决呢?告诉大家各小妙招。 首先在@startuml下添加下面代码,调整大小和精度。
Container一般指的是应用以及依赖的中间件,例如服务器端 Web 应用程序、单页应用程序、桌面应用程序、移动应用程序、数据库架构、文件系统、Redis、ElasticSeach、MQ等。...每个图表都应该有一个关键/图例来解释所使用的符号(例如形状、颜色、边框样式、线型、箭头等)。 首字母缩略词和缩写词(业务/领域或技术)应为所有受众所理解,或在图表键/图例中进行解释。...3.1 文本绘图工具选型 关于C4模型的架构图的绘制,一般有两种方式: 第一种是采用绘图工具,这类工具直接拖拽元素、调整样式,即可产出图片,例如draw.io、PPT等工具。...绘图工具的优点是非常灵活,可以满足很多细节需求;缺点是通常调整元素的样式会比较繁琐。 第二种是采用基于文本的绘图工具,根据一定的语法去描述图片元素,最后根据文本自动渲染成图片,例如PlantUML。...基于文本的绘图工具的优点是绘图快捷,只要根据语法写出描述文件,即可渲染出来,元素的样式已经默认调试好;缺点是样式不一定符合我们的审美,调整不方便。 本文着重讲解第二种,即基于文本的绘图工具。
你可以直接在浏览器中使用,无需下载或安装任何应用程序。这使得它成为一个便捷的工具,适用于个人用户、学生和小型团队。...格式化和样式 选中一个形状,你可以通过右侧的 “Format” 栏修改颜色、字体等样式。通过右键点击形状,选择 “Format” 进行更高级的格式设置。添加图片和图标选择 “Image” 工具。...PlantUML 是一种基于文本描述的 UML 图生成工具,通过在 draw.io 中嵌入 PlantUML 语法,用户可以快速绘制出各种 UML 图,如类图、时序图等。...在 “高级” 下找到 “PlantUML”。编写 PlantUML 语法,例如:@startuml !...点击 “Apply” 应用语法,draw.io 将生成相应的 UML 图。
asciiflow asciiflow 也是一个在线应用 https://asciiflow.com/ ,导出的时候可以选择 ascii 模式或者 extended 模式(其实就是用了一些非 ascii...有人说 draw.io 画出来的图不好看,有两方面原因,一是工程师们基本都没有什么审美,所以不会调色;二是工程师用画图工具基本只用默认样式,所以对绘图工具的比较就是哪款软件的默认样式好,就吹哪款。...说白了他们就是喜欢这个工具的默认样式嘛: ? sketch 看着确实很唬人。对于大多数没什么审美的人来说,#eeeeee 和 helvetica 就是极简设计审美密码了。...aws-plantuml aws-plantuml[2] 是一个 plantuml 的扩展,能够生成 aws 上的模块交互图,很方便: ?.../AWS-PlantUML
功能强大:支持历史版本回溯;可在文档中嵌入小工具、可运行的代码块、表格、PlantUML 图形、Drawio 图形、宏替换等;支持接入 OpenAI 自动补全。...: 编辑区和预览区同步滚动,预览区可独立滚动 目录大纲: 预览区目录大纲快速跳转 版本管理: 支持回溯文档历史版本 文件加密: 以 .c.md 结尾的文件视为加密文件 自动保存: 文件编辑后自动保存,未保存文件橙色标题栏提醒...点击可快速切换待办状态 快速打开: 可使用快捷键打开文件切换面板,以便快捷打开文件,标记的文件,全文搜索文件内容 内置终端: 支持在编辑器打开终端,快速切换当前工作目录 公式解析: 支持输入 katex 公式代码 样式风格...: Markdown 使用 GitHub 风格样式和特性 数据仓库: 可定义多个数据位置以便文档分类 外链转换: 将外链或 BASE64 图片转换为本地图片 HTML 解析: 可以直接在文档里面使用 HTML...图形: 在文档内内嵌 PlantUML 图形 嵌入 drawio 图形: 在文档中内嵌 drawio 图形 嵌入 ECharts 图形: 在文档中嵌入 Echarts 图形 嵌入 Mermaid 图形
环境准备 安装Graphviz 安装PlantUML PlantUML 定义 方法 关系 注释 后记 UML UML(Unified Modeling Language,统一建模语言)是一种为面向对象系统的产品进行说明...它既用于应用程序的系统分类的一般概念建模,也用于详细建模,将模型转换成编程代码。类图也可用于数据建模。 类之间的关系:依赖、泛化(继承)、实现、关联、聚合与组合。...环境准备 在IDEA安装PlantUML插件,以便操作演练,当然了如果不想安装,也可以使用PlantUML在线网站,跳过本节。...测试 安装PlantUML 打开IDEA,File->settings->plugins,搜索uml,安装PlantUML 安装好后重启IDEA,就能新建PantUML File了。...PlantUML 定义 如果未定义就直接使用,默认为类。 类型关键字图例类class抽象类abstract接口interface接口棒棒糖样式枚举enum注释annotation泛型加<?..
环境准备 安装Graphviz 安装PlantUML PlantUML 定义 方法 关系 注释 后记 UML ---- UML(Unified Modeling Language,统一建模语言)是一种为面向对象系统的产品进行说明...它既用于应用程序的系统分类的一般概念建模,也用于详细建模,将模型转换成编程代码。类图也可用于数据建模。 类之间的关系:依赖、泛化(继承)、实现、关联、聚合与组合。...环境准备 在IDEA安装PlantUML插件,以便操作演练,当然了如果不想安装,也可以使用PlantUML在线网站,跳过本节。...PlantUML ---- 定义 如果未定义就直接使用,默认为类。...类型 关键字 图例 类 class 抽象类 abstract 接口 interface 接口 棒棒糖样式 枚举 enum 注释 annotation 泛型 加<?..
: 可使用快捷键打开文件切换面板,以便快捷打开文件,标记的文件,全文搜索文件内容 内置终端: 支持在编辑器打开终端,快速切换当前工作目录 公式解析: 支持输入 katex 公式代码 样式风格...: Markdown 使用 GitHub 风格样式和特性 数据仓库: 可定义多个数据位置以便文档分类 外链转换: 将外链或 BASE64 图片转换为本地图片 HTML 解析: 可以直接在文档里面使用...1,2,3]} 即可 编辑表格单元格: 双击表格单元格即可快速编辑 复制标题链接: 复制标题链接路径到剪切板,便于插入到其他文件 嵌入小工具: 文档支持内嵌 HTML 小工具 嵌入 PlantUML...图形: 在文档内内嵌 PlantUML 图形 嵌入 drawio 图形: 在文档中内嵌 drawio 图形 嵌入 ECharts 图形: 在文档中嵌入 Echarts 图形 嵌入 Mermaid...可执行程序 支持运行 JavaScript、PHP、nodejs、Python、bash 代码,文件编辑后自动保存,未保存文件橙色标题栏提醒。文档支持内嵌 HTML 小工具。
本文将以文章转脑图为例,演示如何用 AI 来解决问题,以及提示词技巧的应用。希望大家在日常工作和生活中,能够根据自己的特点定制各种符合自己需求的 Agent 来辅助自己高效解决问题。...这里主要两种思路:一种是将文章转为思维导图,然后将思维导图导入 Xmind 中;一种是让 AI 直接将文章内容使用 PlantUML 语法输出为脑图。...对于文章:https://blog.csdn.net/UbuntuTouch/article/details/137208866 输出的结果如下: # 何时应用 RAG 与微调 - 背景介绍 -...- RAG 适用场景 - 微调适用场景 - 金融服务应用示例 - 投资管理和建议 - 保险索赔处理 - 客户服务聊天机器人 - 反洗钱文本分析 - 客户资料关键词提取 -...(3)导入思维导图 默认如下样式: 大家可以根据自己的喜好,在【格式】 - 【骨架】 中修改为括号图、矩阵图等更喜欢的图形: 括号图 矩阵图 3.2 通过 PlantUML 脑图 参考提示词
font color=red>类图、对象图、包图、组件图、部署图 动态行为图:交互图(时序图与协作图)、状态图、活动图 其中类图是描述类与类之间的关系的,是UML图中最核心的,本文将结合PlantUML...它既用于应用程序的系统分类的一般概念建模,也用于详细建模,将模型转换成编程代码。类图也可用于数据建模。 类之间的关系:依赖、泛化(继承)、实现、关联、聚合与组合。...环境准备 在IDEA安装PlantUML插件,以便操作演练,当然了如果不想安装,也可以使用PlantUML在线网站,跳过本节。...抽象类 abstract [20200921082007478.png#pic_center] 接口 interface [20200921082031142.png#pic_center] 接口 棒棒糖样式...文档:https://plantuml.com/zh/class-diagram 踩了很多坑,比如安装Graphviz时没有执行”dot -c“指令,idea报错全网还找不到,从入门到放弃 。
于是,我们开发在久久未更新新特性的 AutoDev 上引入了 AutoDev Composer 的功能,我们 还借鉴了大量的成熟工具的方案: Shire 上的出色 Sketch 渲染机制 Cursor、...Diff Sketch 模式 通过 Diff Sketch 模式,你可以快速理解 AI 变更的代码,来决定如何处理这些变更:查看源文件、diff 查看变更、或者直接应用变更。...Mermaid、PlantUML Sketch 模式 当你安装了 Mermaid 或者 PlantUML 插件之后,你可以通过 Mermaid、PlantUML Sketch 模式,将你的代码转换为流程图
它使用打开的文档格式用于Office应用程序(ODF)(.ODG图形扩展程序)。 它的某些功能包括形状和图纸的画廊,拼写检查器,连字符模式和颜色更换。...它还支持各种样式和格式,并允许您从所有常见格式(包括BMP,GIF,JPEG,PNG,TIFF和WMF)导入和导出图形。还提供了为创建工作的Flash(.swf)版本的支持。...3. yED Graph Editor YED Graph Editor是一种免费,功能强大的跨平台桌面应用程序,用于快速有效地创建图表。...PlantUML Plantuml是一种使用简单的文本描述语言生成UML图的开源工具。它用于建模,文档和UML。它使您可以创建漂亮的专业图和技术设计。...Plantuml具有直观的语法是基于命令行的,可以与GNU EMACS ORG模式结合使用以编写技术文档。
此外,Excalidraw 还支持与其他应用程序集成,并可通过插件系统扩展功能,包括支持脚本自定义等高级功能。同时还支持端对端加密的在线协作,只需要将一个链接发送给协议方,就能实现画图在线协作。...PlantUML 是一个开源项目,支持快速绘制 UML 图和各种非 UML 图,基本满足程序员的日常工作。...它通过简单和直观的语言来定义图形,像 markdown 一样,让人聚焦内容,而非样式,简简单单就可以生成美观的图。...PlantUML 依赖的底层组件就有前文提到的 Graphviz,所以语法也类似,通过自定义的标记语言,来描述不同图形之间的关系,「自动布局」并绘制。...PlantUML 提供了 VS Code 插件下载,非常方便程序员的日常使用。 VS Code 市场地址: https://marketplace.visualstudio.com/items?
除了圆角矩形,还内置了自定义样式,但也仅局限于简单线条的变化。...简单的造型推荐在我建的这个SVG图标库查找《复制粘贴就可以使用的Power BI图标素材查询系统2.0》,比方查找一个心形图案,复制代码到空白的SVG文件,注意删除前缀,然后应用到卡片图背景图像即可。...如果是复杂造型,可以找一些插画库,这里推荐openclipart.org,插画的选择同样是需要中空(以便给数据留下空间),下图中间都留下了足够的空白。...除了各种图片库,你也可以选择自己使用SVG编辑软件或者PPT画一个边框造型。
我自己也是 Android 开发,能够深刻的体会到 Android 技术圈子的局限性,只不过我有幸有机会多接触了几门语言和应用领域。...另外,本书代码缩进采用了 2 个空格的样式,目的也是为了减少折行,提高版面的空间利用率,进而提升阅读体验。 ? 使用 JetBrains Mono 排版之后的代码效果 书的编写过程也比较有意思。...我是用 VSCode + Pandoc + graphviz + mermaid.js + plantUML + rx-marbles 等工具来编写的。...的插件 cross-ref 我实在无法快速上手以外,我学习到了如何使用 Python 和 Lua 编写用来在编译过程中处理图片生成逻辑和文字预处理的 Pandoc 过滤器,以及如何通过修改源码解决 plantUML...、mermaid.js、rx-marbles 的样式定制和字体的支持的问题,最后还借机学会了如何制作 docker 镜像。
官网:https://github.com/marktext/marktext 此外,MarkText 具备如下特性 对数学表达(KaTeX)、front matter 等进行了扩展; 支持段落和行内样式快捷方式...比如,平时在公司写技术文档的时候,陌溪就喜欢用 PlantUML 来写业务流程图,点击左侧小图标,就可以快速插入一个 PlantUML 了 在写错的时候,竟然下面还会出现提示样例,就很棒~ 修改设置...不过目前还是可以使用 Github 作为图床的,目前还没有出现整治的动作 主题 在主题方面,MarkText 内置了 6 种主题,应该可以满足基本的使用了 同时,下方还可以选择是否跟随操作系统自动调节应用主题
这个字体对中文进行的优化,使得更加易读,系统字体区别于传统平面印刷字体,在智能终端的应用场景之中看起来非常干净利落,让用户阅读文字的时候更加方便....在西文字形设计方面,选用纯粹而经典的几何造型,直观醒目. 还有大开口造型处理,字形易认,辨识度更高。和其他字体相比起来,鸿蒙字体削弱了黑体的机械感,可以让用户明显感知到了字体笔画的优化....https://cdn.jsdelivr.net/gh/irozhi/HarmonyOS-Sans/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff2 最后打开样式文件添加以下代码
MahApps.Metro是用于创建现代WPF应用程序的工具包,它许多开箱即用的好东西。...官网学习文档地址:https://mahapps.com/docs/ 风格赏析 Theme有两款,深色和浅色:下面只展示浅色主题 Progress进度条:这里提供了好几款,样式很优雅 datagrid...首先,创建项目,然后在github上搜索引用:如果要体验预先发型版,可以勾选图片中红框部分 MahApps内置风格和主题: 使用MetroWindows:要开始全面的MahApps造型和全面的窗口支持...metro.mahapps.com/winfx/xaml/controls" 前台xmal全部代码如下: 您还需要修改窗口文件的代码,以便基类与XAML文件的MetroWindow类匹配: 这样保存后重新编译运行,就会看到窗体的样式已经发生改变
Markdown优点 简单易懂:Markdown语法简单,易于上手,无需编写过多标签和样式。 可读性强:文本结构清晰明了,易于阅读。...支持多平台:Markdown可用于多种平台和应用,例如GitHub、博客、论坛等。 转换灵活:Markdown文本可以方便地转换为HTML、PDF等格式。...兼容性好:Markdown支持大多数平台和应用程序,并能快速适应新的技术和标准。 下面罗列一些可以直接在线使用的Markdown工具。...画图库支持 mermaid, viz, echarts, plantuml, sequence, flow。 Markdown 输出 支持导出为图片、HTML、Epub、PDF、RTF、Docx。
论文的主要贡献包括: 1、介绍了一种新的算法,用于快速、任意的艺术风格迁移;在80000幅画作上训练,并能对未观察过的画作实时运行。 2、在紧凑的嵌入空间中呈现左右绘画风格,捕捉绘画的语义特征。...图1:网络在大量的绘画和纹理上训练生成的造型 ? 图2:模型架构图示 如图2所示,整个网络架构由风格学习网络P和风格转换网络T组成,学习的目的是style loss和content loss。...风格学习网络主要遵循Inception-v3架构。
领取专属 10元无门槛券
手把手带您无忧上云