117 lines
6.0 KiB
HTML
117 lines
6.0 KiB
HTML
<!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;">
|
||
<a href="https://mp.weixin.qq.com/s/bJvUw4yBEcsN9oR-OY9CAg"
|
||
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>
|
||
<li>GitHub：<a href="https://github.com/lbjlaq/mstool" target="_blank" style="color: #856404; text-decoration: underline;">https://github.com/CTRLER/mstool</a></li>
|
||
</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>
|
||
</html>
|