为什么我的 css 样式表在 Sinatra 中不起作用？答案

【问题标题】：Why won't my css stylesheet work in Sinatra?为什么我的 css 样式表在 Sinatra 中不起作用？
【发布时间】：2022-01-15 21:48:55
【问题描述】：

我对此比较陌生，但据我的研究表明，这应该可行。我正在尝试将 css 样式表链接到 .erb 文件。这是我正在使用的代码：

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

我也试过

href="./css/stylesheet.css"

和

href="css/stylesheet.css"

作为参考，我的 erb 文件和 css 文件都位于同一主目录的不同子目录中。这是我的样式表中包含的代码，以防万一这是问题：

body { 
  border-style: solid;
  border-color: black;
  border-width: 5px;
  text-align: center;
  background-color:powderblue;     
}

h1 {
  font-family: verdana;
}

h2 {
  font-family: sans-serif;
}

【问题讨论】：

如果您的css 文件夹位于公共文件夹中，那么我猜应该是/css/stylesheet.css。

标签： html css ruby sinatra

【解决方案1】：

用server.rb 点赞

require 'sinatra'

set :public_folder, __dir__ + '/static'

get '/' do
  erb :index
end

一个views/index.erb 喜欢

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

Hi!

您在static/css/stylesheet.css 中的样式表应该可以工作，您可能缺少的重要一点是设置公用文件夹。

【讨论】：