标签: hugo-shortcode

Hugo 简码忽略了“省略了原始 HTML”

我写了一个短代码来创建一个引导程序可关闭的警报框。下面是我的短代码称为layouts/shortcodes/message.html.

   <div class="alert alert-{{.Get 0}} alert-dismissible fade show" role="alert">
       {{.Inner}}
     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
       <span aria-hidden="true">&times;</span>
     </button>
   </div>
Run Code Online (Sandbox Code Playgroud)

这是我从我的内容降价文件中调用的方式:

{{% message warning%}}
This can cause build errors
{{% /message %}}
Run Code Online (Sandbox Code Playgroud)

但是,在输出 HTML 中,会生成以下代码:

<!-- raw HTML omitted -->
<p>This can cause build errors</p>
<!-- raw HTML omitted -->
Run Code Online (Sandbox Code Playgroud)

我不明白这里有什么问题。我已经创建了其他短代码(虽然不使用 .Inner,但这是我的第一次尝试)并且它们工作正常,例如我为像 pinterest 这样的图像网格创建了一个短代码,它接受多达 10 个图像 URL 并吐出 HTML。不知道为什么这个特定的 .Inner 短代码失败。请帮忙。我的 Hugo 版本是v0.74.3/extended darwin/amd64.

编辑

当我使用标签{{< >}}而不是{{% %}}然后它工作。但是我可能会在内部文本中进行一些降价处理,因此我想使用{{% %}}.

如果我理解正确, using …

static-site twitter-bootstrap hugo hugo-shortcode

12
推荐指数
1
解决办法
3008
查看次数

在简码定义内使用简码

如何在另一个短代码中重用 Hugo 中的短代码?

我只找到了一种在 Markdown 中嵌套短代码的方法,但我想要做的是在另一个短代码的定义中重用一个短代码。

hugo hugo-shortcode

8
推荐指数
1
解决办法
570
查看次数

如何在 Hugo 图像标签标题元素中插入换行符?

我正在使用 blogdown 和 kakawait/hugo-tranquilpeak-theme 来写一篇简单的降价博客文章。当我添加带有短代码选项标签的图像时,例如

