【发布时间】:2016-10-23 17:54:00
【问题描述】:
如果有人可以帮助我,随机的小鹈鹕问题。
我正在写一个像这样结构的主题。
├── static
│ ├── css
│ ├── js
│ └── img
└── templates
├── index.html
└── page.html
在 index.html 文件中,我使用它来调用静态 css、img 和 js 文件
<link rel="stylesheet" href="theme/css/base.css"/>
对于 page.html,然后我用这一行“扩展”base.html
{% extends "index.html" %}
当我在输出文件夹中生成 html 时,index.html 一切正常,但 page.html 找不到静态文件,因为它需要一个新路径。这是输出文件夹设置。
├── theme
| ├── css
│ ├── js
│ └── img
├── index.html
└── pages
└── page.html
如果您看到 page.html 使用路径 theme/css/base.css 无法加载 css
有没有办法在加载静态文件时使用 {{ ROUTE }} 命令?
谢谢!
编辑 1 在 Github 上查看其他主题的 index.html 页面后,我看到他们使用了 {{ SITEURL }} 标记,但这对我不起作用。
<link rel="stylesheet" href="{{ SITEURL }}theme/css/base.css"/>
编辑 2 我已通过在 pelicanconf.py 文件中使用以下行来解决此问题
RELATIVE_URLS = True
以及 index.html 中的以下内容
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/base.css"/>
【问题讨论】:
-
你不能在开头加上
/-"/theme/css/base.css"吗? -
谢谢,但恐怕这行不通。由于 index.html 不起作用,它只是进一步破坏了它。