标签: hugo

从hugo示例中删除最大宽度

我用hugo的学术主题制作了一个网站;这里提供了一个例子。我希望我的所有帖子(其中链接中提供了三个示例)更广泛。例如,一篇文章最初看起来像这样: 原始宽度 文本被限制在更窄的窗口内,但我希望它看起来像这样: 更宽的宽度 其中文本与页面的宽度相同。

我注意到我可以通过取消选中“.article-container”中的“max-width”规范来实现此目的。如何编辑带有学术主题的个人页面的本地文件以使其自动发生?

css width hugo blogdown

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

使用 github/netlify 上的 Hugo 自动从 Markdown 构建 PDF

我正在使用hugoacademic主题)从 上的源构建一个网站github,在 上构建和托管netlify

在此站点中,我有一个特定的页面,该页面是从markdown文件 ( .md) 呈现的,我也希望将其作为.pdf. .pdf目前,每次对源进行编辑时,我都必须手动生成并推送.md,但我希望这是自动化的。

我尝试过的一种方法是在页面中嵌入一个 JavaScriptwindow.print()按钮,以便用户可以将页面打印到文件,但这有点不优雅。

我不确定这是否可以通过hugogithubornetlify钩子或其他方式来完成。

非常感谢任何指向正确方法的指示。

pdf markdown github hugo netlify

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

如何在Hugo中打印出变量的完整值

我正在使用Hugo生成我的静态站点。我必须检查 Hugo 中变量的值以确保获得预期结果。考虑以下内容index.html

{{ $pages := .Pages }}
<body>
  <div> {{ $pages }} </div>
</body>
Run Code Online (Sandbox Code Playgroud)

我得到的是:

Pages(3)
Run Code Online (Sandbox Code Playgroud)

但我想要的是查看对象的完整序列化值。如何实现?


尝试

我努力了:

<div> {{ print $pages }} </div>
Run Code Online (Sandbox Code Playgroud)

然而还是一样。

hugo

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

可以使用 Hugo 提供 D3.js 可视化吗?

我有一些 D3.js 可视化我想在我使用 Hugo 制作的 Github Pages 网站上提供服务。我正在努力如何在 Markdown 文件中包含可视化(html 和 js 文件)。这可能吗?如果没有,我可以在 Hugo 上使用独立的 html 文件吗?

编辑: 我实现了@timur 建议的示例,但该图仍未显示。 结果网页

html d3.js hugo

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

HUGO:在 Markdown 内容之间插入 JS

我正在使用一个 HUGO 博客帖子模板网站,我想修改我的一个页面以在内容中嵌入一个 JS 计算器。因此,我需要以某种方式拆分 .Content 变量。理想情况下,我希望它看起来像这样:

  • 标题

  • 文本块 #1

  • JS计算器

  • 文本块 #2

  • 文本块 #3

  • 页脚

到目前为止,我设法修改它,使内容首先出现在一个大块中,然后是计算器。我如何为此拆分计算器变量?

我以前发现过这样的事情:

到目前为止我的尝试:

{{ define "main" }}

<section class="section">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <h2 class="mb-4">{{.Title }}</h2>
        {{ .Content }}
        <br/><br/>
        <br/><br/>
        <br/><br/>
            <!-- Begin Scheidungskosten-Rechner von www.cool-funky-calculator.de -->
            <div id="s_r_de_calculator">
              <script type="text/javascript">
              </script>
              <script
                 type="text/javascript"
                 charset="utf-8"
                 src="https://www.cool-funky-calculator.de/widget/calculator.js">
              </script>
            </div>
            <br/><br/>
            <br/><br/>
            <br/><br/>
          <!-- </div> -->
        <!-- </form> -->
      </div>
    </div>
  </div>
</section>
Run Code Online (Sandbox Code Playgroud)

javascript markdown hugo

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

在 HUGO 中 - 如何读取模板中的查询参数

我有一个hugo 模板,我提供从一个页面到另一个页面的超链接。我想在 URL 中传递一些查询参数并在模板中读取它们。

/list-page/?{{(querify "somekey" "value")}}
Run Code Online (Sandbox Code Playgroud)

我想要做的是检查url 中/list-page/是否有 a 。?somekey=value如果有,我想根据传递的参数过滤列表。如果没有,我将显示整个列表。如果不清楚,我可以尝试解释更多。我已经尝试过{{ $value := (.Get "value") }} 但这会阻碍它。它根本不起作用。我正在使用Hugo Static Site Generator v0.55.6 任何帮助表示赞赏。

templates hugo

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

Cloudflare Workers 站点中的缓存控制标头

我只是用 Hugo 创建的静态站点测试 Workers 站点。它已经存在,因此我使用 docs\xe2\x80\x99 说明来调整现有站点。和文件cache-control的标题全部显示为,与我基于https://support.cloudflare.com/hc/en-us/articles/200172516#h_a01982d4-d5b6-4744-bb9b-的预期相反a71da62c160a。有问题的工人网站是https://hosts-test-hugo.brycewray.workers.dev/woff2cssno-cache

