mstool/build.html

117 lines
6.0 KiB
HTML
Raw Permalink Normal View History

2025-02-20 16:33:11 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>搭建说明 - MSTOOL</title>
<meta name="description" content="MSTOOL - 专业的Windows和Office激活工具提供密钥检测、确认ID获取等多种实用功能。安全可靠完全免费。">
<meta name="keywords" content="Windows激活,Office激活,密钥检测,确认ID获取,激活工具,MSTOOL">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#409EFF">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-page="build">
<a href="#main-content" class="skip-link">跳转到主要内容</a>
<nav class="nav" role="navigation" aria-label="主导航">
<div class="container">
<div class="logo" style="text-align: center;">
MSTOOL
</div>
<div style="text-align: center;">
<ul>
<li><a href="index.html">检测<br>密钥</a></li>
<li><a href="cid.html">获取<br>ID</a></li>
<li><a href="show-keys.html">可用<br>密钥</a></li>
<li><a href="tool.html">激活<br>工具</a></li>
<li><a href="about.html"><br></a></li>
<li><a href="build.html" class="active">搭建<br>教程</a></li>
</ul>
</div>
</div>
</nav>
<div class="container content" id="main-content">
<div class="card">
<div class="card-header">
搭建说明
<div style="font-size: 14px; color: #666; margin-top: 5px;">
如何搭建自己的MSTOOL站点
</div>
</div>
<div class="card-body">
<div class="build-section" style="max-width: 800px; margin: 0 auto;">
<div class="intro" style="background: #f8f9fa; padding: 20px; border-radius: 5px; margin-bottom: 30px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">📝</i>项目说明
</h3>
<p style="margin: 0; line-height: 1.6; color: #666;">
MSTOOL是一个开源的Windows和Office激活工具网站。本项目使用纯静态HTML+CSS+JavaScript开发无需后端支持可以轻松部署在任何Web服务器上。
</p>
</div>
<div class="source" style="background: #e8f5e9; padding: 20px; border-radius: 5px; margin-bottom: 30px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">💻</i>获取源码
</h3>
<p style="margin: 0 0 15px 0; line-height: 1.6; color: #2e7d32;">
请通过以下链接获取完整源码:
</p>
<div style="text-align: center;">
2025-02-20 16:53:29 +08:00
<a href="https://mp.weixin.qq.com/s/bJvUw4yBEcsN9oR-OY9CAg"
2025-02-20 16:33:11 +08:00
class="btn"
target="_blank"
style="background: #2e7d32;">
获取源码
</a>
</div>
</div>
<div class="notice" style="background: #fff3cd; padding: 20px; border-radius: 5px; margin-bottom: 30px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">⚠️</i>特别说明
</h3>
<p style="margin: 0; line-height: 1.6; color: #856404;">
本项目是开源的,您可以自由使用和修改,但请务必保留以下信息:
</p>
<ul style="margin: 15px 0 0 0; padding-left: 20px; color: #856404;">
<li>项目来源MSTOOL</li>
<li>原作者微信公众号CTRLER</li>
2025-02-20 16:53:29 +08:00
<li>GitHub<a href="https://github.com/lbjlaq/mstool" target="_blank" style="color: #856404; text-decoration: underline;">https://github.com/CTRLER/mstool</a></li>
2025-02-20 16:33:11 +08:00
</ul>
</div>
<div class="deploy" style="background: #e3f2fd; padding: 20px; border-radius: 5px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">🚀</i>部署说明
</h3>
<p style="margin: 0 0 15px 0; line-height: 1.6; color: #0d47a1;">
本项目是纯静态网站,部署非常简单:
</p>
<ol style="margin: 0; padding-left: 20px; color: #0d47a1;">
<li>下载源码并解压</li>
<li>将解压后的文件上传到您的Web服务器</li>
<li>确保index.html可以正常访问</li>
<li>完成部署!</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
© <span id="current-year"></span> MSTOOL | 公众号:<a href="javascript:void(0);">CTRLER</a>
</div>
</footer>
<script src="js/main.js"></script>
<script>
// 设置年份
document.getElementById('current-year').textContent = new Date().getFullYear();
</script>
</body>
2025-02-20 16:53:29 +08:00
</html>