第八篇 Asciidoc 输出 All In One HTML 解决图片无法显示问题

问题:我的图片显示不出来了

小明使用 Asciidoc 来记笔记,他将笔记输出为 HTML 文件。小丽向小明借笔记。小明将 Asciidoc 笔记输出为 HTML文件,并拷贝给了小丽。

但是,小丽发现,图片都显示不出来了。

小丽:小明,你给我的笔记,图片都显示不出来啊。

小明:是我给你的那个 HTML 文件吗?

小丽:是的。

小明:哦,我忘记拷贝 HTML 文件依赖的图片了。等我重新整理一下,再发给你。

说完,小明犯了难,因为这些 HTML 文件涉及多个本地的图片,要把它们都挑选出来,还真是麻烦。而且,即使挑选出来,这些图片所在的路径也不一样,这样需要建立多个对应的图片文件夹来放置这些挑出来的图片,而且,给小丽时,不是一个单一的HTML文件就可以,必须是一个压缩包,小丽需要解压缩所有文件到一个文件夹,然后进入这个文件夹,打开HTML文件,才能看到笔记。

怎么办呢?

data-uri

在默认情况下,Asciidoc 输出为 HTML 时,图片是不会嵌入到 HTML 文件的。因为图片在 HTML 文件中就是一个 img 标签,该标签的 src 属性是一个URL,引用一个外部的图片,例如:

<img src=".images/logo.png" alt="logo" />

上述图片要求,自己在images文件夹下,同时

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/13346.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

析构函数详解

目录 析构函数概念特性对象的销毁顺序 感谢各位大佬对我的支持,如果我的文章对你有用,欢迎点击以下链接 &#x1f412;&#x1f412;&#x1f412; 个人主页 &#x1f978;&#x1f978;&#x1f978; C语言 &#x1f43f;️&#x1f43f;️&#x1f43f;️ C语言例题 &…

yolov8实战之 .pt 转. tensorRT

1 yolo 训练 1.1修改自己的数据集合 我是有3个类别&#xff0c;差不多这么些数据 1.2 训练 from ultralytics import YOLO # Load a model model YOLO("yolov8m.yaml") # build a new model from scratch #model YOLO(E:/pythonCode/pythonProject1/runs/detec…

风电功率预测 | 基于PSO-BP神经网络实现风电功率预测(附matlab完整源码)

风电功率预测 风电功率预测完整代码风电功率预测 基于粒子群优化算法(Particle Swarm Optimization, PSO)的BP神经网络是一种常见的方法,用于实现风电功率预测。下面是一个基于PSO-BP神经网络实现风电功率预测的一般步骤: 数据准备:收集与风电场发电功率相关的数据,包括…

农林科学SCI期刊,IF=6+,影响力高,对国人非常友好!

一、期刊名称 Crop Journal 二、期刊简介概况 期刊类型&#xff1a;SCI 学科领域&#xff1a;农林科学 影响因子&#xff1a;6.6 中科院分区&#xff1a;1区 出版方式&#xff1a;开放出版 版面费&#xff1a;$900 三、期刊征稿范围 《作物杂志》是一份双月刊、国际、同…

PHP使用Browsershot进行网页截图

Browsershot是什么 Spatie Browsershot 是一个开源PHP库&#xff0c;它允许开发者在PHP应用程序中生成网页的截图。 这个库特别适用于Laravel框架&#xff0c;但也可以在其他 PHP 应用程序中使用。 主要特点 无头浏览器截图&#xff1a;使用无头版本的 Chrome 或 Chromium 浏…

整理好了!2024年最常见 100 道 Java基础面试题(四十九)

上一篇地址&#xff1a;整理好了&#xff01;2024年最常见 100 道 Java基础面试题&#xff08;四十八&#xff09;-CSDN博客 九十七、Class.forName 和 ClassLoader 的区别&#xff1f; Class.forName 和 ClassLoader 是Java中用于加载类的两个不同的概念&#xff0c;它们在类…

10W 3KVAC隔离 宽电压输入 AC/DC 电源模块 ——TP10AF系列

TP10AF系列输出功率为10W&#xff0c;具有可靠性高、更小的体积、性价比高等特点&#xff0c;广泛用于工控和电力仪器、仪表、智能家居等相关行业。

SMB攻击利用之-mimikatz上传/下载流量数据包逆向分析

SMB协议作为windows环境下最为常见的一种协议,在历史上出现过无数的通过SMB协议进行网络攻击利用的案例,包括针对SMB协议本身以及通过SMB协议实施网络攻击。 本文将介绍一种通过SMB协议的常见利用方式,即向远程主机传输mimikatz,作为我的专栏《SMB攻击流量数据包分析》中的…

Oracle数据块之数据行中的SCN

