Hugo是一个用Go编写的非常快速的静态站点生成器。在此处发布问题之前,请参阅https://gohugo.io/documentation/或https://discourse.gohugo.io/。
这是在 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 }}
我是 Hugo 的新手,我已经使用预构建主题创建了主页,我在 https://github.com/giraffeacademy/ga-hugo-theme 上找到了该主题,但现在我想让它在我的 Hostgator 服务器上运行...
我在这里单击了“部署到 Netlify”: https://jamstack.org/generators/hugo/ 并下载了 github 存储库。 现在如何编辑首页? 按照 Hugo Quick 中的说明进行操作
当我启动hugo 服务器时,我收到以下警告。 我收到错误的 Git Repo:https://github.com/jayrp11/mysite 警告 2022/06/09 16:04:59 找不到“HTML”的布局文件...
我正在寻找方法,使我的博客上的一些帖子只有我自己可见,但在 Hugo 中似乎无法做到这一点。 有没有办法解决这个问题,例如为某些帖子设置密码? 或者是...
我是 blogdown 的新手,正在通过精彩的资源来指导我。不幸的是,我无法在hugo中使用学术主题。要创建一个新网站,我有: 创建了一个新的(空)
对于使用静态生成器生成的网站没有获得 X-Frame-Options、未实现 X-Frame-Options (XFO) 标头有什么影响吗?
使用Hugo生成静态站点,但没有通过,“内容安全策略”,“X-Frame-Options”,“X-XSS-Protection”与https://observatory.mozilla。组织/....
hugo主题JuiceBar中:如何基于标题markdown创建自动轮廓侧边栏?
我已经通过github使用hugo主题JuiceBar成功部署了我的网站。我花了一周的时间,我很高兴! 我的问题是:在 JuiceBar 开发者的演示页面中,有一个标题列表...
如何修复 Hugo CMS 中的错误“找不到“页面”的“HTML”的布局文件”?
我最近将 WordPress 页面中的内容导入到 Hugo 中。当我运行hugoserve时,我收到以下错误消息: 警告 2020/02/17 20:51:06 发现“页面”的“HTML”没有布局文件:你应该......
Hugo 学术 - 谈话小部件出现在单独的页面中,而不是在主页中
我已成功在菜单栏上添加“对话”菜单,但该小部件未显示在主页的锚定位置。相反,它似乎显示在[ROOT]/talk中。我做错了什么?
我的 Hugo.toml 中有以下配置: [[参数.定价]] PricingTitle =“入门” 定价率=“27” ButtonCaption =“抢先体验” [[
我的所有帖子都位于以下文件夹结构下: 内容 |--帖子 |--post1.md |--post2.md 对于这些常规页面,我的模板 layouts/_default/single.html 做得很好。现在我想要...
为什么 KaTeX 的彩虹文本只能在 Firefox 上运行?
#艺术 { 背景图像:重复线性渐变(向右、红色、橙色、黄色、石灰、青色、紫色); 显示:内联块; 背景大小:800% 800%;...</desc> <question vote="0"> <div> </div> <pre><code><style> #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%} } </style> ### <span id="a-r-t">$x^2$ Hello</span> </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><!doctype html> <html> <head> <link rel="stylesheet" href="/css/custom.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css"> </head> <body class="page-page" id="pagetop"> <main class="content"> <style> #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% } } </style> <h3 id="span-ida-r-tsum-lim_n-to-infty-x2-hellospan"><span id="a-r-t">$\sum \lim_{n \to \infty} x^2$ Hello!</span></h3> </main> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js"></script> <script> document.addEventListener("DOMContentLoaded", function () { renderMathInElement(document.body, { delimiters: [ { left: "$$", right: "$$", display: true }, { left: "\\[", right: "\\]", display: true }, { left: "$", right: "$", display: false }, { left: "\\(", right: "\\)", display: false } ] }); }); </script> </body> </html> </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>
我正在考虑使用 Hugo 构建一个静态网站。我正在考虑将帖子发布到登陆页面上,但我想知道如果添加太多帖子,登陆页面是否会变得太大。
标题:Hugo Shortcode 变量影响目录渲染的问题 我目前正在利用 Hugo (https://gohugo.io/) 来提供静态文档,并且我已经实现了一个自定义
如何设置我的hugo url,以便我可以在某个URL路径下列出所有所需的URL?
我有一个像这样的网址: https://mfaani.com/posts/foo/bar https://mfaani.com/posts/foo/baz https://mfaani.com/posts/foo/qud 我希望用户能够在
这个片段在 Hugo 上效果非常好: {{ if and (or .IsPage .IsSection) .Site.Params.contentCommitsURL }} {{ $File := .File }} {{ $Site := .Site }} ...
使用 CloudFront 的 S3 上的 Hugo 不会重定向到 index.html。地形配置
我有一个 Hugo 网站,我正在尝试将其部署到 S3,并使用 Cloudfront 发行版。我正在使用 Terraform 进行配置。到目前为止,这就是我所拥有的(我排除了证书/域部分,...
S" 上的带有 cloudfront 的 Hugo 不会重定向到 index.html。Terraform 配置
我有一个 Hugo 网站,我正在尝试将其部署到 S3,并使用 Cloudfront 发行版。我正在使用 Terraform 进行配置。到目前为止,这就是我所拥有的(我排除了证书/域部分,...