Versun

article.content.to_s

content 是富文本，所以 to_s 是 html 代码，但 rss 阅读器就可以显示图片，但邮件里却无法显示图片。

于是，我打开浏览器的开发者工具查看，发现了端倪：
rss 阅读器的图片地址是绝对地址，所以能正确解析：

邮件里的地址是相对地址，所以解析到了邮箱服务商的主机：

但代码一样，为什么结果不一样呢，随即我查看了博客生成的 feed 文件，发现生成的 img 地址也是相对地址：

所以，结果很明显，众多的 rss 阅读器自动对相对地址补充了主机信息，避免了类似的问题。

既然找到了问题，那么解决方案就是，直接修改 active storage blob 的 html 模版代码，添加主机信息即可：

# 修改前：
<%= image_tag url_for(blob) %>
# 修改后：
<%= image_tag "#{site_settings[:url]}#{url_for(blob)}" %>

gem "ahoy_matey"

bundle install
rails generate ahoy:install
rails db:migrate

class ApplicationController < ActionController::Base
  after_action :track_action
 #.....
  protected

  def track_action
    ahoy.track "Viewed", request.path_parameters
  end

rails g controller analytics index

class AnalyticsController < ApplicationController
  def index
    @total_visits = Ahoy::Visit.count
    events = Ahoy::Event.where(name: "Viewed").where("properties->>'slug' IS NOT NULL")

    # 统计访问量并按数量排序，只取前10篇
    visits_count = {}
    events.each do |event|
      visits_count[event.properties] ||= 0
      visits_count[event.properties] += 1
    end
    @visits_by_path = visits_count.sort_by { |_, count| -count }.first(10).to_h

    @referrers = Ahoy::Visit.group(:referrer)
                            .count
                            .reject { |k, _| k.nil? }
                            .sort_by { |_, count| -count }
                            .to_h

    @browsers = Ahoy::Visit.group(:browser)
                           .count
                           .sort_by { |_, count| -count }
                           .to_h

    @operating_systems = Ahoy::Visit.group(:os)
                                    .count
                                    .sort_by { |_, count| -count }
                                    .to_h

    @devices = Ahoy::Visit.group(:device_type)
                          .count
                          .sort_by { |_, count| -count }
                          .to_h
  end
end

<h3>Website Analytics</h3>
<div class="total-visits">
  <h4>Total Views: <%= @total_visits %></h4>
</div>
<div style="display: flex; justify-content: space-between;">
  <div>
    <p>Pages</p>
    <% @visits_by_path.each do |path_data, count| %>
        <%= count %> <>
        <%= path_data['slug'] %><br>
    <% end %>
  </div>
  <div>
    <p>Referrers</p>
    <% @referrers.each do |referrer, count| %>
        <%= count %> <>
        <%= referrer %><br>
    <% end %>
  </div>
</div>
<hr>
<div style="display: flex; justify-content: space-between;">
  <div>
    <p>Browsers</p>
    <% @browsers.each do |browser, count| %>
        <%= count %> <>
        <%= browser %><br>
    <% end %>
  </div>
  <div>
    <p>OS</p>
    <% @operating_systems.each do |os, count| %>
      <%= count %> <>
      <%= os %><br>
    <% end %>
  </div>
  <div>
    <p>Devices</p>
    <% @devices.each do |device, count| %>
      <%= count %> <>
      <%= device %><br>
    <% end %>
  </div>
</div>

get "/analytics" => "analytics#index"