在 Middleman 博客网站的 html 页面上将 Charset 设置为 UTF-8

Question

我在 Heroku (http://tomgillard.herokuapp.com) 上托管了一个 Middleman 博客，并且一直在尝试根据 google 的 PageSpeed 建议对其进行优化。一个建议是我在网站的 HTML 页面上提供一个字符集。

HTML 页面在

中包含 html5 但这似乎还不够，我认为我可以将其设置为服务器端。

这是我的 config.ru

require 'rack/contrib'

# Modified version of TryStatic, from rack-contrib
# https://github.com/rack/rack-contrib/blob/master/lib/rack/contrib/try_static.rb

# Serve static files under a `build` directory:
# - `/` will try to serve your `build/index.html` file
# - `/foo` will try to serve `build/foo` or `build/foo.html` in that order
# - missing files will try to serve build/404.html or a tiny default 404 page

module Rack

  class TryStatic

    def initialize(app, options)
      @app = app
      @try = ['', *options.delete(:try)]
      @static = ::Rack::Static.new(lambda { [404, {}, []] }, options)
    end

    def call(env)
      orig_path = env['PATH_INFO']
      found = nil
      @try.each do |path|
        resp = @static.call(env.merge!({'PATH_INFO' => orig_path + path}))
        break if 404 != resp[0] && found = resp
      end
      found or @app.call(env.merge!('PATH_INFO' => orig_path))
    end
  end
end

# Serve GZip files to browsers that support them
use Rack::Deflater

# Custom HTTP Headers
use Rack::ResponseHeaders do |headers|
  headers['Charset'] = 'UTF-8'
end

#Custom Cache Expiry
use Rack::StaticCache, :urls => ["/img", "/css", "/js", "/fonts"], :root => "build"

# Attempt to serve static HTML file
use Rack::TryStatic, :root => "build", :urls => %w[/], :try => ['.html', 'index.html', '/index.html']

# Serve 404 messages:
run lambda{ |env|
  not_found_page = File.expand_path("../build/404.html", __FILE__)
  if File.exist?(not_found_page)
    [ 404, { 'Content-Type'  => 'text/html', 'Charset' => 'UTF-8' },   [File.read(not_found_page)] ]
  else
    [ 404, { 'Content-Type'  => 'text/html', 'Charset' => 'UTF-8' }, ['404 - page not found'] ]
  end
}

我认为我可以使用 rack-contrib 中的 Rack::ResponseHeaders 但我认为我没有正确使用它；

# Custom HTTP Headers
use Rack::ResponseHeaders do |headers|
  headers['Charset'] = 'UTF-8'
end

就像我说的，我从高处和低处搜索过；参考文档（Rack、heroku）、SO 问题、博客文章、github，应有尽有。

非常感谢任何帮助。

干杯， 汤姆

Answer 1

我遇到了类似的问题，想优化我的网站。您只需要手动设置Content-Type 标头即可。

这是我完整的config.ru，它在 Google PageSpeed 上达到了 98/100（它抱怨没有在页面中嵌入我的 css）：

# encoding: utf-8
ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __FILE__)
require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE'])
require 'rack/contrib'

require File.expand_path("../rack_try_static", __FILE__)

use Rack::ResponseHeaders do |headers|
  headers['Content-Type'] = 'text/html; charset=utf-8' if headers['Content-Type'] == 'text/html'
end
use Rack::Deflater
use Rack::StaticCache, urls: ["/images", "/stylesheets", "/javascripts", "/fonts"], root: "build"
use ::Rack::TryStatic,
  root: "build",
  urls: ["/"],
  try: [".html", "index.html", "/index.html"]

run lambda { [404, {"Content-Type" => "text/plain"}, ["File not found!"]] }

您还需要将rack-contrib 添加到您的Gemfile 以获取Rack::StaticCache：

gem 'rack-contrib'

你也会想要我的rack_try_static。

编辑：请注意，Rack::StaticCache 的当前实现删除了 Last-Modified 和 Etag 标头，并将中断以 - 后跟数字结尾的资产。我为这两个（83 和 84）打开了 PR。

Answer 2

这不再适用，因为我已将我的博客从 heroku 移动到 github 页面。感谢观看。