不能正常从极客时间 CDN 加载图片

[lrh3321]

比如: 运维监控系统实战笔记

使用 <meta> 标签设置 Referrer Policy

<meta name="referrer" content="no-referrer">

或，在 <img> 标签上单独设置 referrerpolicy 以后，才能正常加载

<img alt="" src="https://static001.geekbang.org/resource/image/e6/41/e6273f4cc906de0a1e9f3c62951b2e41.png" referrerpolicy="same-origin">

[lrh3321]

#6

@zkep 能考虑在渲染 html 的时候，把这个属性加上吗？

---

目前我是使用下面的 UserScript 来给网页自动配置的

// ==UserScript==
// @name         UAXE
// @namespace    http://tampermonkey.net/
// @version      2025-10-09
// @description  try to take over the world!
// @author       You
// @match        https://uaxe.github.io/geektime-docs/*
// @icon         http://github.io/favicon.ico
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function () {
    'use strict';

    // <meta name="referrer" content="no-referrer">

    const policy = 'no-referrer';
    // 网页全局
    let meta = document.querySelector('meta[name="referrer"]');
    if (!meta) {
        meta = document.createElement('meta');
        meta.setAttribute('name', 'referrer');
        document.head.appendChild(meta);
    }
    meta.setAttribute('content', policy);
    // 或，针对每个有必要的 img 标签
    document.querySelectorAll('p>img[src]').forEach(img => {
        if (img.getAttribute('src')?.startsWith('https://static001.geekbang.org/resource/')) {
            img.setAttribute('referrerpolicy', policy);
        }
    });
})();