第一步：安装必要的依赖
确保 Node.js 和相关的依赖已经安装：
npm install
安装所需的依赖：
npm install -g nginx tailwindcss
安装 Nginx 和 Tailwind CSS：
npx nginx --port 8 npx tailwindcss --css
第二步：搭建 Mihomo
步骤 1：安装 Mihomo 的依赖
安装 Mihomo 的依赖：
npm install mihomo
步骤 2：配置 Mihomo 的配置文件
创建一个 mihomo.config.js 文件：
const Mihomo = require('mihomo');
Mihomo.MIHOMO_URL = 'localhost';
Mihomo.MIHOMO_PORT = 88;
Mihomo.MIHOMO_PROJECT_ID = 123456789;
export default Mihomo;
步骤 3：配置 Mihomo 的脚本
创建一个新的 Node.js 应用，名字为 app.js：
const Mihomo = require('./mihomo.config.js');
const app = document.createElement('script');
app.type = 'application/json';
app.length = 512;
Mihomo.MIHOMO_URL = Mihomo.MIHOMO_URL || 'localhost';
Mihomo.MIHOMO_PORT = Mihomo.MIHOMO_PORT || 88;
Mihomo.MIHOMO_SERVER = Mihomo.MIHOMO_URL;
Mihomo.MIHOMO_SERVER_PORT = Mihomo.MIHOMO_PORT;
Mihomo.MIHOMO_USER = 'root';
Mihomo.MIHOMO_PW = 'password';
Mihomo.MIHOMO_PW_ALPHABET = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ123456789';
Mihomo.MIHOMO_USER_ID = Mihomo.MIHOMO_USER;
Mihomo.MIHOMO_PW_ID = Mihomo.MIHOMO_PW;
app.jsonput('mihomo.json', Mihomo);
document.body.appendChild(app);
document.write(app);
步骤 4：配置 Tailwind CSS
在你的 HTML 文件中，导入 Tailwind CSS：
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.">Mihomo</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-1">
<!-- 你的网页结构 -->
</body>
</html>
步骤 5：配置端口
在配置文件 mihomo.config.js 中，设置端口：
Mihomo.MIHOMO_PORT = 88; // 端口 ID Mihomo.MIHOMO_SERVER_PORT = 88; // 端口 ID
步骤 6：启动 Mihomo
在 Node.js 中启动 Mihomo：
npm start
步骤 7：配置 Tailwind CSS
在 Tailwind CSS 中，设置布局：
body {
width: 1%;
padding: 1rem;
}
max-width: 12px;
margin: 0 auto;
background-color: #ffffff;
box-shadow: 0 0 1px rgba(,,,.1);
}
#app .container {
width: 1%;
min-height: 9vh;
padding: 1rem;
}
步骤 8：配置日志
在配置文件中,设置日志：
Mihomo.MIHOMO_LOG_URL = 'localhost'; Mihomo.MIHOMO_LOG_PORT = 8;
步骤 9：配置 Mihomo
在配置文件中,设置 Mihomo 的基本配置：
Mihomo.MIHOMO_URL = 'localhost'; Mihomo.MIHOMO_PORT = 88; Mihomo.MIHOMO_PROJECT_ID = 123456789;
步骤 1：配置 Mihomo 的脚本
在你的 Node.js 应用中，配置脚本：
const Mihomo = require('./mihomo.config.js');
app = io().create({
server: {
host: Mihomo.MIHOMO_URL,
port: Mihomo.MIHOMO_PORT
},
serverOptions: {
reloader: true
},
clients: {
clients = {
app: {
url: Mihomo.MIHOMO_URL,
port: Mihomo.MIHOMO_PORT,
showprogress: true,
width: 1,
height: 8,
body: {
width: '1%',
padding: ' auto',
backgroundColor: '#ffffff',
borderRadius: '8px',
boxShadow: ' 0 1px rgba(,,,.1)',
borderRadius: '16px',
boxShadow: ' 0 1px rgba(,,,.1)'
}
}
}
}
});
步骤 11：启动 Mihomo
npm start
步骤 12：配置端口（可选）
如果你希望端口不重叠,可以设置不同的端口：
sudo systemctl restart mihomo-server --core-id=.......88
步骤 13：配置 Mihomo 的配置文件
修改 mihomo.config.js：
Mihomo.MIHOMO_URL = 'localhost'; Mihomo.MIHOMO_PORT = 88; Mihomo.MIHOMO_PROJECT_ID = 123456789; export default Mihomo;
步骤 14：配置 Tailwind CSS（可选）
在 Tailwind CSS 中，设置布局：
body {
width: 1%;
padding: 1rem;
}
max-width: 12px;
margin: 0 auto;
background-color: #ffffff;
box-shadow: 0 0 1px rgba(,,,.1);
}
#app .container {
width: 1%;
min-height: 9vh;
padding: 1rem;
}
步骤 15：配置日志（可选）
在配置文件中,设置日志：
Mihomo.MIHOMO_LOG_URL = 'localhost'; Mihomo.MIHOMO_LOG_PORT = 8;
步骤 16：测试配置
在浏览器中访问：
curl -X POST http://localhost:88/mihomo --data-raw "{"user": "root", "password": "password", "project_id": "123456789", "user_id": "root", "password_id": "password"}
或者配置端口：
curl -X POST http://localhost:88/mihomo --data-raw "{"user": "root", "password": "password", "project_id": "123456789", "user_id": "root", "password_id": "password"}
步骤 17：配置端口
如果你希望端口不重叠,可以设置不同的端点：
sudo systemctl restart mihomo-server --core-id=.......88 sudo systemctl restart mihomo-server --core-id=.......123456789
步骤 18：配置 Mihomo 的配置文件（可选）
修改 mihomo.config.js：
Mihomo.MIHOMO_URL = 'localhost'; Mihomo.MIHOMO_PORT = 88; Mihomo.MIHOMO_PROJECT_ID = 123456789; export default Mihomo;
步骤 19：配置端口（可选）
如果你希望端口不重叠,可以设置不同的端口：
sudo systemctl restart mihomo-server --core-id=.......88 sudo systemctl