{{< image classes="fancybox right clear" src="image2.png"     
thumbnail="http://google.fr/images/image125.png" group="group:travel"   
thumbnail-width="150px" thumbnail-height="300px" title="A beautiful    
sunrise" >}}
Run Code Online (Sandbox Code Playgroud)

我无法打破图像的标题。我现在有

A beautiful image
Run Code Online (Sandbox Code Playgroud)

但我愿意

A beautiful 
image
Run Code Online (Sandbox Code Playgroud)

顺便说一句,这些中断:

\n
<br>
<br />
Run Code Online (Sandbox Code Playgroud)

不要为我工作。知道如何解决这个问题吗?

markdown line-breaks hugo blogdown hugo-shortcode

6
推荐指数
1
解决办法
1277
查看次数

R Blogdown Hugo 学术主题未渲染站点

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

blogdown::new_site(theme = 'gcushen/hugo-academic')
blogdown::serve_site()
Run Code Online (Sandbox Code Playgroud)

但我收到一个错误

failed to extract shortcode: template for shortcode "alert" not found
Run Code Online (Sandbox Code Playgroud)

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

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

如何解决这个问题?

r hugo blogdown hugo-shortcode

6
推荐指数
1
解决办法
968
查看次数

我可以使用 Markdown 在hugo posts 内容中创建带有“target=”_blank”'的链接吗?

我使用 Hugo 部署静态网页,使用Markdown,我想解决的问题很简单。我想找到最简单且与 Markdown 语言兼容的方式来使我的网络链接在不同的选项卡中打开。我现在使用的方法如下:

  1. < rawhtml >}}<a href="https://en.wikipedia.org/wiki/Rasmus_Lerdorf" target="blank">Rasmus Lerdorf</a></br>{{< /rawhtml >
  2. [link with title](http://nodeca.github.io/pica/demo/ "target="blank")

第一种方法有效,但 HTML 第二种方法无效。谢谢。

html markdown hugo hugo-shortcode

6
推荐指数
1
解决办法
1700
查看次数

Hugo 中的正则表达式捕获组

最近我想将我的静态站点生成器Jekyll切换到 Hugo。我真的很喜欢Hugo,但不幸的是,一些功能的使用经常让我困扰。


考虑下面的代码,

{{ $my_var := `id="demo"` }}
{{ $my_slice := (findRE `id=\"(.*)\"` $my_var 1) }}
{{ index $my_slice 0 }}
Run Code Online (Sandbox Code Playgroud)

结果:

id="demo"
Run Code Online (Sandbox Code Playgroud)

预期结果

demo
Run Code Online (Sandbox Code Playgroud)

在上面的例子中,我想获取该组的值。

请注意,真正需要的是获取组的正则表示,而不是其他函数的巧妙使用(例如替换id="为用空白或类似的东西替换)

正则表达式测试网站: https: //regex101.com/

在此输入图像描述

请帮助我,我真的花了很多时间寻找但仍然一无所获。我在Hugo-discourse中发现有人有同样的问题,但已经一年了,仍然没有答案。

regex hugo hugo-shortcode

5
推荐指数
1
解决办法
774
查看次数

图像通过 RMarkdown 中的短代码使用 blogdown 不显示

我想使用 blogdown 通过 RMarkdown 文件中的短代码显示图像。我使用代码:

```{r echo=FALSE}
blogdown::shortcode("figure", src = "/img/to/path/my-picture.png", alt = "Some alt text")
```
Run Code Online (Sandbox Code Playgroud)

我没有收到错误消息,只是网站上有一个空白区域。图片不显示。简码通常有效,我用推特卡试过了。

路径是正确的,因为使用 knitr 显示相同的图片。(该路径也可用作普通.md文档中的简码。)如果我不在我的.Rmd文件中使用 alt 参数,则短代码命令的代码将显示在网站上——不仅适用于此命令,而且适用于所有其他命令(以前工作)短代码也是如此。例如,我得到了以下网页片段:

{{% figure src=/img/to/path/my-picture.png %}}
But shortcode works, here is a tweet card: {{% tweet 852205086956818432 %}}
Run Code Online (Sandbox Code Playgroud)

另一个与数字相关的问题:如果我使用标准命令:

![some alt text](/img/to/path/my-picture.png)
Run Code Online (Sandbox Code Playgroud)

网页在图片下方显示替代文字“一些替代文字”。

我正在使用 Hugo-academic 主题,这是我的会话信息:

R version 3.4.1 (2017-06-30)
Platform: x86_64-apple-darwin15.6.0 (64-bit)
Running under: macOS Sierra 10.12.6

Matrix products: default
BLAS: /System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libBLAS.dylib
LAPACK: /Library/Frameworks/R.framework/Versions/3.4/Resources/lib/libRlapack.dylib

locale:
[1] en_US.UTF-8/en_US.UTF-8/en_US.UTF-8/C/en_US.UTF-8/en_US.UTF-8

attached base packages:
[1] stats     graphics  grDevices …
Run Code Online (Sandbox Code Playgroud)

r r-markdown hugo blogdown hugo-shortcode

3
推荐指数
1
解决办法
377
查看次数

如何在hugo网站中嵌入YouTube播放列表

我可以使用以下代码,{{< youtube hvWSg6NblSU >}}将 YouTube 视频嵌入hugo 网站,其中 hvWSg6NblSU 是以下网址中的值:https://www.youtube.com/watch ?v=hvWSg6NblSU

我不想嵌入单个视频,而是嵌入以下播放列表:https://www.youtube.com/playlist? list=PLDe3_HhjV1foHQbtGpdo0FSmsMrVykuKJ

问题:有没有办法可以嵌入上述播放列表。基本上我正在尝试使用 Hugo 制作一个页面,它将在 YouTube 上显示播放列表。

在以下链接中:https://naresh-chaurasia.github.io/talk2naresh/course/python-kids/,我有一个 YouTube 视频,但想使用 Hugo 添加到整个播放列表的链接。是否可以。

虽然我可以创建播放列表的超链接,但我想显示 YouTube 播放列表。

谢谢。

hugo hugo-shortcode

3
推荐指数
1
解决办法
1345
查看次数

Hugo 短代码在链接文本末尾添加额外空格

我正在使用 Hugo 短代码向链接添加一个类。我们想复制维基百科的“红色链接”风格,即尚未构建但已计划的页面。

短代码 red-link.html 如下所示:

<a href="{{ .Get "url" }}" class="red-link">{{ with .Get "title" }}{{.}}{{else}}{{.Get "url"}}{{end}}</a>
Run Code Online (Sandbox Code Playgroud)

当我在 markdown 文件中使用它时,它看起来像这样:

Here is an {{< red-link title="example red link" url="#" >}}.
Run Code Online (Sandbox Code Playgroud)

想要的是这个(链接文本和标点符号之间没有空格):

<p>Here is an <a href="#" class="red-link">example red link</a>.</p>
Run Code Online (Sandbox Code Playgroud)

我得到的是这样的:

<p>
    "Here is an "
    <a href="#" class="red-link">example red link</a>
    " ."
</p>
Run Code Online (Sandbox Code Playgroud)

最终看起来像这样:

我无法修复的愚蠢错误的屏幕截图

我需要更改什么才能删除链接末尾和句点之间的额外空格?

hugo hugo-shortcode

2
推荐指数
1
解决办法
1626
查看次数