我有一个 example.pug 和一个 example.css。在命令行上,我使用 pug example.pug
生成一个 example.html
页面。唯一的问题是,当我在浏览器中打开页面时,外部样式没有链接。我该如何解决这个问题?
大多数与此类似的问题都涉及我没有使用的 Express。
谢谢!我将在下面添加文件目录。
-目录
|-风格
|-example.css
|-例子
|-示例文件夹
|-example.pug
希望这是有道理的。我也将 .css 直接移动到与我的 .pug 相同的位置,就像这样。
-目录
|-example.pug
|-example.css
然后我链接为 link(href='./tailwater.css', rel='stylesheet', type='text/css')
并且 css 仍然不会在页面上加载。
最佳答案
可能是css文件路径写错了
假设这是你的目录结构
-Directory
|- example.css
|- example.html(generated file)
|- example.pug
然后把链接写成
link(rel="stylesheet", href="./example.css")
这样你的 example.html 将包含
<link rel="style" href="./example.css">
如果目录不是给定的结构,则相应地调整 href
关于html - 将 .pug 编译为 html 后加载外部 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50108770/