问题标签 [hugo-shortcode]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
462 浏览

iframe - Hugo 短代码中的 iframe 源代码

我创建了一个自定义简码,其中包含一个 iframe 到我博客的另一个静态文件。像这样的东西:

实际内容在 iframe src 中。我试图了解将此文件放在何处的最佳实践(somefile.html在上面的示例中)。现在,它在我的static文件夹下,但我觉得让它“更接近”简码定义本身会更有意义,特别是如果我想与其他人共享简码。

有没有办法使这项工作,即在短代码模板中引用静态 html 文件?

我考虑过使用srcdoc,但我不知道如何正确地转义 html 中的引号。

在相关说明中,有没有办法从 iframe 源中引用资源(如样式表)?

0 投票
2 回答
168 浏览

python - 按类名搜索和替换 HTML 标记并替换为非 HTML 标记

我想div用类名“figure”替换所有标签

带有非 HTML 标签(在我的例子中是Hugo 短代码)

用其他html标签替换html标签很容易,但是如果涉及非html标签,我不知道该怎么做。

0 投票
1 回答
1148 浏览

r - R Blogdown Hugo 学术主题不渲染站点

我正在尝试使用 R Blogdown Hugo-Academic 主题创建一个网站。通常,我会通过运行以下命令来创建网站:

但我收到一个错误

我在这里找到了一个相关的 github 问题:

但似乎gcushen/hugo-academic正在转向wowchemy

如何解决这个问题?

0 投票
0 回答
167 浏览

hugo - Hugo - 如何覆盖指向内容文件夹 html 的链接

我们希望使用可用的 Hugo 主题(如 dot)来保持一致的主页外观和跨平台支持,但是对于一个内容文件夹,我们需要直接链接到一个自包含的 html 文件(即它具有 <head> 和 <body > 标签、样式和 <head> 中的脚本链接等)。“直接”是指独立的 html 文件应该立即显示——是的,我们可以在内容文件夹 index.html 中放置一个指向它的链接,但这是一个额外的点击。

我们尝试了此页面上的方法。我们也试过:

  1. 将自包含 html 文件的 <head> 标记中的必要信息复制到 partials/head.html
  2. 使用 {{.Inner}} 创建简码
  3. 在内容文件夹markdown中,在前面部分之后,使用{{< shortcode_file >}}标签将所有html包含在自包含html文件的<body>标签内

从功能上讲,这是可行的,但渲染很糟糕:加载了自包含文件,但只有很小的一部分可见。

有没有办法我们可以更改(“覆盖”?)为一个内容文件夹生成的链接直接转到静态 html 文件,但仍将 type=docs 格式/外观保持在顶层?

更新

在 layouts/index.html 我编辑了这样的输出

这似乎可以渲染。我知道这是一个粗略的黑客,必须有更好的方法。

0 投票
1 回答
31 浏览

hugo - 如何检查 .Inner 是否为空

我正在尝试编写一个{{< gallery >}}短代码,它将生成一个画廊,其中包含您定义的目录中的所有图像、您通过定义的内容.Inner,或者只是与页面相关的所有图像资源。以下是我试图支持的表格:

  1. {{< gallery dir="/gallery/alaska/" />}}- 指定目录
  2. {{< gallery >}} {{< figure src="image1.jpg" >}} {{< /gallery >}}- 指定的内部内容
  3. {{< gallery >}}- 使用所有图像资源

我可以处理前两个,但我不清楚如何确定.Inner变量中是否没有任何内容,因此我可以处理上面的表格 3。我希望执行以下操作:

如何检测没有参数或内部内容的裸简码?

0 投票
1 回答
584 浏览

javascript - 有没有办法在没有 index.html 的情况下生成 hugo 文件?

我在 hugo 中有我的静态网站,这是文件夹结构:

Hugo 静态站点初始化结构

我不知道为什么,当我执行hugo -D构建 hugo 时,它会生成以下脚手架:

Hugo 生成的脚手架图片

我只想在构建 hugo 后的根文件夹中使用它们各自的名称,而不是具有名称的文件夹和 index.html 文件中的定价、条款和隐私页面。

注意:定价、条款和隐私页面正在使用single.html

0 投票
2 回答
1285 浏览

