为了让 Pelican 生成的 html 链接到图像,表达路径的正确方法是什么?

2024-05-05

我刚刚开始使用 Pelican 创建博客,并想要链接到图像。我通过在 Markdown 文件中包含以下行来做到这一点:

<img src="./myImg1a.png" alt="./myImg.png" style="width: 750px; height: 800px;"/>

此行已成功复制到 html 文件中,Pelican 将其放置在输出目录中(即/我的博客/输出)。我将 png 文件放在输出目录中(即与 html 文件相同的目录),并收到以下错误:

WARNING:root:Unable to find file /category/myImg1a.png/index.html or variations. 

where /类别指的是我的博客/输出/类别。当我使用以下 html 代码时:

<img src="/myImg1a.png" alt="/myImg.png" style="width: 750px; height: 800px;"/>

一切都很好。我不明白为什么这应该是:

  1. 如果图像文件与html文件位于同一目录中,那么“./myImg1.png”不应该是正确的而“/myImg.png”是不正确的吗?

  2. 为什么是文件夹/category/myImg1a.png/index.html正在被寻找吗?


首先,按设计,你不应该改变的内容output直接/手动。
您应该将所有静态内容放在单独的目录中,该目录通常命名为images or paths。然后,配置路径pelicanconf.py as:

# ...
PATH = 'content'
STATIC_PATHS = ['images', 'files']  # add any no. of locations
# ...

在这种情况下,当 Pelican 构建实际页面时,它将在以下位置查找任何引用的静态文件:./content/images and ./content/files地点。如果找不到那里,它将发出错误消息。

现在,回答您的麻烦...

By,

... src="./myImg1a.png" ...

Pelican找这个myImg1a.png文件在你的myBlog/content/你提到的文件夹./这是根文件夹Pelican正在努力。

但是,当您将其称为

... src="/myImg1a.png" ...

Pelican最终找到它在html文件的目录。通过得到/作为位置,Pelican正在您的同一目录中寻找它myblog/my-blog-post/index.html这是myblog/my-blog-post/.
因此,工作。但不是以理想的方式。

为了更深入的理解,请查看 Pelican 的文档在这个问题上 http://docs.getpelican.com/en/3.6.3/content.html#linking-to-static-files.

  1. 为什么要寻找文件夹 /category/myImg1a.png/index.html ?

