在主流新闻站点页面添加 archive.md 存档/查看按钮
// ==UserScript==
// @name Archive.md Quick Jump
// @namespace https://archive.md/
// @version 1.1
// @description 在主流新闻站点页面添加 archive.md 存档/查看按钮
// @author ayaka
// @match *://*.nytimes.com/*
// @match *://*.washingtonpost.com/*
// @match *://*.wsj.com/*
// @match *://*.bbc.com/*
// @match *://*.bbc.co.uk/*
// @match *://*.cnn.com/*
// @match *://*.reuters.com/*
// @match *://*.apnews.com/*
// @match *://*.theguardian.com/*
// @match *://*.ft.com/*
// @match *://*.economist.com/*
// @match *://*.bloomberg.com/*
// @match *://*.forbes.com/*
// @match *://*.cnbc.com/*
// @match *://*.foxnews.com/*
// @match *://*.nbcnews.com/*
// @match *://*.abcnews.go.com/*
// @match *://*.politico.com/*
// @match *://*.theatlantic.com/*
// @match *://*.newyorker.com/*
// @match *://*.latimes.com/*
// @match *://*.usatoday.com/*
// @match *://*.time.com/*
// @match *://*.independent.co.uk/*
// @match *://*.telegraph.co.uk/*
// @match *://*.dailymail.co.uk/*
// @match *://*.spiegel.de/*
// @match *://*.lemonde.fr/*
// @match *://*.nhk.or.jp/*
// @match *://*.asahi.com/*
// @match *://*.mainichi.jp/*
// @match *://*.yomiuri.co.jp/*
// @match *://*.nikkei.com/*
// @match *://*.scmp.com/*
// @match *://*.straitstimes.com/*
// @match *://*.aljazeera.com/*
// @match *://*.nature.com/*
// @match *://*.science.org/*
// @match *://*.wired.com/*
// @match *://*.arstechnica.com/*
// @match *://*.theverge.com/*
// @match *://*.techcrunch.com/*
// @match *://*.medium.com/*
// @match *://*.substack.com/*
// @match *://*.caixin.com/*
// @match *://*.infzm.com/*
// @match *://*.chinadaily.com.cn/*
// @license MIT
// @grant GM_addStyle
// @run-at document-idle
// ==/UserScript==
(function () {
'use strict';
const currentURL = location.href;
const archiveNewest = `https://archive.md/newest/${currentURL}`;
const archiveSubmit = `https://archive.md/?run=1&url=${encodeURIComponent(currentURL)}`;
GM_addStyle(`
#archive-bar {
position: fixed;
top: 8px;
right: 8px;
z-index: 2147483647;
display: flex;
align-items: center;
gap: 4px;
background: rgba(15, 15, 20, 0.88);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 10px;
padding: 4px;
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 0;
line-height: 1;
user-select: none;
opacity: 0.45;
transition: opacity .25s ease;
}
#archive-bar:hover {
opacity: 1;
}
#archive-bar a,
#archive-bar button {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 10px;
border-radius: 7px;
border: none;
background: transparent;
color: rgba(255,255,255,0.8);
font-size: 12px;
font-weight: 500;
font-family: inherit;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: background .15s, color .15s;
}
#archive-bar a:hover,
#archive-bar button:hover {
background: rgba(255,255,255,0.12);
color: #fff;
}
#archive-bar .divider {
width: 1px;
height: 16px;
background: rgba(255,255,255,0.12);
flex-shrink: 0;
}
#archive-bar svg {
width: 14px;
height: 14px;
flex-shrink: 0;
}
#archive-bar .toast {
color: #6ee7b7;
font-size: 12px;
padding: 6px 10px;
}
`);
const container = document.createElement('div');
container.id = 'archive-bar';
// 查看存档
const viewLink = document.createElement('a');
viewLink.href = archiveNewest;
viewLink.target = '_blank';
viewLink.rel = 'noopener';
viewLink.innerHTML = `
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/>
<path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>
</svg>
<span>查看存档</span>`;
// 分隔线
const d1 = document.createElement('span');
d1.className = 'divider';
const d2 = document.createElement('span');
d2.className = 'divider';
// 创建存档
const saveLink = document.createElement('a');
saveLink.href = archiveSubmit;
saveLink.target = '_blank';
saveLink.rel = 'noopener';
saveLink.innerHTML = `
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
<polyline points="17 21 17 13 7 13 7 21"/>
<polyline points="7 3 7 8 15 8"/>
</svg>
<span>创建存档</span>`;
// 复制链接
const copyBtn = document.createElement('button');
copyBtn.innerHTML = `
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
</svg>
<span>复制链接</span>`;
copyBtn.addEventListener('click', () => {
navigator.clipboard.writeText(archiveNewest).then(() => {
const label = copyBtn.querySelector('span');
label.textContent = '已复制 ✓';
copyBtn.style.color = '#6ee7b7';
setTimeout(() => {
label.textContent = '复制链接';
copyBtn.style.color = '';
}, 1200);
});
});
container.append(viewLink, d1, saveLink, d2, copyBtn);
document.body.appendChild(container);
})();