hugo - Hugo:生成时不要在页面中转义 HTML .Title tag in the header.html partial</h1> <div id="body"><p>In my Hugo-based website, I often use <code><span></code> tags within my post titles. I am experiencing an issue where this HTML </a> </h3> <div class="s-post-summary--content-excerpt"> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/hugo" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">hugo</a><a href="/tags/hugo-shortcode" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">hugo-shortcode</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2020-09-28T02:08:03.393</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="155 views"> <span class="s-post-summary--stats-item-number">155</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/64514166" class="s-link">go - 来自动态参数的 Hugo 数据文件</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我正在开发一个大雨果模板。我试图简化问题,所以我有两个数据文件:</p> <ul> <li>PROMO_00_1.yaml</li> <li>PROMO_00_2.yaml</li> </ul> <p>以物理方式存储在此目录中:</p> <p>主题/数据/hp/</p> <p>因此,在站点配置中,用户将决定使用哪个数据文件,只需在参数 (HpElement) 中指明它。</p> <p>在模板中,我以这种方式调用部分:</p> <p>在部分中我写道:</p> <p>雨果输出在网站上:</p> <p>我需要的是访问 .yaml 文件中的单个变量,但用户必须可以决定必须使用哪个 YAML 文件。我怎样才能做到这一点?</p> <p>谢谢</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/go" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">go</a><a href="/tags/yaml" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">yaml</a><a href="/tags/templating" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">templating</a><a href="/tags/hugo" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">hugo</a><a href="/tags/hugo-shortcode" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">hugo-shortcode</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2020-10-24T14:03:04.377</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="47 views"> <span class="s-post-summary--stats-item-number">47</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/64546198" class="s-link">hugo - 通过 Scratch 将值传递给简码 - 不工作</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我正在尝试<code>.Scratch</code>在页面模板中设置一个值,并在该页面上使用的短代码中读取它,但没有运气。</p> <p>内容有:</p> <p>页面模板(在主题中)有:</p> <p>简码(也在主题中)有:</p> <p>但是渲染的输出有:</p> <p>我已经对此尝试了几种变体,包括在两种情况下都<code>.Scratch</code>以 a为前缀<code>$</code>,以及尝试<code>.Page.Scratch</code>从简码文件中访问它。在所有情况下,我都会得到一个空的回报。我正在使用版本 v0.75.0-DEV。任何指针都非常感谢。</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/hugo" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">hugo</a><a href="/tags/hugo-shortcode" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">hugo-shortcode</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2020-10-26T23:07:39.500</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="3 answers"> <span class="s-post-summary--stats-item-number">3</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="926 views"> <span class="s-post-summary--stats-item-number">926</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/64609165" class="s-link">html - 当表包含简码时,如何给 Hugo / markdown 表一个类?</a> </h3> <div class="s-post-summary--content-excerpt"> <p>在<a href="/questions/tagged/hugo" class="post-tag" title="显示标记为“雨果”的问题" rel="tag">hugo</a> (version v0.77.0) 中,我试图用一些特定的样式渲染一个表格。我正在使用</p> <p>我正在尝试使用 zwbetz 的<code>{{ bootstrap-table "classname" }}</code> <a href="https://zwbetz.com/style-a-markdown-table-with-bootstrap-classes-in-hugo/" rel="nofollow noreferrer">简码</a>。它是<code>/layouts/shortcodes/bootstrap-table.html</code>这样定义的:</p> <p>它可以与 Markdown 中的一个简单表一起正常工作,如下所示:</p> <p>但是,如果降级表包含其他 Hugo 短代码,它会拒绝表标记并创建一个空表,然后在生成的 html 中通过消息(在 html 注释中)说 Hugo 拒绝了一些 html。</p> <p>这是一个令人讨厌的降价表。</p> <p>我该怎么做才能让这个<code>bootstrap-table</code>Hugo 标签接受我的表格,其中包含图像或其他 Hugo 短代码?</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/html" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html</a><a href="/tags/twitter-bootstrap" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">twitter-bootstrap</a><a href="/tags/markdown" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">markdown</a><a href="/tags/hugo" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">hugo</a><a href="/tags/hugo-shortcode" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">hugo-shortcode</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2020-10-30T13:19:28.860</span></time> </div> </div> </div> </div> </div> <br class="cbt"> <div class="s-pagination site1 themed pager float-left"> <a class="s-pagination--item js-pagination-item " href="/tags/hugo-shortcode?p=1" rel="" title="Go to page 2">1</a><a class="s-pagination--item js-pagination-item " href="/tags/hugo-shortcode?p=2" rel="" title="Go to page 2">2</a><a class="s-pagination--item js-pagination-item " href="/tags/hugo-shortcode?p=3" rel="" title="Go to page 2">3</a><a class="s-pagination--item js-pagination-item is-selected" href="/tags/hugo-shortcode?p=4" rel="" title="Go to page 2">4</a><a class="s-pagination--item js-pagination-item " href="/tags/hugo-shortcode?p=5" rel="" title="Go to page 2">5</a><a class="s-pagination--item js-pagination-item " href="/tags/hugo-shortcode?p=6" rel="" title="Go to page 2">6</a><a class="s-pagination--item js-pagination-item " href="/tags/hugo-shortcode?p=7" rel="" title="Go to page 2">7</a><a class="s-pagination--item js-pagination-item " href="/tags/hugo-shortcode?p=8" rel="" title="Go to page 2">8</a><a class="s-pagination--item js-pagination-item " href="/tags/hugo-shortcode?p=9" rel="" title="Go to page 2">9</a><a class="s-pagination--item js-pagination-item " href="/tags/hugo-shortcode?p=10" rel="" title="Go to page 2">10</a></div> </div> <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar"> <div class="module js-gps-related-tags" id="related-tags"> <h4 id="h-related-tags">Reference</h4> <div data-name="javascript"> <a href="https://php.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">php</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">1429865</span> </span> </div> <div data-name="javascript"> <a href="https://c-cpp.com" class="post-tag no-tag-menu js-gps-track" target="_blank">c/c++</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">756500</span> </span> </div> <div data-name="javascript"> <a href="https://nginx.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">nginx</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49975</span> </span> </div> <div data-name="javascript"> <a href="https://mongodb.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">mongodb</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">159057</span> </span> </div> <div data-name="javascript"> <a href="https://mybatis.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">mybatis</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">3233</span> </span> </div> <div data-name="javascript"> <a href="https://anaconda.org.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">anaconda</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">13410</span> </span> </div> <div data-name="javascript"> <a href="https://pycharm.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">pycharm</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">14671</span> </span> </div> <div data-name="javascript"> <a href="https://python.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">python</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">1902243</span> </span> </div> <div data-name="javascript"> <a href="https://vscode.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">vscode</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">56040</span> </span> </div> <div data-name="javascript"> <a href="https://dockerdocs.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">docker</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">110988</span> </span> </div> <div data-name="javascript"> <a href="https://github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">github</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49000</span> </span> </div> <div data-name="javascript"> <a href="https://flask.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">flask</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49129</span> </span> </div> <div data-name="javascript"> <a href="https://ffmpeg.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">ffmpeg</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">24037</span> </span> </div> <div data-name="javascript"> <a href="https://jmeter.net" class="post-tag no-tag-menu js-gps-track" target="_blank">jmeter</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">16910</span> </span> </div> <div data-name="javascript"> <a href="https://matplotlib.net" class="post-tag no-tag-menu js-gps-track" target="_blank">matplotlib</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">63493</span> </span> </div> <div data-name="javascript"> <a href="https://getbootstrap.net" class="post-tag no-tag-menu js-gps-track" target="_blank">bootstrap</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">54641</span> </span> </div> </div> </div> </div> </div> <footer id="footer" class="site-footer js-footer" role="contentinfo"> <div class="site-footer--container"> <div class="site-footer--logo"> <a href="https://stackoverflow.com"><svg aria-hidden="true" class="native svg-icon iconLogoGlyphMd" width="32" height="37" viewBox="0 0 32 37"><path d="M26 33v-9h4v13H0V24h4v9h22Z" fill="#BCBBBB"/><path d="m21.5 0-2.7 2 9.9 13.3 2.7-2L21.5 0ZM26 18.4 13.3 7.8l2.1-2.5 12.7 10.6-2.1 2.5ZM9.1 15.2l15 7 1.4-3-15-7-1.4 3Zm14 10.79.68-2.95-16.1-3.35L7 23l16.1 2.99ZM23 30H7v-3h16v3Z" fill="#F48024"/></svg></a> </div> <nav class="site-footer--nav"> <div class="site-footer--col"> <h5 class="-title"><a href="https://stackoverflow.org.cn" class="js-gps-track" data-gps-track="footer.click({ location: 3, link: 15})">Stack Overflow 中文网</a></h5> <p>遵从 CC BY-SA 知识共享许可协议。</p> </div> </nav> </div> </footer> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?709ff2ad9744e86b5b0eee677fc13ede"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-1MW5BV8G8E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1MW5BV8G8E'); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6117966252207595" crossorigin="anonymous"></script> </body> </html>