Pelican,在这里,只是想变得聪明。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为了让 Pelican 生成的 html 链接到图像,表达路径的正确方法是什么? 的相关文章

  • 能够使用 Bootstrap 3 网格系统指定选择元素的宽度

    我有以下内容
  • CSS 内边框?

    我纯粹用 CSS 创建了左侧的按钮 它是一个div 中的一个div 然而 右侧的三个按钮是background属性于img标签 我这样做是为了按照以下说明模拟翻转效果here http kyleschaeffer com best prac
  • html 图像 src 调用 javaScript 变量

    这是我的代码 我想问 我怎样才能做到这一点 img src img apple 我一直在尝试使用 call 函数和 document onload 但它根本不起作用 有人可以救我吗 我假设你只是想用 javascript 更新图像 src
  • CSS如何制作可滚动列表

    我正在尝试创建一个由标题和标题下方的项目列表组成的网页 我希望项目列表可以垂直滚动 我还希望网页占据整个窗口 但不要更大 目前我的问题是项目列表不可滚动 而是延伸到窗口底部下方很远 这导致窗口可滚动 应该做什么CSS属性位于html bod
  • 什么可能导致 Firefox 中出现此 HTML/CSS 渲染问题?

    款式 h2 color 71D0FF font size 11px font weight bold margin 0px 0px 5px 0px a box color FFFFFF important cursor pointer di
  • 将文本字段限制为仅包含数字的最佳方法?

    I m using the following Javascript to restrict a text field on my website to only accept numerical input and no other le
  • 如何使用 Javascript 在 html 文件中搜索字符串?

    我有 5 个 html 文件 并且有一个搜索表单 我想用它来搜索这些 html 文件中的文本
  • 使用 google.script.run 从 html 调用库函数

    我使用 Google App Script 实现库 并且使用 google script run 从库中调用函数时遇到一些困难 这是我的图书馆的代码 Code gs function ShowSideBar var html HtmlSer
  • 对于 android 系统,使用 Sencha Touch 或 Phonegap 哪一个更好? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • GoLang 中的 HTML 部分

    我刚刚开始使用 Go 我想用它创建一个网络应用程序 我现在尝试的是以handlebarsjs 式的方式使用模板 我想将页眉和页脚从主页中取出 以便可以将它们注入到每个网页上 我当前的设置应该是解析主页 页眉和页脚 HTML 文件并缓存它们
  • HTML - 如何在 HTML 页面上创建递增/递减文本框?

    How can i create a increment decrement text box in HTML Page using jquery or Javascript 我还想设置最大值和最小值 我该如何实现这个目标 简单的 HTML
  • 在分词前添加连字符

    也许这是不可能的 但我想知道是否有一种方法可以在打破单词之前自动在长字符串的末尾插入一个连字符 并且没有空格 这jsfiddle http jsfiddle net 76qBy 演示了我遇到的问题 谢谢 table width 200px
  • 动态更改复选框不会触发onChange?

    注意 jQuery 不是一个选项 我想检测复选框状态的变化 但是当我这样做时 onChange 事件似乎没有触发 document getElementById myCheckBox addEventListener change func
  • 最大宽度不适用于弹性项目

    我有一列中有一个弹性容器和两个弹性子容器 顶部 div 应填充所有剩余空间 底部 div 的高度应由内容和max width 但底部 div 的宽度正在缩小到其内容的宽度 这max width正在被忽视 hero image min hei
  • 如何使用复选框来过滤 Angular 的结果?

    我正在尝试使用复选框应用过滤器 复选框正确显示 div div
  • Polygonal Divs——让内容以特定形状溢出?

    这是我目前正在开发的网站 http willcrichton net http willcrichton net 如果单击中间六边形每一侧的箭头 您可以看到它使用 jQuery jQuery Cycle jQuery Easing 左右过渡
  • h1、h2、h3.. 元素吃掉 div 边距

    为什么 h1 h2 h3 元素在 div 中的边距会被忽略 http jsfiddle net TzmdZ http jsfiddle net TzmdZ div class col h3 This is header h3 div div
  • div 全宽的响应式背景图像

    我正在尝试弄清楚如何在 div 全宽和响应式中制作背景图像 背景图像在页面的宽度上扩展 并且具有响应性 但图像的高度不是其完整高度 似乎它被某种方式切断了 我正在使用引导框架 我尝试这样做的原因是我想在图像上覆盖一些文本 我尝试了很多不同的
  • 在 Chrome 上使用 html5 显示垂直视频

    我正在构建一个简单的page http jsfiddle net JVZGZ 使用 html5 视频标签显示从我的 iPhone 上传的视频 如果您使用 chrome 观看它 您可能会看到该视频是水平呈现的 尽管它不是水平呈现的 尝试下载它
  • 对于 SEO 而言,.html 扩展名是否比 .php 和 .aspx 更好?

    对于 SEO 而言 html 扩展名是否比 php 和 aspx 更好 或者少扩展名的 url 比全部更好 该扩展对排名和所有 SEO 影响不大 您页面的扩展名可能不一定表明内容是如何生成的 PHP 或 ASPX 虽然通常具有动态内容 但始

