mirror of
https://github.com/Evil0ctal/WeChat-Channels-Video-File-Decryption.git
synced 2026-03-20 15:37:53 +08:00
Add GitHub workflow files
This commit is contained in:
Evil0ctal
288
index.html
288
index.html
@@ -448,6 +448,194 @@
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* API 服务推广样式 */
|
||||
.api-service-promo {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
border-radius: 12px;
|
||||
padding: 30px;
|
||||
color: white;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.api-header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.api-header h3 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 10px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.api-header p {
|
||||
font-size: 14px;
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
.api-features {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.api-feature-item {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 15px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.api-feature-item:hover {
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
font-size: 32px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.feature-content h4 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 8px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.feature-content p {
|
||||
font-size: 13px;
|
||||
opacity: 0.9;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.docker-deploy {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.docker-deploy h4 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 15px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.docker-deploy .code-block {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
color: #00ff88;
|
||||
padding: 15px;
|
||||
border-radius: 6px;
|
||||
font-family: 'Monaco', 'Menlo', monospace;
|
||||
font-size: 13px;
|
||||
overflow-x: auto;
|
||||
margin-bottom: 10px;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.deploy-hint {
|
||||
font-size: 13px;
|
||||
opacity: 0.9;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.deploy-hint code {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
font-family: 'Monaco', 'Menlo', monospace;
|
||||
}
|
||||
|
||||
.api-endpoints {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.api-endpoints h4 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 15px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.endpoint-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.endpoint-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
padding: 10px 15px;
|
||||
border-radius: 6px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.method {
|
||||
display: inline-block;
|
||||
padding: 4px 10px;
|
||||
border-radius: 4px;
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
min-width: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.method-get {
|
||||
background: #28a745;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.method-post {
|
||||
background: #ff9800;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.endpoint-item .path {
|
||||
font-family: 'Monaco', 'Menlo', monospace;
|
||||
font-weight: 600;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.endpoint-item .desc {
|
||||
opacity: 0.9;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.api-links {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.api-link {
|
||||
display: inline-block;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: white;
|
||||
padding: 12px 24px;
|
||||
border-radius: 6px;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
transition: all 0.3s;
|
||||
border: 2px solid rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.api-link:hover {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.container {
|
||||
margin: 10px;
|
||||
@@ -474,6 +662,33 @@
|
||||
flex: 1 1 50%;
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
/* API 服务推广移动端样式 */
|
||||
.api-service-promo {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.api-header h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.api-features {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.api-links {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.api-link {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.docker-deploy .code-block {
|
||||
font-size: 11px;
|
||||
padding: 12px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
@@ -615,6 +830,79 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- API 服务推广 -->
|
||||
<div class="section">
|
||||
<div class="api-service-promo">
|
||||
<div class="api-header">
|
||||
<h3>🚀 支持 API 服务调用</h3>
|
||||
<p>批量处理、自动化解密、服务器端部署 - 满足您的专业需求</p>
|
||||
</div>
|
||||
|
||||
<div class="api-features">
|
||||
<div class="api-feature-item">
|
||||
<div class="feature-icon">⚡</div>
|
||||
<div class="feature-content">
|
||||
<h4>高性能 API</h4>
|
||||
<p>基于 Playwright + WASM，完美兼容微信官方加密算法</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="api-feature-item">
|
||||
<div class="feature-icon">🐳</div>
|
||||
<div class="feature-content">
|
||||
<h4>Docker 一键部署</h4>
|
||||
<p>开箱即用，支持 ARM64/AMD64 多架构</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="api-feature-item">
|
||||
<div class="feature-icon">📡</div>
|
||||
<div class="feature-content">
|
||||
<h4>RESTful API</h4>
|
||||
<p>简洁易用的 HTTP 接口，支持批量解密和密钥流生成</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="docker-deploy">
|
||||
<h4>🐳 一键部署（使用 Docker Hub 镜像）</h4>
|
||||
<div class="code-block">docker run -d --name wechat-decrypt-api -p 3000:3000 evil0ctal/wechat-decrypt-api:latest</div>
|
||||
<p class="deploy-hint">💡 访问 <code>http://localhost:3000</code> 查看 API 文档和服务状态</p>
|
||||
</div>
|
||||
|
||||
<div class="api-endpoints">
|
||||
<h4>📚 API 端点</h4>
|
||||
<div class="endpoint-list">
|
||||
<div class="endpoint-item">
|
||||
<span class="method method-get">GET</span>
|
||||
<span class="path">/health</span>
|
||||
<span class="desc">健康检查</span>
|
||||
</div>
|
||||
<div class="endpoint-item">
|
||||
<span class="method method-post">POST</span>
|
||||
<span class="path">/api/keystream</span>
|
||||
<span class="desc">生成密钥流</span>
|
||||
</div>
|
||||
<div class="endpoint-item">
|
||||
<span class="method method-post">POST</span>
|
||||
<span class="path">/api/decrypt</span>
|
||||
<span class="desc">完整视频解密</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="api-links">
|
||||
<a href="https://github.com/Evil0ctal/WeChat-Channels-Video-File-Decryption/tree/main/api-service" target="_blank" class="api-link">
|
||||
📖 查看 API 文档
|
||||
</a>
|
||||
<a href="https://hub.docker.com/r/evil0ctal/wechat-decrypt-api" target="_blank" class="api-link">
|
||||
🐳 Docker Hub
|
||||
</a>
|
||||
<a href="https://github.com/Evil0ctal/WeChat-Channels-Video-File-Decryption" target="_blank" class="api-link">
|
||||
⭐ GitHub 仓库
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 赞助商 -->
|
||||
<div class="section">
|
||||
<div class="sponsor">
|
||||
|
||||
Reference in New Issue
Block a user