html - CSS 文件未链接

Question

所以我在不同的文件夹中有一个基本的 html 文件和 css 文件。主文件夹“code”有两个文件夹:“templates”和“css”。

home.html 在“templates”文件夹中，main.css 在“css”文件夹中。

<link rel="stylesheet" type="text/css" href="../css/main.css" />

我使用了这个链接，它在本地工作正常，但是当我连接到本地主机端口时，根本没有读取 css 文件。知道为什么吗？

我可能还应该补充一点，我正在使用谷歌应用引擎并通过它部署网站。这是简短的 Python 代码:

import bottle
from bottle import route
from string import Template
from google.appengine.ext.webapp import util
bottle.app().catchall=False

@route('/')
def readpage():
    fid = open('templates/home.html')
    return fid

util.run_wsgi_app(bottle.default_app())

和 app.yaml 处理程序:

handlers:
- url: .*
  script: main.py

- url: /css
  static_dir: css

- url: /media
  static_dir: media 

已修复:必须将其添加到 yaml 文件中:

- url: /css/main.css
  static_files: css/main.css
  upload: css/main.css

感谢大家的帮助。

Answer 1

我建议你尝试使用绝对路径。如果虚拟主机的根或诸如此类的东西是同时包含 templates 和 css 的根目录，那么您应该只使用 /css/main.css.

这将解决查看 http://localhost/templates/home.html 时的问题，但可能无法在某些 WYSIWYG 编辑器或访问 Web 服务器外部的文件时使用.尝试找出哪种开发环境更适合您，从而避免这些问题。