第五篇 Asciidoc 插入图片文件夹太乱？指定图片文件夹，一篇解决

已于 2024-10-06 20:43:40 修改
阅读量831 收藏 8
点赞数 24
分类专栏： Asciidoc 文章标签： vscode 编辑器
于 2024-05-10 13:53:35 首次发布
本文由 RockTec 原创，版权所有。未经作者明确书面许可，禁止以任何形式或任何方式复制、转载、引用或使用本文的任何内容。允许个人出于学习目的对本文进行非商业性质的引用，但必须明确标注作者及原文链接。任何商业用途的使用必须事先获得作者的书面同意。若需转载本文，请在转载文章发布前联系作者，并在转载文章中明确标注作者及原文链接。禁止未经授权对本文内容或部分内容进行修改、改编或创建衍生作品。
本文链接：https://blog.youkuaiyun.com/edl7878/article/details/138660794
版权
Asciidoc 专栏收录该内容
13 篇文章 ¥19.90 ¥99.00
订阅专栏
本文介绍了如何在Asciidoc中通过设置`:imagesdir:`属性来指定图片存放目录，避免文档文件夹的杂乱。通过在文件开头添加`:imagesdir: .images`，可以将图片保存到当前文档目录的images子文件夹。此外，还分享了使用VSCode的快捷键Ctrl + Alt + V直接从剪贴板插入图片并自动保存至指定目录的窍门。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

插入图片路径

在使用Asciidoc的过程中，不可避免，要插入文章的图片。图片分为两类：

对于插入 图像文件/剪贴板图像，默认图像会放到你的asciidoc文件，也就是扩展名为 *.adoc 的同一个文件夹下面，类似这样：

2024 05 10T04 56 40 396Z<

