hugo 相关问题

Hugo是一个用Go编写的非常快速的静态站点生成器。在此处发布问题之前,请参阅https://gohugo.io/documentation/或https://discourse.gohugo.io/。

Hugo 可以在语言导航器中标记当前语言吗?

这是在 Hugo 中构建语言导航器的记录方法: https://gohugo.io/content-management/multilingual/#list-all-available-languages {{ 范围 $.Site.Home.AllTranslations }} ... 这是在 Hugo 中构建语言导航器的记录方法: https://gohugo.io/content-management/multilingual/#list-all-available-languages <ul> {{ range $.Site.Home.AllTranslations }} <li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li> {{ end }} </ul> 有没有办法标记当前选择的语言?我想让 CSS 依赖于所选的语言,因此为当前所选的语言提供 CSS 标识符/类会非常方便。 回答您的具体问题: $.站点.语言 是返回语言的变量。因此,如果您使用英语,它将返回“en”(无论您在 config.toml 中使用哪种语言并且当前使用哪种语言)。 然后您可以使用它来随心所欲地工作。 例如 {{ $.Site.Language }} 。 示例伪代码: {{ if eq . $.Site.Language }} <p class="foo-{{.LanguageName}}"></p> {{ end }} 使用 CSS 可能会像: .foo-en { font-size: 3em; } 但是,这不仅仅是您的问题 - 为了具体获得您所要求的内容,可以说语言“标志” - {{ $.Site.Language }} 以下内容适用于 Hugo v0.80.0(注意 current-language 设置当前所选语言的样式): {{ range $.Site.Home.AllTranslations }} <a href="{{ .Permalink }}" {{ if eq .Lang $.Lang }} class="current-language" {{ end }}>{{ .Language.LanguageName }}</a> {{ end }}

回答 2 投票 0

如何将hugo站点从本地主机迁移到Linux服务器

我是 Hugo 的新手,我已经使用预构建主题创建了主页,我在 https://github.com/giraffeacademy/ga-hugo-theme 上找到了该主题,但现在我想让它在我的 Hostgator 服务器上运行...

回答 4 投票 0

如何编辑Hugo网站的首页并添加新内容?

我在这里单击了“部署到 Netlify”: https://jamstack.org/generators/hugo/ 并下载了 github 存储库。 现在如何编辑首页? 按照 Hugo Quick 中的说明进行操作

回答 1 投票 0

Hugo:在第一段休息处结束内容摘要

我正在尝试从 Jekyll 迁移博客,并且我想保持我的摘录/内容摘要相同。也就是说,我想在第一个段落休息处自动结束摘要。 我应该是

回答 3 投票 0

启动hugo服务器时的警告

当我启动hugo 服务器时,我收到以下警告。 我收到错误的 Git Repo:https://github.com/jayrp11/mysite 警告 2022/06/09 16:04:59 找不到“HTML”的布局文件...

回答 2 投票 0

如何在 Hugo 中将帖子设为私密?

我正在寻找方法,使我的博客上的一些帖子只有我自己可见,但在 Hugo 中似乎无法做到这一点。 有没有办法解决这个问题,例如为某些帖子设置密码? 或者是...

回答 4 投票 0

无法使用(hugo)学术主题创建新网站

我是 blogdown 的新手,正在通过精彩的资源来指导我。不幸的是,我无法在hugo中使用学术主题。要创建一个新网站,我有: 创建了一个新的(空)

回答 2 投票 0

对于使用静态生成器生成的网站没有获得 X-Frame-Options、未实现 X-Frame-Options (XFO) 标头有什么影响吗?

使用Hugo生成静态站点,但没有通过,“内容安全策略”,“X-Frame-Options”,“X-XSS-Protection”与https://observatory.mozilla。组织/....

回答 1 投票 0

hugo主题JuiceBar中:如何基于标题markdown创建自动轮廓侧边栏?

我已经通过github使用hugo主题JuiceBar成功部署了我的网站。我花了一周的时间,我很高兴! 我的问题是:在 JuiceBar 开发者的演示页面中,有一个标题列表...

回答 1 投票 0

如何修复 Hugo CMS 中的错误“找不到“页面”的“HTML”的布局文件”?

我最近将 WordPress 页面中的内容导入到 Hugo 中。当我运行hugoserve时,我收到以下错误消息: 警告 2020/02/17 20:51:06 发现“页面”的“HTML”没有布局文件:你应该......

回答 6 投票 0

Hugo 学术 - 谈话小部件出现在单独的页面中,而不是在主页中

我已成功在菜单栏上添加“对话”菜单,但该小部件未显示在主页的锚定位置。相反,它似乎显示在[ROOT]/talk中。我做错了什么?

回答 1 投票 0

在 Hugo 中查询嵌套参数