随机推荐

  • 单选按钮列表 OnSelectedIndexChanged

    我正在寻找处理 ASP net RadioButtonList 后面的 C 代码 上选择的索引更改的最佳方法 我有 3 个列表项 对于第一个 我希望它在页面上显示隐藏的 asp textbox 而其他 2 个将隐藏文本框 asp net s
  • 开发类似 python 的小型语言时的缩进控制

    我正在使用 flex byacc 用于词法和解析 和 C 开发一种类似 python 的小型语言 但我有一些关于范围控制的问题 就像 python 一样 它使用空格 或制表符 进行缩进 不仅如此 我还想实现索引中断 例如 如果您在另一个 w
  • C#中使用私有变量有什么好处

    示例代码 替代代码如下 person cs using System class Person private string myName N A Declare a Name property of type string public
  • 是否可以使用 S3 进行 Flash 伪流?

    我一直在使用 S3 来存储和提供 FLV 和 MP4 视频 它效果很好 但内容是渐进下载的 我想知道是否有可能让所谓的 伪流 与 S3 一起使用 伪流允许观看者在下载完整视频之前在视频中向前搜索 并仅将必要的位发送到 Flash 播放器 我
  • Excel 中的样条插值

    我会让这个问题变得简单明了 因为我的截止日期已经到了 在为我的部分做一些报告时 我到达了可以真正在 Excel 中使用插值的部分 现在 我从未对其函数或一般的 VBA 进行过任何练习 那么 有没有一个地方我可以 或者你们中的任何人都知道一些
  • 从另一列计算出的列?

    给出下表 id value 1 6 2 70 有没有办法添加根据同一个表中的另一列自动计算的列 与 VIEW 类似 但属于同一个表的一部分 举个例子 calculated将是一半value Calculated应该会自动更新value变化
  • ASP.NET Web 服务中的 XML 文档中存在非法字符

    我要问并回答我自己的问题 我希望没人介意 但我认为这可能对其他人有用 如果您设置的 ASP NET Web 服务返回的对象包含对 XML 无效的字符 则在将对象序列化为 SOAP xml 并且客户端尝试反序列化该 xml 后 将会引发异常
  • 如何将图像存储在网站根目录之外

    我希望用户上传的所有图像都保存在我的网站目录之外 让我为大家解释一下 假设我有一个网站部署在服务器中 目录路径是 e g D TestWeb 目前我添加了一些其他目录来存储图像 D TestWeb imgProfile D TestWeb
  • 32位机器如何计算双精度数

    如果我只有32位机器 CPU如何计算双精度数 这个数字是 64 位宽 FPU 如何处理它 更普遍的问题是 如何计算比我的 alu 更宽的东西 不过我完全理解整数方式 您可以简单地split https stackoverflow com q
  • LINQ Group By 投影成非匿名类型?

    我有以下 LINQ 示例 var colorDistribution from product in ctx Products group product by product Color into productColors select
  • 阻止 ItemsControls 共享过滤器

    我有两个 ItemsControl 一个是 ListView 另一个是我正在开发的自定义控件 我已将两个控件的 ItemsControl ItemsSource 属性设置为同一个 IEnumerable 对象 在本例中为 List 我将筛选
  • 使用 ImageProcessor 从 MemoryStream 保存/加载图像时出现一般 GDI+ 错误

    我在 imageFactory Load inStream 线上遇到通用 GDI 错误 我的项目是 ASP NET Core Razor Pages 我尝试将 inStream 克隆到新流 这在之前保存位图时对我有帮助 但没有成功 以前有人
  • 如何安装wkhtmltopdf?

    现在我正在使用rails 3 0 0 我正在使用Ubuntu 11 10 64位操作系统 我想安装wkhtmltopdf 请告诉我wkhtmltopdf的静态版本 安装中wkhtmltopdf 在 Ubuntu Linux 机器上 首先使用
  • GWT 和 Guava 的问题

    我很难让 GWT 与 Guava 一起工作 我添加了guava r09 gwt jar到我的类路径 并且
  • 迁移后删除轨道模型

    我觉得很奇怪 创建模型 运行迁移 销毁它 然后再次创建相同的模型会报告 SQL 异常 project master rails g model name name invoke active record create db migrate
  • 为 customere xml 按钮着色时遇到问题

    我在为自定义按钮着色时遇到问题 由于某种原因 似乎无论我想应用什么颜色更改 文本或背景 按钮都保持不变 我注意到button xml具有所需的颜色和正确的形状 尽管没有出现按钮background color活动的财产 活动中的按钮
  • 如何使用 React Router 6 在 React 组件之外导航

    现在我有一个历史记录模块 它让我甚至可以在反应组件之外使用历史记录 import createBrowserHistory from history export default createBrowserHistory 然后我直接在App
  • IE 因在闭包中引用 DOM 元素而导致内存泄漏?

    在最近的一次采访中 有人问我 像这段代码一样 在引用 DOM 元素时使用闭包有什么危险 var firstNameValue function elementId var firstName document getElementById
  • XSLT 2.0 中的简洁正则表达式提取功能

    我可以从 XSLT 2 0 文档中看到最好的结果 或者至少从我在这些地方读到的内容中看到 Saxon 分析字符串函数 http www saxonica com html documentation xsl elements analyze
  • 为了让 Pelican 生成的 html 链接到图像,表达路径的正确方法是什么?

    我刚刚开始使用 Pelican 创建博客 并想要链接到图像 我通过在 Markdown 文件中包含以下行来做到这一点 img src myImg1a png alt style width 100 height 800px 此行已成功复制到