了解本专栏 订阅专栏 解锁全文
第二篇 5分钟上手Asciidoc - 使用初体验，编辑文档常用姿势
RockTec的专栏
05-05 1569
这篇是 Asciidoc 的快速入门文章。让我们将注意力集中到 Asciidoc 的核心语法。忽略一些操作上的次要细节。您可能想在本篇看到，如何安装和配置编译器，如何安装插件，如何插入图片、表格等等，总之你可能会想很多东西，于是得出结论，这个东西不能在5分钟内学会。但是安装和配置 Asciidoc 都有文档可查，插件的安装和配置也有文档可查，我们何不单刀直入，直指核心呢？所以本篇要讲的两个问题是：文档写作的最小功能子集最小功能子集的 Asciidoc 语法。
Atom-atom-asciidoc-image-helper,在atom编辑器中使图像插入asciidocs更容易的工具。.zip
09-18
Atom-atom-asciidoc-image-helper.zip,在atom编辑器中使图像插入asciidocs更容易的工具。腹水图像助手,atom是一个用web技术构建的开源文本编辑器。
asciidoctor 添加图片
glf1990的博客
08-12 2033
确定图片路径 :imagesdir: 图片路径 添加图片 image::test.png[] 给图片添加格式 image::test.png[caption="Figure 1: ", title="test", alt="testt", width="300", height="200", link=url]
第六篇 Asciidoc 图片按行排
RockTec的专栏
05-13 390
如果把要显示的内容看成一个集合，那么每一个内容都可以看成一个盒子，盒子与盒子的关系只可能有三种：上下关系（按列排），也就是一个内容在上，一个内容在下左右关系（按行排），也就是一个在左，一个在右，如果排满了一行，就接着排下一行包含关系（一个是容器，另一个是容器里面的一个元素）：例如，相框套照片上述逻辑，对于熟悉 HTML 的小伙伴，并不是什么新概念，就是 Block元素 和 inline元素，即块元素和行内元素。
vscode-paste-image：将剪贴板中的图像直接粘贴到markdownasciidoc中！
02-04
贴图 将图像直接从剪贴板粘贴到markdown / asciidoc（或其他文件）！ 支持Mac / Windows / Linux！ 并支持配置目标文件夹。 现在，您可以启用pasteImage.showFilePathConfirmInputBox在保存之前修改文件路径： 用法 将屏幕捕获到剪贴板 打开命令面板： Ctrl+Shift+P （在Mac上为Cmd+Shift+P ） 输入：“粘贴图像”，或者您可以使用默认的键盘绑定： Ctrl+Alt+V （在Mac上为Cmd+Alt+V ）。 图像将保存在包含当前编辑文件的文件夹中 相对路径将粘贴到当前编辑文件中 设定档 paste
第八篇 Asciidoc 输出 All In One HTML 解决图片无法显示问题
RockTec的专栏
05-15 443
小明使用 Asciidoc 来记笔记，他将笔记输出为 HTML 文件。小丽向小明借笔记。小明将 Asciidoc 笔记输出为 HTML文件，并拷贝给了小丽。但是，小丽发现，图片都显示不出来了。小丽：小明，你给我的笔记，图片都显示不出来啊。小明：是我给你的那个 HTML 文件吗？小丽：是的。小明：哦，我忘记拷贝 HTML 文件依赖的图片了。等我重新整理一下，再发给你。说完，小明犯了难，因为这些 HTML 文件涉及多个本地的图片，要把它们都挑选出来，还真是麻烦。
Elasticsearch之快速入门篇（个人笔记）
weixin_35099248的博客
12-04 1488
Elasticsearch概述        Elasticsearch是一个开源的分布式、RESTful 风格的搜索和数据分析引擎，它的底层是开源库Apache Lucene。   Lucene 可以说是当下最先进、高性能、全功能的搜索引擎库——无论是开源还是私有，但它也仅仅只是一个库。为了充分发挥其功能，你需要使用 Java 并将 Lucene 直接集成到应用程序中。 更糟糕的是，您可能需要获得信息检索学位才能了解其工作原理，因为Lu
《了不起的Markdown》第八章
SinkingStone的博客
08-23 371
第8章 自由地写作——GitBook   在如今这样开放的互联网时代，每个人都可以是一个独立的品牌，可以表达自己的观点，也可以写一本自己的书。豆瓣阅读、百度阅读、网易云阅读、简书、知乎等平台都提供了很好的创作环境，可是它们也都有一定的门槛，那如何才能自由地、无门槛地进行写作呢?GitBook为我们提供了这种可能。   小提示： 本书所提及的GitBook在没有特殊说明的情况下，均是指GitBook 命令行工具。由于www.gitbook.com在国内访问体验较差，因此不多作介绍。 8.1 你好，GitBoo
「VS Code」Visual Studio Code 菜鸟教程：从入门到精通
热门推荐
猫科龙
03-25 18万+
Visual Studio Code，或简称为 VSCode，是我最喜欢的代码编辑器，我希望能有更多人享受到 VSCode 的便捷与强大。然而已存教程不足以成为我们了解 VSCode 的窗口，很多具有广泛使用场景的功能，比如命令窗口和终端，这些教程都没有涉猎。该种情况促成了本文的诞生。本文希望，哪怕是从未使用过 VSCode 的读者，也能在阅读本文后便精通使用 VSCode。
28.Anaconda安装jupyter notebook、jupyterlab及体验
最新发布
迷逝
08-14 3484
手贱，不小心将Anaconda自带得jupyter给卸载了，没法子了查了好多资料都比较麻烦，所以自己摸索着重新安装，记录一下心得。说明：Anaconda没有加入环境变量，Anaconda官方建议不要将Anaconda加入环境变量，这就意味着他和python是可以共存的。
asciidoctor-diagram, Asciidoctor图扩展，支持 PlantUML，Graphviz和 ditaa.zip
09-18
asciidoctor-diagram, Asciidoctor图扩展，支持 PlantUML，Graphviz和 ditaa Asciidoctor图Asciidoctor图是一组Asciidoctor扩展，允许你添加图表，用纯文本将它的描述为AsciiDoc文档。The extensions supports the BlockDiag ( BlockDi
asciidoctor-diagram:Asciidoctor图表扩展，支持AsciiToSVG，BlockDiag（BlockDiag，SeqDiag，ActDiag，NwDiag），Ditaa，Erd，GraphViz，Mermaid，Msc，PlantUML，Shaape，SvgBob，Syntrax，UMLet，Vega，Vega-Lite和WaveDrom
03-30
杀伤力图 Asciidoctor图是一组Asciidoctor扩展，使您可以将使用纯文本描述的图添加到AsciiDoc文档中。 该扩展程序将运行适当的图表处理器，以根据输入文本生成图像。 然后将生成的图像插入转换后的文档中。 可以在上找到详细的使用说明。 Asciidoctor图的灵感来自于。 例子 Asciidoctor图使您可以将纯文本图作为块嵌入到文档中。 下面的示例显示了一个嵌入式Ditaa图块。 [ditaa] ---- +-------------+ | asciidoctor |-----------+ | diagram | | +-------------+ | image
Asciidoc语法
日进一步
01-16 4774
如下所示为Asciidoc自带的cheatsheet中的内容以及预览。 :imagesdir: images = Asciidoc Cheatsheet &lt;&lt;&lt; Asciidoc is a rich text based markup language. A document written with Asciidoc can easily be converted t...
AsciiDoctor syntax
oneslide
12-27 379
标题 = L1 heading == L2 heading 代码 [source,java] ---- public class HelloWorld{ } ---- 单行代码跟Markdown相同。用两个``来表示。 插入图片 image::images/sunset.jpg[scaledwidth=75%] 插入其他文档 //后面得跟个[],subdir是当前路径开始的 i...
Asciidoc语法大全
Clare Tung
08-01 1万+
待完成
Asciidoc 的嵌入式链接写法
Liigo's blog
08-20 1961
多年以前，有一段时间我对 Asciidoc 很感兴趣，尝试用它起草写了一篇博客文章（为什么我说Rust是靠谱的编程语言），偏偏那是一篇很长的文章（大概有一万字），偏偏里面有大量的超级链接，大量的链接夹杂在文字中间，写的我都快吐了。当时也曾专门去找，想知道Asciidoc有没有类似Markdown的嵌入式链接写法（[title][name] [name]: url），然而很遗憾，没找到（我觉得官方文...
在Asciidoc中的多级列表以及缩进的使用
日进一步
01-07 1230
保持合理的缩进可以保障文档的可读性，Asciidoc在语法上对缩进提供了支持，示例代码： - Praesent eget purus quis magna eleifend eleifend. 1. Fusce euismod commodo velit. + -- image::help/images/ditaa-diagram.png[title="示例1",alt="zetyun.c...
AsciiDoc 的相关整理
weixin_34409741的博客
05-28 2823
Asciidoc Book Editor based on JavaFX 8 Asciidoc FX is a book / document editor to build PDF, Epub, Mobi and HTML books, documents and slides. AsciidocFX is also a winner ofDuke’s Choice Award 20...
AsciiDoc各种图表
没刮胡子的程序员专栏
08-27 1023
气泡图 [chart,bubble,file="bubble.png"] -- //April 1, 4 3, 10 6, 15 9, 8 12, 5 -- 柱状图 [chart,bar,file="bar.png"] -- //April 1, 4 3, 10 6, 15 9, 8 12, 5 //May 1, 20 3, 15 6, 13 9, 12 12, 14 -- 折线图 [chart,line,file="line.png"] [chart,line,file=
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

RockTec

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值