我的 Hugo.toml 中有以下配置: [[参数.定价]] PricingTitle =“入门” 定价率=“27” ButtonCaption =“抢先体验” [[

回答 1 投票 0

Hugo 添加不显示为常规帖子的联系人/关于页面

我的所有帖子都位于以下文件夹结构下: 内容 |--帖子 |--post1.md |--post2.md 对于这些常规页面,我的模板 layouts/_default/single.html 做得很好。现在我想要...

回答 1 投票 0

为什么 KaTeX 的彩虹文本只能在 Firefox 上运行?

#艺术 { 背景图像:重复线性渐变(向右、红色、橙色、黄色、石灰、青色、紫色); 显示:内联块; 背景大小:800% 800%;...</desc> <question vote="0"> <div> </div> <pre><code>&lt;style&gt; #a-r-t { background-image: repeating-linear-gradient(to right, red, orange, yellow, lime, cyan, violet); display: inline-block; background-size: 800% 800%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: rainbow 8s ease infinite; } @keyframes rainbow { 0%{background-position:0% 50%} 50%{background-position:100% 25%} 100%{background-position:0% 50%} } &lt;/style&gt; ### &lt;span id=&#34;a-r-t&#34;&gt;$x^2$ Hello&lt;/span&gt; </code></pre> <p>在火狐浏览器上: <a href="https://i.stack.imgur.com/yODy1.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL3lPRHkxLnBuZw==" alt=""/></a></p> <p>在 Chrome/Safari 上:</p> <p><a href="https://i.stack.imgur.com/EiNZL.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL0VpTlpMLnBuZw==" alt=""/></a></p> <p>如果有任何帮助,我正在使用 Hugo 和 Goldmark md 渲染器。</p> <p>我感谢任何帮助!</p> <p>这是 HTML 输出:</p> <pre><code>&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;/css/custom.css&#34;&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css&#34;&gt; &lt;/head&gt; &lt;body class=&#34;page-page&#34; id=&#34;pagetop&#34;&gt; &lt;main class=&#34;content&#34;&gt; &lt;style&gt; #a-r-t { background-image: repeating-linear-gradient(to right, red, orange, yellow, lime, cyan, violet); display: inline-block; background-size: 800% 800%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: rainbow 8s ease infinite; } @keyframes rainbow { 0% { background-position: 0% 50% } 50% { background-position: 100% 25% } 100% { background-position: 0% 50% } } &lt;/style&gt; &lt;h3 id=&#34;span-ida-r-tsum-lim_n-to-infty-x2-hellospan&#34;&gt;&lt;span id=&#34;a-r-t&#34;&gt;$\sum \lim_{n \to \infty} x^2$ Hello!&lt;/span&gt;&lt;/h3&gt; &lt;/main&gt; &lt;script src=&#34;https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js&#34;&gt;&lt;/script&gt; &lt;script&gt; document.addEventListener(&#34;DOMContentLoaded&#34;, function () { renderMathInElement(document.body, { delimiters: [ { left: &#34;$$&#34;, right: &#34;$$&#34;, display: true }, { left: &#34;\\[&#34;, right: &#34;\\]&#34;, display: true }, { left: &#34;$&#34;, right: &#34;$&#34;, display: false }, { left: &#34;\\(&#34;, right: &#34;\\)&#34;, display: false } ] }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>这是我单击 Ctrl + U 并保存代码时看到的内容。我真的不明白为什么这种情况只发生在 Firefox 而不是 chrome + safari,因为我认为 webkit 仅与 chrome 相关。</p> <p><a href="https://jsfiddle.net/30dzgns9/" rel="nofollow noreferrer">https://jsfiddle.net/30dzgns9/</a></p> <p>这是包含此代码的 jsfiddle。</p> </question> <answer tick="false" vote="0"> <p>这是 Chrome 的一个已知错误: <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=1352821" rel="nofollow noreferrer">https://bugs.chromium.org/p/chromium/issues/detail?id=1352821</a></p> <p>具体来说,<pre><code>position:relative;</code></pre>会干扰<pre><code>background-clip:text;</code></pre>。</p> <p>这不是一个精确的解决方案,但这似乎给出了类似的效果。这个怎么办?</p> <pre><code>#a-r-t *{ background-clip: text; -webkit-background-clip: text; background-image: inherit; animation: inherit; background-size: inherit; } </code></pre> <p>JSfiddle:<a href="https://jsfiddle.net/xgfm6cz8/" rel="nofollow noreferrer">https://jsfiddle.net/xgfm6cz8/</a></p> </answer> </body></html>

回答 0 投票 0

Hugo 中的延迟加载内容

我正在考虑使用 Hugo 构建一个静态网站。我正在考虑将帖子发布到登陆页面上,但我想知道如果添加太多帖子,登陆页面是否会变得太大。

回答 1 投票 0

Hugo Shortcode 变量影响目录呈现的问题

标题:Hugo Shortcode 变量影响目录渲染的问题 我目前正在利用 Hugo (https://gohugo.io/) 来提供静态文档,并且我已经实现了一个自定义

回答 1 投票 0

如何设置我的hugo url,以便我可以在某个URL路径下列出所有所需的URL?

我有一个像这样的网址: https://mfaani.com/posts/foo/bar https://mfaani.com/posts/foo/baz https://mfaani.com/posts/foo/qud 我希望用户能够在

回答 1 投票 0

Hugo 中的连接变量

这个片段在 Hugo 上效果非常好: {{ if and (or .IsPage .IsSection) .Site.Params.contentCommitsURL }} {{ $File := .File }} {{ $Site := .Site }} ...

回答 2 投票 0

使用 CloudFront 的 S3 上的 Hugo 不会重定向到 index.html。地形配置

我有一个 Hugo 网站,我正在尝试将其部署到 S3,并使用 Cloudfront 发行版。我正在使用 Terraform 进行配置。到目前为止,这就是我所拥有的(我排除了证书/域部分,...

回答 1 投票 0

S" 上的带有 cloudfront 的 Hugo 不会重定向到 index.html。Terraform 配置

我有一个 Hugo 网站,我正在尝试将其部署到 S3,并使用 Cloudfront 发行版。我正在使用 Terraform 进行配置。到目前为止,这就是我所拥有的(我排除了证书/域部分,...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.