我已经尝试了CSS文件的相对路径和绝对路径的几乎所有组合。我已经在JavaScript中成功完成了此操作,但是Sinatra和erb更加独特。在Sinatra应用程序中,我有常规执行的公共目录和样式表目录。在我的views目录中,我具有带有external的视图页面。我尝试了太多,也许这是我缺少的细微差别。如何获取我的erb视图文件以加载外部CSS链接?
Sinatra没有像rails这样的URL辅助方法。我试图将CSS文件移动到视图文件附近/相对和绝对路径到文件的不同组合。他们都没有工作。此代码将在服务器日志(shot弹枪日志)中显示404。
<html>
<head>
<link href='../public/stylesheets/sent' type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="/sent.css" />
</head>
<body>
body {
background-color: lightblue;
color: #333;
font-family: Sans-Serif;
line-height: 18px;
h1 {
color: green;
}
p {
color: orange;
}
在运行shot弹枪的终端中,我得到了这些类型的错误
127.0.0.1 - - [05/Nov/2019:23:24:47 -0800] "GET /sent.css HTTP/1.1" 404 509 0.0543
127.0.0.1 - - [05/Nov/2019:23:24:47 -0800] "GET /public/stylesheets/sent HTTP/1.1" 404 534 0.0617
您的CSS中没有关闭身体。
body {
background-color: lightblue;
color: #333;
font-family: Sans-Serif;
line-height: 18px;
}
h1 {
color: green;
}
p {
color: orange;
}