LiuShen/cloudflare worker转发ghcr.io

index.html · 3.3 KiB · HTML Raw

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>V2镜像使用说明</title>
    <style>
        body {
            font-family: 'Roboto', sans-serif;
            margin: 0;
            padding: 0;
            background: linear-gradient(135deg, #e0f7fa, #e1bee7);
            color: #333;
        }
        .header {
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: #fff;
            padding: 20px 0;
            text-align: center;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            animation: fadeIn 1.5s;
        }
        .container {
            max-width: 800px;
            margin: 40px auto;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            animation: slideInUp 1s;
        }
        .content {
            margin-bottom: 20px;
        }
        .footer {
            text-align: center;
            padding: 20px 0;
            background-color: #333;
            color: #fff;
            animation: fadeIn 1.5s;
        }
        pre {
            background-color: #272822;
            color: #f8f8f2;
            padding: 15px;
            border-radius: 5px;
            overflow-x: auto;
        }
        code {
            font-family: 'Source Code Pro', monospace;
        }
        a {
            color: #4CAF50;
            text-decoration: none;
            transition: color 0.3s;
        }
        a:hover {
            color: #388E3C;
            text-decoration: underline;
        }
        @media (max-width: 600px) {
            .container {
                margin: 20px;
                padding: 15px;
            }
            .header {
                padding: 15px 0;
            }
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @keyframes slideInUp {
            from { transform: translateY(20px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
    </style>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Source+Code+Pro:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
    <div class="header">
        <h1>ghcr镜像使用说明</h1>
    </div>
    <div class="container">
        <div class="content">
            <p>为了加速镜像拉取，你可以使用以下命令设置 registry mirror:</p>
            <pre><code>sudo tee /etc/docker/daemon.json &lt;&lt;EOF
{
    "registry-mirrors": ["https://{{host}}"]
}
EOF</code></pre>
            <p>为了避免 Worker 用量耗尽，你可以手动 pull 镜像然后 re-tag 之后 push 至本地镜像仓库:</p>
            <pre><code>docker pull {{host}}/library/alpine:latest # 拉取 library 镜像
docker pull {{host}}/coredns/coredns:latest # 拉取 coredns 镜像</code></pre>
        </div>
    </div>
    <div class="footer">
        <p>Powered by Cloudflare Workers</p>
        <p>免责声明：本服务及其内容按“现状”提供，不提供任何形式的明示或暗示的保证，包括但不限于对适销性、适用性的任何保证。使用本服务存在的风险由用户自行承担。</p>
    </div>
</body>
</html>

1	<!DOCTYPE html>
2	<html lang="zh-CN">
3	<head>
4	<meta charset="utf-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<title>V2镜像使用说明</title>
7	<style>
8	body {
9	font-family: 'Roboto', sans-serif;
10	margin: 0;
11	padding: 0;
12	background: linear-gradient(135deg, #e0f7fa, #e1bee7);
13	color: #333;
14	}
15	.header {
16	background: linear-gradient(135deg, #667eea, #764ba2);
17	color: #fff;
18	padding: 20px 0;
19	text-align: center;
20	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
21	animation: fadeIn 1.5s;
22	}
23	.container {
24	max-width: 800px;
25	margin: 40px auto;
26	padding: 20px;
27	background-color: #fff;
28	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
29	border-radius: 10px;
30	animation: slideInUp 1s;
31	}
32	.content {
33	margin-bottom: 20px;
34	}
35	.footer {
36	text-align: center;
37	padding: 20px 0;
38	background-color: #333;
39	color: #fff;
40	animation: fadeIn 1.5s;
41	}
42	pre {
43	background-color: #272822;
44	color: #f8f8f2;
45	padding: 15px;
46	border-radius: 5px;
47	overflow-x: auto;
48	}
49	code {
50	font-family: 'Source Code Pro', monospace;
51	}
52	a {
53	color: #4CAF50;
54	text-decoration: none;
55	transition: color 0.3s;
56	}
57	a:hover {
58	color: #388E3C;
59	text-decoration: underline;
60	}
61	@media (max-width: 600px) {
62	.container {
63	margin: 20px;
64	padding: 15px;
65	}
66	.header {
67	padding: 15px 0;
68	}
69	}
70	@keyframes fadeIn {
71	from { opacity: 0; }
72	to { opacity: 1; }
73	}
74	@keyframes slideInUp {
75	from { transform: translateY(20px); opacity: 0; }
76	to { transform: translateY(0); opacity: 1; }
77	}
78	</style>
79	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Source+Code+Pro:wght@400;700&display=swap" rel="stylesheet">
80	</head>
81	<body>
82	<div class="header">
83	<h1>ghcr镜像使用说明</h1>
84	</div>
85	<div class="container">
86	<div class="content">
87	<p>为了加速镜像拉取，你可以使用以下命令设置 registry mirror:</p>
88	<pre><code>sudo tee /etc/docker/daemon.json <<EOF
89	{
90	"registry-mirrors": ["https://{{host}}"]
91	}
92	EOF</code></pre>
93	<p>为了避免 Worker 用量耗尽，你可以手动 pull 镜像然后 re-tag 之后 push 至本地镜像仓库:</p>
94	<pre><code>docker pull {{host}}/library/alpine:latest # 拉取 library 镜像
95	docker pull {{host}}/coredns/coredns:latest # 拉取 coredns 镜像</code></pre>
96	</div>
97	</div>
98	<div class="footer">
99	<p>Powered by Cloudflare Workers</p>
100	<p>免责声明：本服务及其内容按“现状”提供，不提供任何形式的明示或暗示的保证，包括但不限于对适销性、适用性的任何保证。使用本服务存在的风险由用户自行承担。</p>
101	</div>
102	</body>
103	</html>
104

worker.js · 1.4 KiB · JavaScript Raw

import HTML from './index.html';

export default {
    async fetch(request) {
        const url = new URL(request.url);
        const path = url.pathname;
        const originalHost = request.headers.get("host");
        const registryHost = "ghcr.io";

if (path.startsWith("/v2/")) {
            const headers = new Headers(request.headers);
            headers.set("host", registryHost);

const registryUrl = `https://${registryHost}${path}`;
            const registryRequest = new Request(registryUrl, {
                method: request.method,
                headers: headers,
                body: request.body,
                redirect: "follow",
            });

const registryResponse = await fetch(registryRequest);
            const responseHeaders = new Headers(registryResponse.headers);
            responseHeaders.set("access-control-allow-origin", originalHost);
            responseHeaders.set("access-control-allow-headers", "Authorization");

return new Response(registryResponse.body, {
                status: registryResponse.status,
                statusText: registryResponse.statusText,
                headers: responseHeaders,
            });
        } else {
            return new Response(HTML.replace(/{{host}}/g, originalHost), {
                status: 200,
                headers: {
                    "content-type": "text/html"
                }
            });
        }
    }
}

1	import HTML from './index.html';
2
3	export default {
4	async fetch(request) {
5	const url = new URL(request.url);
6	const path = url.pathname;
7	const originalHost = request.headers.get("host");
8	const registryHost = "ghcr.io";
9
10	if (path.startsWith("/v2/")) {
11	const headers = new Headers(request.headers);
12	headers.set("host", registryHost);
13
14	const registryUrl = `https://${registryHost}${path}`;
15	const registryRequest = new Request(registryUrl, {
16	method: request.method,
17	headers: headers,
18	body: request.body,
19	redirect: "follow",
20	});
21
22	const registryResponse = await fetch(registryRequest);
23	const responseHeaders = new Headers(registryResponse.headers);
24	responseHeaders.set("access-control-allow-origin", originalHost);
25	responseHeaders.set("access-control-allow-headers", "Authorization");
26
27	return new Response(registryResponse.body, {
28	status: registryResponse.status,
29	statusText: registryResponse.statusText,
30	headers: responseHeaders,
31	});
32	} else {
33	return new Response(HTML.replace(/{{host}}/g, originalHost), {
34	status: 200,
35	headers: {
36	"content-type": "text/html"
37	}
38	});
39	}
40	}
41	}
42