该后台使用 vite + ts + pnpm + vue3 + element-plus + tailwindcss 等技术栈构成。没有添加任意可视化图标等插件。以最小功能，最基础功能展现。用户可以额外添加可使用的插件逻辑。
该后台后端使用 php8.2 + laravel 10 + mysql
该后台后端 go 语言版本开发中。将使用 gframe2.5.2
源码： https://github.com/vini123/simpleAdmin
在线体验： https://www.zeipan.com/admin
权限以及密码一键复位: https://v3test.yuepaibao.com/admin/api/reset
测试账号以及密码： zhoulin@xiangrong.pro、 111111 （如果发现登录不了，可一键复位谢谢）
房间传送门2： https://www.mlxiu.com/room/70188
“Skills”（技能）是当前 AI 编程和智能体（Agent）生态中一个核心机制，它的目标是：让大模型从“通用聊天机器人”变成“具备特定领域专业能力的数字员工”。
把人类的“领域经验”打包成可复用、可调用的标准化流程（SOP），交给 AI 执行。
| 问题 | Skills 如何解决 |
|---|---|
| 大模型“泛而不精” | 通过绑定领域 SOP，让它在特定任务上表现专业 |
| 提示词不稳定、效果差 | 把最佳实践固化为代码+文档，确保一致性 |
| 重复劳动无法自动化 | 一次创建，多次调用，甚至可共享、可变现 |
| Token 浪费严重 | 采用“渐进式加载”：只在需要时注入详细指令 |
| 幻觉率高 | 通过脚本在沙盒中执行复杂逻辑，结果更可靠 |
💡 简单说：Skills = 把你的“工作经验”变成 AI 能执行的“入职培训手册”。
✅ 方式1：用自然语言让 AI 帮你创建（推荐新手）
✅ 方式2：手动编写 SKILL.md（适合开发者）
---name: "UI Designer Pro"description: "根据简单提示生成高质量网页UI设计，使用Tailwind和现代字体"---# 执行步骤1. 分析用户需求中的关键词（如“商品列表页”、“深色模式”）2. 调用 scripts/generate_ui.py3. 返回HTML+CSS代码放入 scripts/ 和 refs/ 资源
安装到指定目录（见下文）
✅ 方式3：下载现成的 Skills 使用
不同工具安装路径不同，但逻辑一致：
Skills 分两类作用域：
项目级（Project-level）：只在当前项目生效→ 放在项目根目录下的 .skills/ 或 skills/ 文件夹
全局级（Global）：所有项目可用→ 放在用户主目录或工具指定的全局目录，如：
⚠️ 注意：部分工具（如早期 Antigravity）不支持直接读取 Cloud 目录的技能，需手动拷贝；而 Coze、Cosmic 2.4+、通义万相等已支持云端技能直连。
以下是 2026 年初最火的几类 Skills：
| 类别 | 热门技能示例 | 功能 |
|---|---|---|
| 内容创作 | 花叔写作技能、爆款选题分析器 | 自动生成选题、大纲、润色、多平台适配 |
| UI/UX 设计 | UI UX ProMax、Tailwind Generator | 输入文字 → 输出精美网页代码 |
| 数据分析 | 超级分析师（含12种分析框架） | 用第一性原理、SWOT 等方法论分析问题 |
| 自媒体运营 | 公众号自动采集+热度分析 | 抓取100+公众号，生成Top10选题报告 |
| 办公自动化 | PPT 生成器（16:9 + 3:4 双比例） | 文案 → 多页PPT图片/PDF |
| 开发辅助 | Code Reviewer、API Tester | 自动审查代码、生成测试用例 |
https://cloud.tencent.com/developer/article/2625392?policyId=1003
移动端按设计稿原因输出。
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">这里设计稿宽度 750px，100px 对比 1 rem 进行换算。
<script>
(function() {
const designWidth = 750; // 设计稿宽度
const baseRem = 100; // 设计稿中 100px = 1rem
function setRootFontSize() {
const deviceWidth = document.documentElement.clientWidth || window.innerWidth;
// 限制最大宽度（可选，防止在 iPad/PC 上过大）
const maxWidth = 750;
const effectiveWidth = Math.min(deviceWidth, maxWidth);
const fontSize = (effectiveWidth / designWidth) * baseRem;
document.documentElement.style.fontSize = fontSize + 'px';
}
setRootFontSize();
window.addEventListener('resize', setRootFontSize);
window.addEventListener('orientationchange', setRootFontSize);
})();
</script>样式中使用 rem 代替设计稿中的 px。1rem 对比 100px 的换算。
假如 app 的名字叫抖音，拼音就是 douyin。然后使用下边命令生成。
keytool -genkey -alias douyin -keyalg RSA -keysize 2048 -validity 36500 -keystore douyin.dev.keystore输出密码，组织信息，城市，地区这些，回车生成。比如。
douyin2026
姓氏： douyin
组织： douyin
单位： douyin
城市： shanghai
地区： shanghai
地区代码： cnkeytool -list -v -alias douyin -keystore douyin.dev.keystorewin 系统，如果出现错误:
keytool 错误: java.util.IllegalFormatConversionException: d != java.lang.String
java.util.IllegalFormatConversionException: d != java.lang.String
请用下边的命令。
cmd /c "set JAVA_TOOL_OPTIONS=-Duser.language=en & keytool -list -v -alias douyin -keystore douyin.dev.keystore"输入密码后，就可以看到内容了。但是，这个命令只能看到 sha1 和 sha256 的值。如果想看 md5 值，还得生成 cer 证书，在证书中查看。因为腾讯开放平台添加 android app 的时候，需要用到签名，这个签名就是 md5值去掉 : 的字符串，长度是 32。
cmd /c "set JAVA_TOOL_OPTIONS=-Duser.language=en & keytool -exportcert -alias douyin -keystore douyin.dev.keystore -file cert.cer"
openssl x509 -inform DER -in cert.cer -fingerprint -md5这里就可以看到 md5 值。
https://ask.dcloud.net.cn/article/35777
https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Downloads/Android_Resource.html
sudo yum install -y iftop nethogssudo apt update && sudo apt install -y iftop nethogs# 查看流量
sudo iftop -i eth0 -P
curl -o /dev/null -s \
-w "\n\
DNS 解析: %{time_namelookup} s\n\
TCP 握手: %{time_connect} s\n\
TLS 握手: %{time_appconnect} s\n\
首字节 TTFB: %{time_starttransfer} s\n\
总耗时: %{time_total} s\n\
下载大小: %{size_download} bytes\n\
HTTP 状态: %{http_code}\n" \
https://xxx.xxx/xxx.jscurl.exe -o nul -s \
-w "\n\
DNS 解析: %{time_namelookup} s\n\
TCP 握手: %{time_connect} s\n\
TLS 握手: %{time_appconnect} s\n\
首字节 TTFB: %{time_starttransfer} s\n\
总耗时: %{time_total} s\n\
下载大小: %{size_download} bytes\n\
HTTP 状态: %{http_code}\n" \
https://xxx.xxx/xxx.js-s 静默模式，屏蔽进度条和错误信息，只输出 -w 的内容。
输出结果示例如下：
DNS 解析: 0.029579 s
TCP 握手: 0.033574 s
TLS 握手: 0.044148 s
首字节 TTFB: 0.052129 s
总耗时: 0.491568 s
下载大小: 2159257 bytes
HTTP 状态: 200vscode，goframe 框架中，import xxx.proto 文件报错 Import “base.proto” was not found or had errors.
goframe 框架中，引入其他 proto 文件时会报错 Import "xxx.proto" was not found or had errors.
比如在 manifest/protobuf 下，有 base.proto 和 game.proto 文件，如果在 game.proto 文件中引入 base.proto，vscode会报错 Import "base.proto" was not found or had errors.
在项目根目录下创建 .vscode 目录，在该目录下新建 settings.json。添加以下配置就好。
{
"protoc": {
// 指定 protoc 编译器的路径（可选，但更准确）
// "path": "D:\\ProgramData\\anaconda3\\Library\\bin\\protoc.exe",
// 关键：指定导入文件的搜索路径，与 gf gen pb 保持一致
"compile_on_save": false,
"options": [
"--proto_path=${workspaceFolder}/manifest/protobuf"
]
}
}好几年前，ssl 免费证书有效期为 3 个月。搞一个能生成证书的环境就比较方便。
FROM nginx:1.29.3
# 安装 certbot https://certbot.eff.org/instructions?ws=nginx&os=snap
# 也可以在 nginx 之外使用 certbot 镜像 https://hub.docker.com/r/certbot/certbot
RUN apt-get update && \
apt-get install -y python3-venv && \
python3 -m venv /opt/certbot && \
/opt/certbot/bin/pip install certbot certbot-nginx && \
ln -s /opt/certbot/bin/certbot /usr/local/bin/certbot && \
apt-get clean && \
rm -rf /var/lib/apt/lists/*
打包镜像
docker build -t xr-nginx:1.29.3 .运行镜像，生成容器服务。然后打开浏览器，输入 http://localhost 查看情况。
docker run --rm -it -p 80:80 --name xr-nginx xr-nginx:1.29.3
# 查看日志
docker run --rm -it -p 80:80 xr-nginx:1.29.3
# 进入容器
received然后镜既有 nginx 的功能，还能生成证书。
# 容器外运行
docker exec -i xr-nginx sh -c "certbot -d xxx.com"
# 进入容器运行
docker exec -it xr-nginx bash
certbot -d xxx.comhttps://blog.csdn.net/weixin_39938069/article/details/144372076
FROM alpine:3.18
# 1. 安装编译依赖
RUN apk add --no-cache \
gcc g++ make autoconf automake libtool bison flex \
openssl-dev zlib-dev pcre-dev tar
# 2. 复制源码和 license
COPY TongHttpServer_6.0.1.5_alpine_x86_64.tar.gz /tmp/
COPY license.dat /tmp/
# 3. 解压
RUN tar -zxf /tmp/TongHttpServer_6.0.1.5_alpine_x86_64.tar.gz -C /usr/local/ && \
cp /tmp/license.dat /usr/local/THS/ && \
rm -f /tmp/TongHttpServer_6.0.1.5_alpine_x86_64.tar.gz && \
rm -f /tmp/license.dat
# 4. 设置工作目录
WORKDIR /usr/local/THS
# 暴露端口，根据需要修改
EXPOSE 80 443 8011 8000
# 启动 TongHttpServer
CMD ["./bin/start.sh"]安装包有 x86 和 arm64，请和服务器对应上。
打包镜像。Dockerfile 文件、安装包、license 文件放一起。
docker build -t tong-http-server:6.0.1 .运行镜像，看看效果
docker run -d --rm -p 8000:8000 -p 80:80 --name t1 \
tong-http-server:6.0.1 \
/bin/sh -c "./bin/start.sh && ./bin/startConsole.sh && tail -f /dev/null"
# 进入容器查看
docker exec -it t1 bash浏览器访问 http://localhost:8000 进入控制台。
默认情况下，win10 打包的 docker 镜像是 x86 架构平台的。有的服务器 cpu 是 arm 架构的，这个时候打包成 arm 架构的镜像就很有必要。或者是在服务器上去构建镜像。
创建并启用 arm64 构建器. arm-builder 是构建器名称。
docker buildx create --name arm-builder --use --platform linux/amd64,linux/arm64准备好 Dockerfile 文件。 进行构建。 my-app-arm64 是镜像名字，1.0 是镜像版本。
docker buildx build --platform linux/arm64 -t my-app-arm64:1.0 --load .构建成功后，验证一下。
docker run --rm -it --platform linux/arm64 my-app-arm64:1.0 uname -m推送到远程仓库
docker tag my-app-arm64:1.0 xxxx仓库地址/my-app-arm64:1.0
docker push xxxx仓库地址/my-app-arm64:1.0# 查看构建器列表
docker buildx ls
# 切换构建器
docker buildx use default (默认构建器)
docker buildx use desktop-linux （desktop-linux 构建器）
# 删除镜像构建器
docker buildx rm arm-buildx