从Oracle 10g开始&#xff0c;如果在表级别打开ROW DEPENDENCIES&#xff0c;业务数据行发生更改时会在数据块中进行登记。 可以通过DUMP数据块来观察上述SCN&#xff1a; &#xff08;1&#xff09;创建测试表&#xff0c;插入3条测试数据&#xff0c;插入一条提交一次。并调用…

解析建筑装饰乙级资质标准及申请流程

建筑装饰乙级资质标准 资历与信誉 必须具备独立的企业法人资格。社会信誉良好&#xff0c;注册资本不少于100万元人民币。 技术条件 专业技术人员配备齐全、合理&#xff0c;满足相应资质标准中对主要专业技术人员数量和专业的具体要求。通常包括但不限于室内设计、建筑、环境艺…

jar包增量更新分析

jdk自带工具jdeps&#xff0c;可分析class依赖关系&#xff08;依赖的其它类和jar&#xff09;。 团队&#xff0c;可以在此工具结果的基础上再详细分析对比出增量文件&#xff1b; 思路如下&#xff1a; jdeps分别分析出旧包和新包的文件依赖关系。并对比出新增的文件列表、…

前端学习第一课

AJAX 事先说明&#xff0c;这只是记录&#xff0c;并不是从零到一的教学内容&#xff0c;如果想要学习的话&#xff0c;可以跳过本文章了 ok&#xff0c;转回正题&#xff0c;正如上面所说&#xff0c;这只是记录。其实我是有一定的前端基础的&#xff0c;也做过涉及相关的开发…

【工具】macOS、window11访问limux共享目录\共享磁盘,samba服务安装使用

一、samba服务安装 Samba是一个免费的开源软件实现&#xff0c;使得非Windows操作系统能够与Windows系统进行文件和打印服务共享。它实现了SMB/CIFS协议&#xff0c;并且能够在Linux、Unix、BSD等多种系统上运行。 安装 samba&#xff1a; sudo yum install samba配置 samba…

【kali工具】NMAP 高级使用技巧

NMAP 高级使用技巧 6.1.3 NMAP 语法及示例 语法&#xff1a;nmap [Scan Type(s)] [Options] 例 1&#xff1a;使用 nmap 扫描一台服务器 默认情况下&#xff0c;Nmap 会扫描 1000 个最有可能开放的 TCP 端口。 ┌──(root&#x1f480;xuegod53)-[~] └─# nmap 192.168…

【介绍下Python多线程,什么是Python多线程】

&#x1f308;个人主页: 程序员不想敲代码啊 &#x1f3c6;CSDN优质创作者&#xff0c;CSDN实力新星&#xff0c;CSDN博客专家 &#x1f44d;点赞⭐评论⭐收藏 &#x1f91d;希望本文对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出指正&#xff0c;让我们共…

【气象常用】时间序列的线性拟合

效果图&#xff1a; 主要步骤&#xff1a; 1. 数据准备&#xff1a;下载Hadley Centre observations datasets的HadSST数据 可参考【气象常用】时间序列图-CSDN博客 2. 数据处理&#xff1a;计算线性拟合 3. 图像绘制&#xff1a;绘制折线及拟合线&#xff0c;并添加文本 …

Nacos部署选择数据源mysql8.0,启动报错No DataSource Set(终极解决方案)

Nacos部署选择数据源mysql8.0&#xff0c;启动报错No DataSource Set&#xff08;终极解决方案&#xff09; 选择mysql5.7正常&#xff0c;但是选择mysql8.0就报这个错&#xff0c;配置都确认无问题&#xff0c;但就是用不了mysql8.0 排查了好久&#xff0c;发现是数据库字符集…

其他自动化工程师都在偷偷学习AI技术,你再不学就落后了!一篇文章教会你使用AI!

其他自动化工程师都在偷偷学习AI技术&#xff0c;你再不学就落后了&#xff01;一篇文章教会你使用AI&#xff01; 哈喽&#xff0c;大家好&#xff0c;我是小叔。了解小叔的朋友都清楚&#xff0c;我从来都不是标题党&#xff0c;我只会用美女图片来吸引你们&#x1f602;&am…

python 六句话让电脑告诉你,刚才插入的串口编号

六句话让电脑告诉你&#xff0c;我的串口号 第一步&#xff0c;安装python 编译器以及pyserial 模块第二步&#xff0c;写入代码 import serial.tools.list_ports usart_list list(serial.tools.list_ports.comports()) input("Please insert your serial port:")…

【OpenCV 基础知识 4】分离图像通道

cvSplit()是openCV中的一个函数&#xff0c;它分别复制每个通道到多个单通道图像。 void cvSplit( const CvArr* src, CvArr* dst0, CvArr* dst1, CvArr* dst2, CvArr* dst3 )&#xff1b;.cvSplit()函数将复制src的各个通道到图像dst0&#xff0c;dst1&#xff0c;dst2和dst3中…