blocks|key|1175923|text|您的主题可能是使用{{+.Site.Baseurl+}}加载CSS。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1175924|例如：|1175925|<link+rel="stylesheet"+href="{{+.Site.BaseURL+}}css/style.css">|1175926|在这种情况下，确保在您的BaseUrl文件顶部定义的config.toml设置为http://localhost:1313，这将允许您的本地服务器找到CSS文件。|1175927|entityMap|0|LINK|mutability|MUTABLE|url|http://localhost:1313/^0|9|J|0|0|0|1R|0|C|7|14|L|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]]|E|$]]|$1|L|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]]]

Your theme might be loading CSS using <code>{{ .Site.Baseurl }}</code>. 

For example: 

<code>&lt;link rel="stylesheet" href="{{ .Site.BaseURL }}css/style.css"&gt;</code>

In that case, make sure that the <code>BaseUrl</code> defined at the top of your config.toml file is set to <a href="http://localhost:1313" rel="noreferrer">http://localhost:1313</a>, which will allow your local server to find the CSS file.

blocks|key|544689|text|您的CSS文件没有正确加载。这可能有几个原因，例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|544690|http+url在https网站上。|unordered-list-item|544691|错误的“完整性”散列在你的css文件。|544692|不在服务器上部署css文件或不在同一位置部署css文件。|544693|在这里可能会有所帮助。如果你右键点击你的网页，点击“检查”并转到控制台。您可以看到任何加载错误。|544694|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|O|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|P|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Q|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|L|$]]

You're CSS file is not loading properly. This can have several reasons, for example:

<ul>
<li>http url on an https website.</li>
<li>wrong "integrity" hashes on you css file.</li>
<li>css file is not deployed or not on same location on the server.</li>
</ul>

Google developer tools plugin might help here. If you right click on your web page, click "inspect" and go to console. You can see any loading errors.

blocks|key|1179730|text|您可以安装Chrome的Web服务器并选择Hugo网站的/public文件夹。您的站点现在应该在配置的url上正确呈现(示例屏幕快照中的http://127.0.0.1:8887)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1179731|​|1179732|📷|atomic|1179733|1179734|entityMap|0|LINK|mutability|MUTABLE|url|https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=en|1|http://127.0.0.1:8887/|2|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/ba4d0c8f91c21e7401bacda2e75e9859.png|imageAlt^0|5|D|0|1W|L|1|0|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]|$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|17|8|@]|9|@$A|18|B|19|1|1A]]|C|$]]|$1|I|3|E|5|6|7|1B|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|1C|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|M|N|O|C|$P|S]]|T|$5|U|N|V|C|$W|X|Y|-4]]]]

You can install <a href="https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=en" rel="nofollow noreferrer">Web Server for Chrome</a> and choose the /public folder of your Hugo website. Your site should now render correctly at the url configured (<a href="http://127.0.0.1:8887" rel="nofollow noreferrer">http://127.0.0.1:8887</a> in the example screenshot).

<a href="https://i.stack.imgur.com/fp41A.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fp41A.png" alt="enter image description here"></a>

blocks|key|2728764|text|您可能希望将baseURL设置为public文件夹的绝对路径。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2728765|entityMap^0|6|7|G|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

You might want to set <code>baseURL</code> to the absolute path of the <code>public</code> folder.

blocks|key|2728812|text|通过在baseUrl中配置config.toml来修正这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2728813|如果您使用GitHub页面进行部署，您将希望使您的baseUrl与您的github页面域相等。|2728814|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Fixed this by configuring baseUrl in config.toml.
If you're deploying using GitHub pages, you'll want to make your baseUrl equal to your github pages domain.

When I use the command <code>hugo</code>, it generates the <code>index.html</code> in the <code>Public</code> folder. When I open <code>index.html</code>, the site load like this:
<a href="https://i.stack.imgur.com/YAoXN.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YAoXN.jpg" alt="" /></a>
But when I use the <code>hugo serve</code> command locally, it generates the link <code>http://localhost:1313/</code>, and the site load properly. It loads like this:
<a href="https://i.stack.imgur.com/871ln.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/871ln.jpg" alt="" /></a>
I think the problem is because of the not proper rendering of files or anything similar.
My approach:
<ul>
<li>I added the code <code>relativeURLs = true</code> and <code>uglyURLs = true</code> at top of the <code>config.toml</code> file but still it does not rendered properly.</li>
<li>I had set <code>baseurl = &quot;/&quot;</code> in <code>config.toml</code> file but this also does not work.</li>
</ul>

Hugo not rendering the public folder locally

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

当我使用命令hugo时，它会在Public文件夹中生成index.html。当我打开index.html时，站点加载如下：​​但是，当我在本地使用hugo serve命令时，它会生成链接http://localhost:1313/，并正确地加载站点。它的负载如下：​​我认为问题是因为文件或任何类似的文件不正确的呈现。我的方法：我将代码relativeURLs = true和uglyURLs = t

问Hugo没有在本地呈现公用文件夹
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Hugo没有在本地呈现公用文件夹EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Hugo没有在本地呈现公用文件夹
EN