\n

我在https://levelup.gitconnected.com/use-cloudflare-javascript-workers-to-deploy-you-static- generated-site-ssg-1c518e078646 找到了以下内容,但不知道它是否相关:

\n
\n

Cloudflare Worker 是一段 JavaScript 代码,每次您访问由 Cloudflare 代理的网站上的特定路由时都会运行。该代码会在每个请求 到达 Cloudflare\xe2\x80\x99s 缓存之前执行。这意味着工作器响应不会被缓存(尽管工作器向其他 Web 服务发出的请求可能会使用适当的缓存标头进行缓存)。

\n
\n

该站点是否需要有一个自定义域 \xe2\x80\x94 即,而不是 \xe2\x80\x9c.workers.dev\xe2\x80\x9d URL \xe2\x80\x94 才能进行正常缓存行为?这还有关系吗?

\n

[注:我在此发布此内容是因为我在Cloudflare 社区论坛Cloudflare subreddit \xe2\x80 \x94 上均未能成功获得响应,希望在这里能获得更好的结果。]

\n

cache-control static-site hugo cloudflare-workers

3
推荐指数
2
解决办法
2400
查看次数

安装后尝试在 Hugo 中创建第一个网站帖子时出现“unmarshal failed”

我按照 Hugo 的快速入门指南 ( https://gohugo.io/getting-started/quick-start/ )中的说明进行操作,但当我尝试创建帖子时,我不断收到此错误消息:

unmarshal failed: Near line 1 (last key parsed 'theme'): expected value but found '\\' instead
Run Code Online (Sandbox Code Playgroud)

我在下面发布了一些代码行。错误消息出现在底部。谁能帮助指出我做错了什么?

C:\Users\Scott\quickstart\MyHugoBlog\themes>git init
Initialized empty Git repository in C:/Users/Scott/quickstart/MyHugoBlog/themes/.git/

C:\Users\Scott\quickstart\MyHugoBlog\themes>git submodule add https://github.com/dashdashzako/paperback.git
Cloning into 'C:/Users/Scott/quickstart/MyHugoBlog/themes/paperback'...
remote: Enumerating objects: 16, done.
remote: Counting objects: 100% (16/16), done.
remote: Compressing objects: 100% (15/15), done.
remote: Total 194 (delta 3), reused 9 (delta 1), pack-reused 178 eceiving objects:  53% (103/194)
Receiving objects: 100% (194/194), 466.30 KiB | 5.62 MiB/s, done.
Resolving …
Run Code Online (Sandbox Code Playgroud)

markdown r-markdown hugo

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

从 Hugo 部分读取站点配置

我想将地图添加到我的博客主页。它需要采用一些参数。我正在努力弄清楚如何正确配置它。我通过对设置进行硬编码来使其工作,但这对于与其他人共享我的解决方案并不理想。

我的问题是我将其作为部分实现:{{ partial "map.html" (where site.RegularPages "Type" "in" site.Params.mainSections) }}

根据我的理解,我无法访问.Site.Params部分中的变量。我也一直在考虑使用短代码,但这似乎也不是正确的选择,因为短代码只能在内容中使用,而不能在模板中使用。我也不想将其index.html直接添加到模板中,因为它独立于主题。

实现这一目标的正确方法是什么?

hugo

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

使用 Visual Studio Code 时的 Hugo 重建循环

当我在 Visual Studio Code 中打开 Hugo 项目并运行时hugo server,Hugo 服务器会进入持续的重建周期,即使我没有对内容进行任何更改。例如:

\n
Change detected, rebuilding site.\n2022-02-01 10:35:45.916 +0000\nRebuilt in 856 ms\n\nChange detected, rebuilding site.\n2022-02-01 10:35:52.415 +0000\nRebuilt in 861 ms\n
Run Code Online (Sandbox Code Playgroud)\n

如果我在网络浏览器中查看页面,则会每隔几秒触发一次页面重新加载。

\n

如果 VSCode 关闭,这不是问题;同样,如果我在 TextMate 中编辑,我也不会收到此消息。

\n

我假设 VSCode 必须修改某些文件,并且 Hugo 服务器正在检测这些更改。

\n

我怎样才能阻止这个?例如,是否有一个 Hugo 配置元素可以更改以忽略对仅由 VSCode 触及的某些文件的更改?

\n

有关版本等其他信息,这是启动 Hugo 的输出:

\n
Start building sites \xe2\x80\xa6 \nhugo v0.89.4+extended darwin/amd64 BuildDate=unknown\n\n                   | EN  \n-------------------+-----\n  Pages            | 43  \n  Paginator pages  |  0  \n  Non-page files   |  4  \n  Static …
Run Code Online (Sandbox Code Playgroud)

hugo visual-studio-code

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