{"slug":"cy-chenyue-wechat-typesetting-cy-446af9","title":"\u516c\u4f17\u53f7\u667a\u80fd\u6392\u7248\u4e0e\u56db\u95e8\u6821\u9a8c","description":"\u8bfb\u61c2\u6587\u7ae0\u540e\u73b0\u573a\u8bbe\u8ba1\u7248\u9762\u3001\u8282\u594f\u3001\u914d\u8272\u4e0e\u5f62\u6001\uff0c\u7528\u5fae\u4fe1\u5b89\u5168\u5185\u8054HTML\u5b9e\u73b0\uff0c\u5e76\u4ee5\u5185\u5bb9\u5b8c\u6574\u6027\u3001\u517c\u5bb9\u3001\u8f93\u51fa\u5951\u7ea6\u3001\u624b\u673a\u6e32\u67d3\u56db\u9053\u811a\u672c\u95e8\u6821\u9a8c\uff0c\u4ea7\u51fa\u5e26\u4e00\u952e\u590d\u5236\u6309\u94ae\u7684\u9884\u89c8\u9875\u3002\u9002\u7528\u4e8e\u751f\u6210\u3001\u68c0\u67e5\u4e0e\u6362\u98ce\u683c\u91cd\u6392\uff0c\u9ed8\u8ba4\u4e0d\u6539\u539f\u6587\u3002","category":"\u526a\u8f91\u4e0e\u5305\u88c5","tags":["CY-CHENYUE","\u526a\u8f91\u4e0e\u5305\u88c5"],"author":"CY-CHENYUE","source_url":"https://github.com/CY-CHENYUE/wechat-typesetting-cy/blob/43efa119e08ddf435f0fce139688c749af22bbff/SKILL.md","license":"Apache-2.0","status":"published","verification":"source_reviewed","verification_notes":"\u5df2\u6838\u5bf9\u539f\u59cb\u4ed3\u5e93\u3001\u56fa\u5b9a\u63d0\u4ea4\u3001\u8bb8\u53ef\u3001\u6280\u80fd\u6b63\u6587\u4e0e\u5305\u7ed3\u6784\uff0c\u5e76\u8865\u5145\u4e2d\u6587\u6267\u884c\u9a8c\u6536\u8bf4\u660e\uff1b\u672a\u8fd0\u884c\u5305\u5185\u811a\u672c\u3002","revision":"bf9f7083b01b434985698f20a3f86ee2","created_at":"2026-11-02T14:47:08+00:00","updated_at":"2026-11-02T14:47:08+00:00","source_repo":"CY-CHENYUE/wechat-typesetting-cy","source_path":"SKILL.md","source_commit":"43efa119e08ddf435f0fce139688c749af22bbff","source_updated_at":"2026-11-02T14:46:04+00:00","stars":0,"proxy_score":null,"score":null,"grade":null,"dimensions":{},"evaluation":{},"installs":0,"platforms":[],"formats":[],"category_slug":"packaging","category_name":"\u526a\u8f91\u4e0e\u5305\u88c5","quality":{"review_type":"text_and_package_review","readiness":"text_ready","reviewed_at":"2026-11-02T14:46:04+00:00","review_summary":"\u4efb\u52a1\u65b9\u6cd5\u5177\u4f53\u3001\u6750\u6599\u81ea\u6d3d\uff0c\u786c\u89c4\u5219\u4e0e\u8bbe\u8ba1\u5224\u65ad\u5206\u5c42\u6e05\u6670\uff0c\u56db\u9053\u95e8\u6709\u660e\u786e\u811a\u672c\u4e0e\u9a8c\u6536\u70b9\uff1b\u4f46\u811a\u672c\u672a\u5b9e\u9645\u8fd0\u884c\uff0c\u6e32\u67d3\u4e00\u81f4\u6027\u4ecd\u53d7\u73af\u5883\u4e0e\u5fae\u4fe1\u7aef\u9650\u5236\u3002","cost_notes":"\u5305\u5185\u672a\u58f0\u660e\u5916\u90e8\u4ed8\u8d39\u670d\u52a1\uff1b\u82e5\u7528\u6237\u81ea\u884c\u5f15\u5165\u56fe\u5e8a\u6216\u7d20\u6750\u5e93\uff0c\u8d39\u7528\u9700\u53e6\u884c\u786e\u8ba4\u3002","source_sha256":"1e6c4c6250ad4256126e28de20e89d920145440c3dc97cd52f6750bbb16eab01","prerequisites":["Python3\u8fd0\u884c\u73af\u5883","\u672c\u673aChrome\u6216Chromium\uff08\u4ec5\u624b\u673a\u6e32\u67d3\u95e8\u9700\u8981\uff09","\u6280\u80fd\u76ee\u5f55\u5185references/*.md\u4e0escripts/*.py\u5b8c\u6574\u53ef\u8bfb","\u65e0\u9700\u8d26\u53f7\u6216\u5bc6\u94a5\uff1b\u4e0d\u4f9d\u8d56\u5916\u90e8\u4ed8\u8d39API"],"checks":["\u8f93\u51faHTML\u4e2d#wechat-content\u552f\u4e00\u3001\u4e3adiv\u3001\u4f4d\u4e8e\u666e\u901a\u6587\u6863\u6811\uff0c\u4e14\u9996\u8282\u70b9\u4e3a\u542b\u98ce\u683c\u65b9\u5411\u4e0e\u4e24\u4e2a\u5907\u9009\u7684\u6ce8\u91ca","\u539f\u6587\u53ef\u89c1\u6587\u5b57\u6d41\u4e0e\u8f93\u51fa\u9010\u5b57\u4e00\u81f4\uff0c\u539f\u6587\u4e4b\u5916\u7684\u7248\u5f0f\u6587\u5b57\u5747\u5e26data-layout-text=\"true\"","\u590d\u5236\u6309\u94ae\u76f4\u63a5\u8c03\u7528copyContent()\uff0c\u811a\u672c\u7ed3\u6784\u4e0epreview-shell.html\u4e00\u81f4\uff0c\u65e0\u672a\u66ff\u6362\u5360\u4f4d\u7b26","390px\u5185\u5bb9\u821e\u53f0\u6e32\u67d3\u65e0\u6a2a\u5411\u6ea2\u51fa\u3001\u7834\u56fe\u3001\u4e2d\u6587\u5c0f\u4e8e12px\u6216\u4e0e\u80cc\u666f\u8fd1\u540c\u8272","\u4ea4\u4ed8\u8bf4\u660e\u542b\u8bbe\u8ba1\u65b9\u6848\u3001\u4e24\u4e2a\u5907\u9009\u3001\u5a92\u4f53\u5360\u4f4d\u6e05\u5355\u4e0e\u66ff\u6362\u6d41\u7a0b\uff0c\u4e14\u672a\u64c5\u81ea\u6539\u52a8\u539f\u6587"],"limitations":["\u56db\u9053\u811a\u672c\u95e8\u4e3a\u9759\u6001\u4e0e\u5355\u6d4f\u89c8\u5668\u6e32\u67d3\u68c0\u67e5\uff0c\u4e0d\u80fd\u8bc1\u660e\u5fae\u4fe1\u4e09\u7aef\u6700\u7ec8\u663e\u793a\u4e00\u81f4\uff0c\u4ecd\u9700\u624b\u673a\u9884\u89c8","\u8bbe\u8ba1\u53cd\u601d\u9879\uff08\u5b57\u53f7\u5bf9\u6bd4\u3001\u5c45\u4e2d\u3001\u7559\u767d\uff09\u4e3a\u5224\u65ad\u800c\u975e\u7ea2\u7ebf\uff0c\u811a\u672c\u65e0\u6cd5\u9a8c\u6536","\u672a\u5728\u672c\u6b21\u5ba1\u9605\u4e2d\u8fd0\u884c\u4efb\u4f55\u811a\u672c\u6216\u6d4b\u8bd5\uff0c\u811a\u672c\u5b9e\u9645\u884c\u4e3a\u5f85\u7528\u6237\u73af\u5883\u9a8c\u8bc1","\u539f\u6587\u4e3a\u53e3\u5934\u7c98\u8d34\u65f6\u9700\u5148\u843d\u76d8\uff0c\u5426\u5219\u5b8c\u6574\u6027\u6821\u9a8c\u65e0\u6cd5\u6267\u884c"],"issues":["SKILL.md\u58f0\u660e\u811a\u672c\u4e0e\u6d4b\u8bd5\u9f50\u5168\uff0c\u4f46\u672c\u6b21\u4ec5\u505a\u6587\u672c\u4e0e\u6e05\u5355\u5ba1\u9605\uff0c\u672a\u6267\u884ctests/run-tests.sh\u6216\u4efb\u4e00verify\u811a\u672c\uff0c\u5176\u901a\u8fc7\u7387\u4e0e\u8fb9\u754c\u884c\u4e3a\u5f85\u6838\u5b9e","\u624b\u673a\u6e32\u67d3\u95e8\u4f9d\u8d56\u672c\u673aChrome\uff0c\u90e8\u5206Headless\u73af\u5883\u5185\u90e8\u89c6\u53e3\u88ab\u5f3a\u5236\u4e3a500px\uff0c\u6587\u6863\u5df2\u8bf4\u660e\u4ee5390px\u5185\u5bb9\u821e\u53f0\u4e3a\u51c6\uff0c\u4f46\u7528\u6237\u73af\u5883\u5dee\u5f02\u4ecd\u9700\u81ea\u884c\u786e\u8ba4","assets/wechat-qr.jpg\u7528\u9014\u672a\u5728SKILL.md\u4e2d\u8bf4\u660e\uff0c\u53ef\u80fd\u4e3a\u4f5c\u8005\u5f15\u6d41\u7d20\u6750\uff0c\u4f7f\u7528\u524d\u5e94\u786e\u8ba4\u662f\u5426\u5fc5\u8981"],"missing_files":[]},"quality_url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/SHILIU-QUALITY.md","usage_guide":{"task":"\u4e3a\u7ed9\u5b9a\u6587\u7ae0\uff08\u7eaf\u6587\u672c\u6216Markdown\uff09\u73b0\u573a\u8bbe\u8ba1\u516c\u4f17\u53f7\u6392\u7248\u5e76\u751f\u6210\u53ef\u7c98\u8d34HTML\uff1b\u6216\u68c0\u67e5\u5df2\u6709\u516c\u4f17\u53f7HTML\u7684\u517c\u5bb9\u4e0e\u6392\u7248\u8d28\u91cf\uff1b\u6216\u5728\u4e0d\u6539\u5185\u5bb9\u7684\u524d\u63d0\u4e0b\u6362\u98ce\u683c\u91cd\u6392\u3002","inputs":"\u539f\u6587\u5168\u6587\uff08\u53e3\u5934\u7c98\u8d34\u9700\u5148\u5b58\u4e3a\u4e34\u65f6\u6587\u4ef6\uff09\uff1b\u53ef\u9009\uff1a\u6307\u5b9a\u98ce\u683c\u3001\u54c1\u724c\u8272\u3001\u662f\u5426\u4e0e\u4e0a\u4e00\u7bc7\u4fdd\u6301\u4e00\u81f4\uff1b\u672c\u673aPython3\uff1b\u624b\u673a\u6e32\u67d3\u95e8\u9700\u672c\u673aChrome/Chromium\uff1b\u6280\u80fd\u76ee\u5f55\u5185references\u4e0escripts\u9f50\u5168\u3002","outputs":"output/{slug}.html\uff08\u542b\u552f\u4e00#wechat-content\u590d\u5236\u6839\u3001\u9996\u8282\u70b9\u98ce\u683c\u6ce8\u91ca\u3001\u4e00\u952e\u590d\u5236\u6309\u94ae\u4e0e\u9884\u89c8\u5916\u58f3\uff09\uff1b390\u00d7844\u9996\u5c4f\u622a\u56fe\u4e0e\u6e32\u67d3JSON\u62a5\u544a\uff1b6-9\u884c\u8bbe\u8ba1\u65b9\u6848\u52a0\u4e24\u4e2a\u5907\u9009\u6c14\u8d28\uff1b\u5a92\u4f53\u5360\u4f4d\u6e05\u5355\u4e0e\u66ff\u6362\u6d41\u7a0b\uff1b\u4ec5\u5efa\u8bae\u4e0d\u4ee3\u6539\u7684\u6da6\u9970\u8bf4\u660e\u3002","example_input":"\u628a\u4e0b\u9762\u8fd9\u7bc7\u7ea61200\u5b57\u7684\u79d1\u6280\u8bc4\u8bba\u6392\u6210\u516c\u4f17\u53f7\u7248\u5f0f\uff0c\u4e3b\u8272\u7528\u6df1\u84dd\uff0c\u6587\u4e2d\u6709\u4e24\u5904\u3010\u56fe\uff1a\u53d1\u5e03\u4f1a\u73b0\u573a\u3011\u548c\u4e00\u5904\u89c6\u9891\u4f4d\u7f6e\u3002\u539f\u6587\uff1a\u2026\u2026\uff08\u7c98\u8d34\u5168\u6587\uff09","example_output":"\u793a\u610f\uff1aoutput/tech-comment.html + 390x844\u622a\u56fe + \u62a5\u544a.json\uff1b\u8bbe\u8ba1\u65b9\u6848\uff08\u6c14\u8d28/\u7248\u9762\u7b56\u7565/\u8282\u594f/\u914d\u8272\u7406\u7531/\u5f62\u6001\u8bed\u8a00/\u89c6\u89c9\u8bb0\u5fc6\u70b9\uff09+\u5907\u9009A/B\uff1b\u56db\u9053\u811a\u672c\u95e8\u7ed3\u679c\uff1b\u5360\u4f4d\u6e05\u5355\uff1a\u56fe1\u3001\u56fe2\u3001\u89c6\u98911\u53ca\u66ff\u6362\u6b65\u9aa4\u3002\u4ee5\u4e0a\u4e3a\u7ed3\u6784\u793a\u610f\uff0c\u975e\u5b9e\u9645\u8fd0\u884c\u7ed3\u679c\u3002"},"read_url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9","skill_url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/SKILL.md","download_url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/download","install_url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/install","files":[{"path":"LICENSE","bytes":11358,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/LICENSE"},{"path":"README.md","bytes":8331,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/README.md"},{"path":"SHILIU-QUALITY.md","bytes":2302,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/SHILIU-QUALITY.md"},{"path":"SKILL.md","bytes":18108,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/SKILL.md"},{"path":"assets/examples/blue-minimal.html","bytes":14845,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/assets/examples/blue-minimal.html"},{"path":"assets/examples/dark-tech.html","bytes":25688,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/assets/examples/dark-tech.html"},{"path":"assets/examples/four-gate-sample.html","bytes":4468,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/assets/examples/four-gate-sample.html"},{"path":"assets/examples/four-gate-sample.md","bytes":64,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/assets/examples/four-gate-sample.md"},{"path":"assets/preview-shell.html","bytes":3323,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/assets/preview-shell.html"},{"path":"assets/wechat-qr.jpg","bytes":27183,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/assets/wechat-qr.jpg"},{"path":"evals/articles/alley-pourover.md","bytes":894,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/evals/articles/alley-pourover.md"},{"path":"evals/articles/essay-meetings.md","bytes":1751,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/evals/articles/essay-meetings.md"},{"path":"evals/articles/lifestyle-coldbrew.md","bytes":1589,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/evals/articles/lifestyle-coldbrew.md"},{"path":"evals/articles/tech-price-war.md","bytes":1909,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/evals/articles/tech-price-war.md"},{"path":"evals/evals.json","bytes":11702,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/evals/evals.json"},{"path":"references/components.md","bytes":23345,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/references/components.md"},{"path":"references/design-craft.md","bytes":22336,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/references/design-craft.md"},{"path":"references/guidelines.md","bytes":7209,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/references/guidelines.md"},{"path":"references/style-directions.md","bytes":10920,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/references/style-directions.md"},{"path":"references/wechat-compat.md","bytes":14459,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/references/wechat-compat.md"},{"path":"scripts/verify-completeness.py","bytes":17421,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/scripts/verify-completeness.py"},{"path":"scripts/verify-mobile-render.py","bytes":24830,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/scripts/verify-mobile-render.py"},{"path":"scripts/verify-output-contract.py","bytes":18021,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/scripts/verify-output-contract.py"},{"path":"scripts/verify-wechat-compat.py","bytes":20315,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/scripts/verify-wechat-compat.py"},{"path":"scripts/wechat_html.py","bytes":11873,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/scripts/wechat_html.py"},{"path":"shiliu-quality.json","bytes":2192,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/shiliu-quality.json"},{"path":"shiliu-source.json","bytes":261,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/shiliu-source.json"},{"path":"tests/run-tests.sh","bytes":617,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/tests/run-tests.sh"},{"path":"tests/test_validators.py","bytes":47208,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/tests/test_validators.py"},{"path":"usage.json","bytes":1256,"url":"https://shiliuai.cn/api/v2/skills/cy-chenyue-wechat-typesetting-cy-446af9/files/usage.json"}],"content":"---\nname: wechat-typesetting-cy\nlicense: Apache-2.0\ndescription: \u5fae\u4fe1\u516c\u4f17\u53f7\u667a\u80fd\u6392\u7248\u6280\u80fd\u3002\u6ca1\u6709\u56fa\u5b9a\u6a21\u677f\u2014\u2014\u8bfb\u61c2\u6587\u7ae0\u540e\u4e3a\u6bcf\u4e00\u7bc7\u73b0\u573a\u8bbe\u8ba1\u6392\u7248\uff1a\u7248\u9762\u7ed3\u6784\u3001\u9605\u8bfb\u8282\u594f\u3001\u98ce\u683c\u6c14\u8d28\u3001\u914d\u8272\u5b57\u4f53\u5168\u90e8\u4ece\u5185\u5bb9\u63a8\u5bfc\uff0c\u6bcf\u7bc7\u90fd\u4e0d\u540c\uff0c\u5e76\u7ed9\u51fa\u5907\u9009\u98ce\u683c\u53c2\u8003\uff1b\u7528\u5fae\u4fe1\u5b89\u5168\u5b9e\u73b0\u624b\u6cd5\u751f\u6210\u5168\u5185\u8054 HTML\uff0c\u4ee5\u5185\u5bb9\u5b8c\u6574\u6027\u3001\u517c\u5bb9\u3001\u8f93\u51fa\u5951\u7ea6\u548c\u771f\u5b9e\u6e32\u67d3\u56db\u9053\u53d1\u5e03\u95e8\u964d\u4f4e\u7c98\u8d34\u540e\u5d29\u574f\u98ce\u9669\uff1b\u8f93\u51fa\u5e26\"\u4e00\u952e\u590d\u5236\"\u6309\u94ae\u7684\u9884\u89c8\u9875\u3002\u5f53\u7528\u6237\u63d0\u5230\"\u5fae\u4fe1\u6587\u7ae0\"\u3001\"\u516c\u4f17\u53f7\u6587\u7ae0\"\u3001\"\u53d1\u516c\u4f17\u53f7\"\u3001\"\u5e2e\u6211\u6392\u7248\"\u3001\"\u516c\u4f17\u53f7\u6392\u7248\"\u3001\"\u5fae\u4fe1\u6392\u7248\"\u3001\"\u6392\u7248\u6210\u5fae\u4fe1\u683c\u5f0f\"\u3001\"\u516c\u4f17\u53f7 HTML\"\uff0c\u6216\u7ed9\u51fa\u4e00\u7bc7\u6587\u7ae0/Markdown \u8981\u53d1\u5e03\u5230\u516c\u4f17\u53f7\u65f6\u89e6\u53d1\uff1b\u4e5f\u7528\u4e8e\u68c0\u67e5\u5df2\u6709\u516c\u4f17\u53f7 HTML \u7684\u517c\u5bb9\u6027\u4e0e\u6392\u7248\u8d28\u91cf\u3001\u7ed9\u6587\u7ae0\u6362\u98ce\u683c\u91cd\u6392\u3002\n---\n\n# \u5fae\u4fe1\u516c\u4f17\u53f7\u667a\u80fd\u6392\u7248\n\n**\u6ca1\u6709\u6a21\u677f\u3002** \u6bcf\u7bc7\u6587\u7ae0\u73b0\u573a\u8bbe\u8ba1\uff1a\u7248\u9762\u7ed3\u6784\u3001\u9605\u8bfb\u8282\u594f\u3001\u98ce\u683c\u6c14\u8d28\u3001\u914d\u8272\u5b57\u4f53\uff0c\u5168\u90e8\u4ece\u8fd9\u4e00\u7bc7\u7684\u5185\u5bb9\u63a8\u5bfc\u51fa\u6765\u2014\u2014\u4e24\u7bc7\u4e0d\u540c\u7684\u6587\u7ae0\u4e0d\u5e94\u8be5\u5f97\u5230\u540c\u4e00\u5957\u6392\u7248\u3002\u552f\u4e00\u4e0d\u53d8\u7684\u662f\u5e95\u7ebf\uff1a**\u5fae\u4fe1\u516c\u4f17\u53f7\u7f16\u8f91\u5668\u91cc\u7c98\u8d34\u540e\u5fc5\u987b\u6b63\u5e38\u663e\u793a**\u3002\n\n\u6d41\u7a0b\uff1a**\u8bfb\u61c2\u6587\u7ae0 \u2192 \u73b0\u573a\u8bbe\u8ba1\uff08\u4ea7\u51fa\u8bbe\u8ba1\u65b9\u6848 + \u5907\u9009\u6c14\u8d28\uff09\u2192 \u7528\u5fae\u4fe1\u5b89\u5168\u624b\u6cd5\u5b9e\u73b0 \u2192 \u4e00\u952e\u590d\u5236\u8fdb\u7f16\u8f91\u5668**\u3002\n\n\u8d44\u6e90\u5206\u4e24\u7c7b\u2014\u2014\u786c\u7ea6\u675f\u5fc5\u8bfb\uff0c\u53c2\u8003\u4ec5\u542f\u53d1\uff1a\n\n| \u6587\u4ef6 | \u4f5c\u7528 | \u4f55\u65f6\u8bfb |\n|---|---|---|\n| `references/wechat-compat.md` | \u5fae\u4fe1\u7f16\u8f91\u5668\u517c\u5bb9\u786c\u7ea6\u675f + \u81ea\u68c0\u6e05\u5355\uff08**\u5e95\u7ebf**\uff09 | **\u6bcf\u6b21\u751f\u6210/\u68c0\u67e5\u524d\u5fc5\u8bfb** |\n| `references/design-craft.md` | \u8bbe\u8ba1\u611f\u624b\u827a\u5e93\uff1a\u8bb0\u5fc6\u70b9 / \u5b57\u53f7\u5bf9\u6bd4 / \u88c5\u9970 / \u8272\u5f69 / \u7559\u767d\uff08**\u4e0a\u9650**\uff09 | **\u6bcf\u6b21\u8bbe\u8ba1\u4e0e\u751f\u6210\u65f6\u5fc5\u8bfb** |\n| `references/components.md` | \u5fae\u4fe1\u5b89\u5168\u5b9e\u73b0\u624b\u6cd5\uff08DOM \u7ed3\u6784\u5df2\u9a8c\u8bc1\uff1b\u89c6\u89c9\u6837\u5f0f\u7531\u8bbe\u8ba1\u65b9\u6848\u51b3\u5b9a\uff09 | \u751f\u6210 HTML \u65f6 |\n| `references/guidelines.md` | \u6392\u7248\u5ba1\u7f8e\u7eaa\u5f8b\uff08\u5c42\u7ea7/\u8282\u594f/\u8272\u5f69\uff09 | \u8bbe\u8ba1\u4e0e\u8d28\u68c0\u65f6 |\n| `references/style-directions.md` | \u53c2\u8003\u6848\u4f8b\u96c6\uff1a\u516b\u79cd\u5df2\u9a8c\u8bc1\u7684\u6c14\u8d28\u7ec4\u5408\uff08**\u53ea\u4f9b\u542f\u53d1\uff0c\u7981\u6b62\u6574\u5957\u7167\u642c**\uff09 | \u9700\u8981\u7075\u611f\u6216\u7528\u6237\u70b9\u540d\u67d0\u98ce\u683c\u65f6 |\n| `assets/examples/four-gate-sample.*` | \u539f\u6587\u4e0e HTML \u914d\u5bf9\u7684\u56db\u95e8\u901a\u8fc7\u6837\u4f8b | \u7406\u89e3\u4ea4\u4ed8\u8bc1\u636e\u65f6 |\n| `assets/examples/blue-minimal.html` / `dark-tech.html` | \u89c6\u89c9\u7ec4\u88c5\u4e0e\u517c\u5bb9\u5c55\u793a\u9875\uff0c\u4e0d\u662f\u5185\u5bb9\u5b8c\u6574\u6027\u6837\u4f8b | \u53ef\u9009 |\n\n## \u4efb\u52a1\u7c7b\u578b\n\n1. **\u751f\u6210\u6392\u7248** \u2014\u2014 \u7528\u6237\u7ed9\u6587\u7ae0\uff08\u7eaf\u6587\u672c/Markdown\uff09\uff0c\u8f93\u51fa\u53ef\u7c98\u8d34\u7684\u6392\u7248 HTML\uff08\u4e0b\u65b9\u4e3b\u6d41\u7a0b\uff09\n2. **\u68c0\u67e5\u6392\u7248** \u2014\u2014 \u7528\u6237\u7ed9\u5df2\u6709 HTML\uff0c\u5bf9\u7167 compat \u786c\u7ea6\u675f + \u8d28\u91cf\u89c4\u8303\u51fa\u95ee\u9898\u6e05\u5355\uff0c\u786e\u8ba4\u540e\u4fee\u590d\n3. **\u6362\u98ce\u683c\u91cd\u6392** \u2014\u2014 \u7528\u6237\u5bf9\u7ed3\u679c\u8bf4\"\u6362\u6210 XX \u98ce\"\uff0c\u5185\u5bb9\u7ed3\u6784\u4e0d\u52a8\uff0c\u6362 token \u91cd\u65b0\u751f\u6210\n\n## \u6838\u5fc3\u539f\u5219\n\n**\u5148\u5206\u6e05\u4e24\u7c7b\u89c4\u5219\u2014\u2014\u8fd9\u662f\u6574\u4e2a\u6280\u80fd\u7684\u9aa8\u67b6\uff1a**\n\n- **\u786c\u89c4\u5219\uff08\u53ea\u6709\u4e24\u7c7b\uff0c\u4e0e\u6587\u7ae0\u65e0\u5173\uff0c\u6c38\u4e0d\u53ef\u8fdd\u53cd\uff09**\uff1a\u2460 \u5fae\u4fe1\u517c\u5bb9\uff08`wechat-compat.md`\uff0c\u8fdd\u53cd\u5c31\u5d29\uff09\uff1b\u2461 \u5185\u5bb9\u96f6\u6539\u52a8\uff08\u8fdd\u53cd\u5c31\u662f\u6539\u4e86\u7528\u6237\u7684\u6587\u7ae0\uff09\u3002\u8fd9\u4e24\u7c7b\u662f\u975e\u9ed1\u5373\u767d\u7684\u7ea2\u7ebf\uff0c\u81ea\u68c0\u5fc5\u987b 100% \u901a\u8fc7\u3002\n- **\u8bbe\u8ba1\u5224\u65ad\uff08\u5176\u4f59\u5168\u90e8\uff0c\u56e0\u6587\u800c\u5f02\uff0c\u6ca1\u6709\u7ea2\u7ebf\uff09**\uff1a\u98ce\u683c\u3001\u5b57\u53f7\u3001\u5bf9\u6bd4\u3001\u6784\u56fe\u3001\u914d\u8272\u3001\u7559\u767d\u3001\u8282\u594f\u3001\u88c5\u9970\u2026\u2026`design-craft.md` / `guidelines.md` \u91cc\u7684\u6240\u6709\u6570\u5b57\u90fd\u662f\"\u591a\u6570\u6587\u7ae0\u7684\u597d\u8d77\u70b9\"\uff0c\u4e0d\u662f\u5fc5\u987b\u8fbe\u6807\u7684\u5c3a\u3002**\u5224\u65ad\"\u8fd9\u7bc7\u6587\u7ae0\u8981\u4ec0\u4e48\"\u6c38\u8fdc\u9ad8\u4e8e\"\u89c4\u8303\u8bf4\u51e0\"**\u2014\u2014\u6781\u7b80\u8981\u5f31\u5bf9\u6bd4\u3001\u5bf9\u79f0\u8981\u5c45\u4e2d\u3001\u77ed\u6587\u4e0d\u8981\u91cd\u97f3\u65f6\uff0c\u5c31\u8be5\u8fdd\u80cc\u9ed8\u8ba4\u503c\uff0c\u670d\u4ece\u5185\u5bb9\u3002\n\n\u4e24\u6761\u786c\u89c4\u5219\u5c55\u5f00\uff1a\n\n- **\u5185\u5bb9\u96f6\u6539\u52a8\uff08\u7b2c\u4e00\u94c1\u5f8b\uff09**\uff1a\u6392\u7248\u4e0d\u662f\u7f16\u8f91\u3002\u7ed9\u5230\u7684\u6587\u7ae0\u5fc5\u987b**\u5b8c\u6574\u5c55\u793a**\u2014\u2014\u4e00\u53e5\u4e0d\u5220\u3001\u4e00\u5b57\u4e0d\u6539\u3001\u4e0d\u6539\u5199\u4e0d\u6da6\u8272\u3001\u4e0d\u8c03\u6574\u53d9\u8ff0\u987a\u5e8f\u3001\u4e0d\u590d\u5236\u91cd\u590d\u3002\u91d1\u53e5\u7b49\u7ec4\u4ef6\u662f\u628a\u539f\u53e5\"**\u539f\u4f4d\u5347\u683c**\"\u5448\u73b0\uff08\u6362\u4e2a\u7248\u5f0f\uff0c\u4e0d\u662f\u6458\u6284\u4e00\u4efd\uff09\u3002\u5141\u8bb8\u8f6c\u5316\u7684\u53ea\u6709\u4e09\u7c7b**\u7ed3\u6784\u8bb0\u53f7**\uff1aMarkdown \u8bed\u6cd5\u3001\u679a\u4e3e\u8bcd\uff08\"\u6b65\u9aa4\u4e00\uff1a\" \u2192 \u8bbe\u8ba1\u7f16\u53f7\uff09\u3001\u5a92\u4f53\u6807\u8bb0\uff08\u2192 \u5360\u4f4d\u5757\uff09\uff1b\u8d85\u957f\u6bb5\u843d\u53ef\u4ee5\u6309\u53e5\u62c6\u5206\uff08\u4e00\u4e2a\u5b57\u90fd\u4e0d\u52a8\uff09\u3002\u7248\u5f0f\u81ea\u8eab\u5143\u7d20\uff08\u7f16\u53f7 / \u5206\u9694 / END / \u5360\u4f4d\u5757 / \u4f5c\u8005\u5361\u5360\u4f4d\uff09\u4e0d\u5f97\u643a\u5e26\u65b0\u7684\u6b63\u6587\u610f\u601d\u2014\u2014**\u4e0d\u81ea\u62df\u5c0f\u6807\u9898**\uff1b\u526f\u9898 / \u6458\u8981\u53ea\u6709\u539f\u6587\u81ea\u5e26\u65f6\u624d\u6709\uff0c\u6ca1\u6709\u5c31\u4e0d\u9020\u3002\u51e1\u8f93\u51fa\u91cc\u5b58\u5728\u539f\u6587\u6ca1\u6709\u7684\u53ef\u89c1\u7248\u5f0f\u6587\u5b57\uff0c\u628a\u5b83\u653e\u8fdb\u72ec\u7acb\u5143\u7d20\u5e76\u6807 `data-layout-text=\"true\"`\uff1b\u53ea\u6807\u7248\u5f0f\u6587\u5b57\uff0c\u7edd\u4e0d\u628a\u539f\u6587\u5305\u8fdb\u53bb\u3002\u8be5\u6807\u8bb0\u53ea\u670d\u52a1\u53d1\u5e03\u524d\u6821\u9a8c\uff0c\u88ab\u5fae\u4fe1\u5265\u6389\u4e5f\u4e0d\u5f71\u54cd\u6837\u5f0f\n- **\u517c\u5bb9\u662f\u5e95\u7ebf**\uff1a\u6d4f\u89c8\u5668\u91cc\u518d\u597d\u770b\uff0c\u7c98\u8d34\u540e\u5d29\u4e86\u5c31\u662f\u96f6\u5206\u2014\u2014\u6240\u6709\u8f93\u51fa\u5fc5\u987b\u8fc7 wechat-compat \u81ea\u68c0\n- **\u98ce\u683c\u670d\u52a1\u5185\u5bb9\u3001\u5185\u5bb9\u5927\u4e8e\u6837\u5f0f**\uff1a\u5148\u8bfb\u61c2\u6c14\u8d28\u518d\u51b3\u5b9a\u7a7f\u4ec0\u4e48\u8863\u670d\uff1b\u5361\u7247\u88c5\u9970\u662f\u8c03\u5473\u6599\uff0c\u6b63\u6587\u547c\u5438\u611f\u4f18\u5148\n\n## \u751f\u6210\u6392\u7248\u4e3b\u6d41\u7a0b\n\n### Step 1 \u00b7 \u5185\u5bb9\u753b\u50cf\n\n\u901a\u8bfb\u5168\u6587\uff0c\u63d0\u53d6\uff1a\n\n- **\u9898\u6750\u57df**\uff1a\u79d1\u6280 / \u5546\u4e1a\u8d22\u7ecf / \u89c2\u70b9\u8bc4\u8bba / \u60c5\u611f\u6587\u5b66 / \u751f\u6d3b\u65b9\u5f0f / \u5065\u5eb7\u80b2\u513f / \u6559\u7a0b\u65b9\u6cd5\u8bba / \u76d8\u70b9\u6e05\u5355\u2026\u2026\n- **\u6c14\u8d28\u5750\u6807**\uff1a\u7406\u6027 \u2194 \u611f\u6027\uff1b\u4e25\u8083 \u2194 \u8f7b\u677e\uff1b\u9510\u5229 \u2194 \u6e29\u548c\n- **\u7ed3\u6784\u7d20\u6750**\uff1a\u6709\u6ca1\u6709\u6570\u636e\u70b9\u3001\u65f6\u95f4\u7ebf\u3001\u6b65\u9aa4\u3001\u6e05\u5355\u3001\u91d1\u53e5\u3001\u5f15\u7528\u3001\u6848\u4f8b\u3001\u4ee3\u7801\u3001\u5916\u94fe\n- **\u5a92\u4f53\u6807\u8bb0**\uff1a\u8bc6\u522b\u6240\u6709\u56fe\u7247/\u89c6\u9891\u4f4d\u7f6e\u2014\u2014`![\u2026](url)`\u3001\u88f8\u56fe\u7247\u94fe\u63a5\u3001\u3010\u56fe\uff1a\u2026\u3011\u3001\u3010\u89c6\u9891\uff1a\u2026\u3011\u3001\uff08\u6b64\u5904\u653e\u56fe\uff09\u7b49\u5199\u6cd5\u90fd\u7b97\uff1b\u533a\u5206\"\u6709 https \u5730\u5740\u7684\u56fe\"\u548c\"\u672c\u5730\u56fe/\u53ea\u6807\u4e86\u4f4d\u7f6e\u7684\u56fe/\u89c6\u9891\"\n- **\u7bc7\u5e45\u5bc6\u5ea6**\uff1a\u5b57\u6570\u3001\u7ae0\u8282\u6570\uff0c\u51b3\u5b9a\u7248\u9762\u677e\u7d27\n\n\u6587\u7ae0\u592a\u77ed\uff08< 300 \u5b57\uff09\u6216\u6c14\u8d28\u4e25\u91cd\u6df7\u6742\u65f6\uff0c\u53ef\u4ee5\u95ee\u7528\u6237\u4e00\u4e2a\u95ee\u9898\u786e\u8ba4\u5b9a\u4f4d\uff1b\u5176\u4f59\u60c5\u51b5\u76f4\u63a5\u5224\u65ad\u3002\n\n### Step 2 \u00b7 \u73b0\u573a\u8bbe\u8ba1\uff08\u6838\u5fc3\u6b65\u9aa4\uff09\n\n\u4e0d\u67e5\u6a21\u677f\u3001\u4e0d\u9009\u65b9\u5411\u2014\u2014\u57fa\u4e8e Step 1 \u7684\u753b\u50cf\uff0c**\u50cf\u8bbe\u8ba1\u5e08\u4e00\u6837\u56de\u7b54\u4e94\u4e2a\u95ee\u9898**\uff0c\u7b54\u6848\u5408\u8d77\u6765\u5c31\u662f\u8fd9\u4e00\u7bc7\u7684\u8bbe\u8ba1\u65b9\u6848\uff1a\n\n1. **\u8bfb\u8005\u8bfb\u5b8c\u8be5\u5e26\u8d70\u4ec0\u4e48\u611f\u89c9\uff1f** \u2192 \u6c14\u8d28\u5b9a\u4f4d\uff0c\u4e00\u53e5\u8bdd\uff08\u5982\"\u5b89\u9759\u7684\u6df1\u591c\u7535\u53f0\" / \"\u53d1\u5e03\u4f1a\u73b0\u573a\" / \"\u5468\u672b\u53a8\u623f\"\uff09\n2. **\u6587\u7ae0\u7684\u4fe1\u606f\u662f\u4ec0\u4e48\u5f62\u72b6\u7684\uff1f**\uff08\u7ebf\u6027\u53d9\u4e8b / \u5e76\u5217\u8bba\u70b9 / \u6b65\u9aa4\u6559\u7a0b / \u6570\u636e\u8bba\u8bc1 / \u65f6\u95f4\u7ebf / \u6df7\u5408\uff09\u2192 \u7248\u9762\u7b56\u7565\uff1a\u8ba9\u54ea\u79cd\u5185\u5bb9\u5f62\u6001\u5f53\u89c6\u89c9\u4e3b\u89d2\u3001\u7ae0\u8282\u600e\u4e48\u7ec4\u7ec7\u3001\u7248\u9762\u5bc6\u5ea6\u591a\u5927\n3. **\u9605\u8bfb\u8282\u594f\u8be5\u591a\u5feb\uff1f**\uff08\u6c89\u6d78\u957f\u8bfb / \u5feb\u626b\u8df3\u8bfb\uff09\u2192 \u5b57\u53f7\u5c42\u7ea7\u3001\u884c\u8ddd\u3001\u7559\u767d\u91cf\u3001\u5f3a\u8c03\u5bc6\u5ea6\n4. **\u8fd9\u7bc7\u6587\u7ae0\u7684\u4e16\u754c\u662f\u4ec0\u4e48\u989c\u8272\u548c\u8d28\u611f\u7684\uff1f** \u4ece\u5185\u5bb9\u610f\u8c61/\u884c\u4e1a/\u54c1\u724c\u53d6\u8272\uff08\u5496\u5561=\u68d5\u3001\u5fae\u4fe1=\u7eff\u3001\u6df1\u591c=\u6696\u9ec4\uff09\u2192 \u914d\u8272\u4f53\u7cfb\uff08\u9875\u5e95\u8272/\u6b63\u6587\u8272/\u4e3b\u5f3a\u8c03/\u6d45\u5e95\uff0c\u9644\u53d6\u8272\u7406\u7531\uff09+ \u5b57\u4f53\u503e\u5411\uff08\u886c\u7ebf\u7684\u6587\u6c14 / \u65e0\u886c\u7ebf\u7684\u5229\u843d / \u7b49\u5bbd\u7684\u4ee3\u7801\u611f\uff09\n5. **\u5f62\u6001\u8bed\u8a00\u7528\u4ec0\u4e48\uff1f**\uff08\u76f4\u89d2\u7ec6\u7ebf\u7684\u4e25\u8c28 / \u5706\u89d2\u8272\u5757\u7684\u8f7b\u5feb / \u65e0\u6846\u7559\u767d\u7684\u5b89\u9759 / \u6df1\u5e95\u5361\u7247\u7684\u5bc6\u5ea6\u611f\uff09\u2192 \u6807\u9898\u3001\u5f3a\u8c03\u3001\u5206\u9694\u3001\u5361\u7247\u7684\u5177\u4f53\u505a\u6cd5\n\n**\u4ea7\u51fa\u4e00\u4efd 6-9 \u884c\u7684\u8bbe\u8ba1\u65b9\u6848**\uff08\u6c14\u8d28 / \u7248\u9762\u7b56\u7565 / \u8282\u594f / \u914d\u8272\u53ca\u7406\u7531 / \u5f62\u6001\u8bed\u8a00 / **\u89c6\u89c9\u8bb0\u5fc6\u70b9**\uff09\uff0c\u5916\u52a0 **2 \u4e2a\u5907\u9009\u6c14\u8d28\u65b9\u5411**\uff08\u5404\u4e00\u53e5\u8bdd+\u4e3b\u8272\uff09\u3002\u4ea4\u4ed8\u65f6\u539f\u6837\u62a5\u544a\u7ed9\u7528\u6237\uff0c\u4e00\u53e5\u8bdd\u5373\u53ef\u5207\u6362\u91cd\u6392\u3002\n\n**\u89c6\u89c9\u8bb0\u5fc6\u70b9\u662f\u5fc5\u586b\u9879**\uff1a\u8bfb\u8005\u622a\u56fe\u6700\u53ef\u80fd\u622a\u54ea\u4e00\u5c4f\uff1f\u6807\u9898\u533a\u5c01\u9762\u6784\u56fe / \u8d2f\u7a7f\u5168\u6587\u7684\u88c5\u9970\u8bed\u8a00 / \u4e00\u5904\u5927\u80c6\u7684\u91d1\u53e5\u7248\u9762\uff0c\u4e09\u9009\u4e00\uff08\u624b\u6cd5\u89c1 `design-craft.md`\uff09\u2014\u2014\u6ca1\u6709\u8bb0\u5fc6\u70b9\u7684\u8bbe\u8ba1\u65b9\u6848\u662f\u4e0d\u5b8c\u6574\u7684\u3002\n\n**\u53cd\u5e73\u5eb8\u4e09\u4e2a\u7740\u529b\u70b9**\uff08`design-craft.md` \u8be6\u8ff0\uff0c\u662f**\u503e\u5411\u4e0d\u662f\u786c\u7ebf**\uff0c\u8ddf\u7740\u6587\u7ae0\u6c14\u8d28\u7528\uff09\uff1a\u2460 \u5b57\u53f7\u5bf9\u6bd4\u6562\u62c9\u5f00\u2014\u2014\u522b\u65e0\u610f\u8bc6\u5168\u538b\u5728 15/16/17\uff08\u4f46\u6781\u7b80\u7684\u5f31\u5bf9\u6bd4\u662f\u6709\u610f\u9009\u62e9\uff09\uff1b\u2461 \u8b66\u60d5\u65e0\u8111\u5c45\u4e2d\u2014\u2014\u6784\u56fe\u968f\u6c14\u8d28\u9009\uff08\u4f46\u5bf9\u79f0/\u6781\u7b80\u6587\u7ae0\u5c45\u4e2d\u53ef\u80fd\u6b63\u662f\u5bf9\u7684\uff09\uff1b\u2462 \u4e3b\u8272\u514b\u5236\u3001\u5927\u8272\u9762\u5c11\u3001\u6709\u60c5\u7eea\u9ad8\u70b9\u7684\u6587\u7ae0\u7ed9\u7559\u767d\u91cd\u97f3\u3002\u88c5\u9970\u5c3d\u91cf\u4ece\u672c\u7bc7\u5185\u5bb9\u610f\u8c61\u957f\u51fa\u6765\uff0c\u5c11\u7528\u901a\u7528\u7b26\u53f7\u5e93\u9ed8\u8ba4\u9879\u3002\u8fd9\u4e9b\u5e2e\u4f60\u907f\u5f00\u5e73\u5eb8\uff0c\u4f46**\u8fd9\u7bc7\u6587\u7ae0\u9700\u8981\u522b\u7684\u65f6\uff0c\u670d\u4ece\u6587\u7ae0**\u3002\n\n\u8bbe\u8ba1\u81ea\u7531\uff0c\u7eaa\u5f8b\u4e0d\u81ea\u7531\uff1a\u4e09\u8272\u7eaa\u5f8b\u3001\u5b57\u53f7 \u2264 4 \u6863\u3001\u7ec4\u4ef6\u79cd\u7c7b \u2264 5\u3001`guidelines.md` \u5168\u90e8\u5ba1\u7f8e\u89c4\u5219\u7167\u5b88\u3002\n\n- \u7528\u6237\u6307\u5b9a\u98ce\u683c / \u54c1\u724c\u8272 / \u8981\u548c\u4e0a\u4e00\u7bc7\u4fdd\u6301\u4e00\u81f4 \u2192 \u4f5c\u4e3a\u8bbe\u8ba1\u8f93\u5165\uff0c\u4f18\u5148\u6ee1\u8db3\n- \u6ca1\u628a\u63e1\u65f6\u53ef\u7ffb `style-directions.md` \u7684\u53c2\u8003\u6848\u4f8b\u627e\u7075\u611f\u2014\u2014**\u770b\u67d0\u79cd\u8d28\u611f\u662f\u600e\u4e48\u505a\u51fa\u6765\u7684\uff0c\u7981\u6b62\u6574\u5957\u7167\u642c\u4efb\u4f55\u6848\u4f8b\u7684\u914d\u8272\u4e0e\u7ec4\u5408**\uff1b\u597d\u8bbe\u8ba1\u7ecf\u5f97\u8d77\u4e00\u4e2a\u68c0\u9a8c\uff1a\u6362\u4e00\u7bc7\u6587\u7ae0\uff0c\u8fd9\u5957\u8bbe\u8ba1\u5c31\u4e0d\u518d\u662f\u6700\u4f18\u89e3\n\n### Step 3 \u00b7 \u8bfb\u89c4\u8303\n\n\u751f\u6210\u524d\u8bfb\u9f50\uff1a`wechat-compat.md`\uff08\u786c\u7ea6\u675f\uff09\u2192 `design-craft.md`\uff08\u8bbe\u8ba1\u611f\u624b\u827a\uff09\u2192 `components.md`\uff08\u5b89\u5168\u5b9e\u73b0\u624b\u6cd5\uff09\u2192 `guidelines.md`\uff08\u5ba1\u7f8e\u7eaa\u5f8b\uff09\u3002\n\n### Step 4 \u00b7 \u7ed3\u6784\u6620\u5c04\n\n\u628a\u6587\u7ae0\u5143\u7d20\u6620\u5c04\u5230\u5b9e\u73b0\u624b\u6cd5\u3002**\u7ec4\u4ef6\u5e93\u7ed9\u7684\u53ea\u662f\u5fae\u4fe1\u5b89\u5168\u7684 DOM \u7ed3\u6784**\uff08\u591a\u5217\u5fc5\u987b table\u3001\u5217\u8868\u5fc5\u987b p+span\u3001\u6df1\u8272\u9875\u5fc5\u987b table \u9aa8\u67b6\u2026\u2026\uff09\uff1b\u6bcf\u4e2a\u7ec4\u4ef6\u7684\u89c6\u89c9\u6837\u5f0f\u2014\u2014\u989c\u8272\u3001\u5706\u89d2\u3001\u8fb9\u6846\u3001\u88c5\u9970\u3001\u95f4\u8ddd\u2014\u2014\u6309\u672c\u7bc7\u8bbe\u8ba1\u65b9\u6848\u91cd\u65b0\u5b9a\uff0c\u793a\u4f8b\u91cc\u7684\u5177\u4f53\u6570\u503c\u53ea\u662f\u6f14\u793a\uff0c\u4e0d\u662f\u7b54\u6848\uff1a\n\n| \u6587\u7ae0\u5143\u7d20 | \u5b9e\u73b0\u624b\u6cd5\uff08\u5f62\u6001\u6309\u8bbe\u8ba1\u65b9\u6848\u5b9a\uff09 |\n|---|---|\n| \u6807\u9898 + \u526f\u9898 | \u5934\u90e8\u6807\u9898\u533a\uff08\u6742\u5fd7\u5f0f / \u5c45\u4e2d\u5f0f / \u6781\u7b80\u5f0f\uff0c\u6216\u81ea\u521b\u5b89\u5168\u5f62\u6001\uff09 |\n| \u7ae0\u8282 | \u7ae0\u8282\u6807\u9898\uff08\u6c34\u5370\u7f16\u53f7 / \u5e8f\u53f7\u8272\u5757 / \u5de6\u8272\u6761 / \u5c45\u4e2d\u7ec6\u7ebf\uff0c\u6216\u81ea\u521b\uff09 |\n| \u6838\u5fc3\u89c2\u70b9 / \u91d1\u53e5 | \u91d1\u53e5\u5361\uff08\u8272\u5e95 / \u8fb9\u6846 / \u7559\u767d\u5c45\u4e2d\uff0c\u6216\u81ea\u521b\uff09 |\n| \u6570\u636e\u70b9 \u2265 2 \u4e2a | \u6570\u636e\u680f\uff08table \u591a\u5217\uff09 |\n| \u5e76\u5217\u8981\u70b9 | \u6e05\u5355\uff08p + \u5e8f\u53f7 span\uff0c\u7edd\u4e0d\u7528 ul/li\uff09 |\n| \u64cd\u4f5c\u6b65\u9aa4 | \u6b65\u9aa4\u5757\uff08STEP \u6807\u7b7e\uff09 |\n| \u65f6\u95f4\u987a\u5e8f\u4e8b\u4ef6 | \u65f6\u95f4\u7ebf\uff08table \u5de6\u70b9\u53f3\u6587\uff09 |\n| \u4ed6\u4eba\u89c2\u70b9 / \u5f15\u6587 | \u5f15\u7528\u5361\uff08\u6807\u6ce8\u6765\u6e90\uff09 |\n| \u591a\u65b9\u6848\u5bf9\u6bd4 | \u5bf9\u6bd4\u8868 |\n| \u4ee3\u7801 | \u4ee3\u7801\u5757\uff08pre-wrap\uff0c\u4e0d\u7528 pre \u6807\u7b7e\uff09 |\n| \u56fe\u7247\uff08https \u5916\u94fe\uff09 | `<img>` + \u56fe\u6ce8\uff08\u7c98\u8d34\u65f6\u7f16\u8f91\u5668\u81ea\u52a8\u8f6c\u5b58\uff09 |\n| \u672c\u5730\u56fe / \u53ea\u6807\u4f4d\u7f6e\u7684\u56fe | **\u56fe\u7247\u5360\u4f4d\u5757**\uff08\u53ef\u89c6\u865a\u7ebf\u6846 + \u7f16\u53f7 + \u5efa\u8bae\u5185\u5bb9\uff09 |\n| \u89c6\u9891 | **\u89c6\u9891\u5360\u4f4d\u5757**\uff08\u89c6\u9891\u65e0\u6cd5\u968f\u7c98\u8d34\u5e26\u5165\uff0c\u7f16\u8f91\u5668\u5185\u63d2\u5165\uff1b\u7981\u6b62 video/iframe \u6807\u7b7e\uff09 |\n| \u5916\u94fe | \u6b63\u6587\u4e0a\u6807 [n] + \u6587\u672b\u53c2\u8003\u8d44\u6599\uff08\u5916\u94fe\u4e0d\u53ef\u70b9\uff09 |\n| \u7ed3\u5c3e | \u6587\u672b\u533a\uff08END / \u4e92\u52a8\u5f15\u5bfc / \u9012\u8fdb\u5f0f\uff09 |\n\n**\u7ec4\u88c5\u8282\u594f**\uff1a\u6bcf\u7ae0\u8282 = \u6807\u9898 + \u6b63\u6587\uff08\u4e3b\u4f53\uff09+ \u81f3\u591a 1-2 \u4e2a\u7ec4\u4ef6\uff1b\u5361\u7247\u4e0d\u8fde\u53d1\uff1b\u5168\u6587\u7ec4\u4ef6\u79cd\u7c7b \u2264 5 \u79cd\u3002\n\n### Step 5 \u00b7 \u751f\u6210 HTML\n\n1. \u6309\u8bbe\u8ba1\u65b9\u6848\u7ed9\u5b9e\u73b0\u624b\u6cd5\u4e0a\u6837\u5f0f\uff0c\u5168\u90e8\u5185\u8054\n2. \u539f\u6587\u4e4b\u5916\u7684\u53ef\u89c1\u7248\u5f0f\u6587\u5b57\uff08\u7f16\u53f7\u3001\u82f1\u6587\u7709\u9898\u3001END\u3001\u5a92\u4f53/\u4f5c\u8005\u5360\u4f4d\u3001\u53c2\u8003\u8d44\u6599\u7f16\u53f7\u7b49\uff09\u7528\u72ec\u7acb\u5143\u7d20\u627f\u8f7d\u5e76\u6807 `data-layout-text=\"true\"`\uff1b\u82e5\u6587\u5b57\u6765\u81ea\u539f\u6587\uff0c\u5373\u4f7f\u88ab\u5347\u683c\u3001\u62c6\u6210\u591a\u4e2a span \u6216\u4e24\u4fa7\u52a0\u4e86\u88c5\u9970\u7b26\uff0c\u4e5f\u4e0d\u52a0\u6b64\u6807\u8bb0\n3. \u8bfb `assets/preview-shell.html` \u4f5c\u5916\u58f3\uff1b\u590d\u5236\u6839\u5fc5\u987b\u4fdd\u6301\u4e3a\u666e\u901a\u6587\u6863\u6811\u4e2d\u7684 `<div id=\"wechat-content\">`\uff0c\u4e0d\u80fd\u6362\u6210\u4f1a\u88ab\u6d4f\u89c8\u5668\u81ea\u52a8\u95ed\u5408\u7684 `p`\uff0c\u4e5f\u4e0d\u80fd\u653e\u8fdb `template`\u3001`dialog` / `details`\u3001\u5a92\u4f53 fallback\u3001`textarea`\u3001`select`\u3001\u8868\u683c\u89e3\u6790\u4e0a\u4e0b\u6587\u3001SVG / MathML \u7b49\u4f1a\u4ee4\u6d4f\u89c8\u5668\u628a\u8282\u70b9\u60f0\u6027\u5316\u3001\u9690\u85cf\u3001\u541e\u6389\u6216\u6539\u6302\u4f4d\u7f6e\u7684\u7956\u5148\u3002\u66ff\u6362\u5168\u90e8\u5360\u4f4d\u7b26\uff1a`{{\u6587\u7ae0\u6807\u9898}}`\u3001`{{\u5185\u5bb9\u5e95\u8272}}`\u3001`{{\u98ce\u683c\u8bf4\u660e}}`\u3001`{{\u98ce\u683c\u65b9\u5411}}`\u3001`{{\u5907\u9009\u65b9\u54111}}`\u3001`{{\u5907\u9009\u65b9\u54112}}`\uff1b\u98ce\u683c\u6ce8\u91ca\u5fc5\u987b\u662f `#wechat-content` \u7684\u7b2c\u4e00\u4e2a\u6709\u6548\u8282\u70b9\uff1a\n   `<!-- \u98ce\u683c\u65b9\u5411: \u81ea\u5b9a\u4e49\u00b7\u5468\u672b\u53a8\u623f\u6696\u68d5 | \u5907\u9009: \u6e05\u65b0\u8584\u8377 / \u6781\u7b80\u9ed1\u767d -->`\n4. \u628a\u6392\u7248\u6b63\u6587\u63d2\u5165 `#wechat-content` \u5185\uff1b\u9884\u89c8 CSS\u3001\u6309\u94ae\u548c\u811a\u672c\u7559\u5728\u590d\u5236\u533a\u5916\uff0c\u6574\u6bb5\u552f\u4e00\u590d\u5236\u811a\u672c\u4e0e\u590d\u5236\u6309\u94ae\u7684\u76f4\u63a5 `copyContent()` \u8c03\u7528\u4f5c\u4e3a\u5df2\u5ba1\u8ba1\u57fa\u7840\u8bbe\u65bd\u4fdd\u6301\u539f\u7ed3\u6784\uff0c\u4e0d\u968f\u89c6\u89c9\u65b9\u6848\u6539\u5199\n5. \u4fdd\u5b58\u4e3a `output/{\u6587\u7ae0\u4e3b\u9898 slug}.html`\uff08\u6362\u98ce\u683c\u91cd\u6392\u65f6\u5b58 `output/{slug}-{\u65b9\u5411}.html` \u4fbf\u4e8e\u5bf9\u6bd4\uff09\n\n### Step 6 \u00b7 \u53d1\u5e03\u524d\u81ea\u68c0\n\n\u81ea\u68c0\u5206\u4e24\u7c7b\u2014\u2014**\u786c\u89c4\u5219\u5fc5\u987b 100% \u8fc7\uff0c\u8bbe\u8ba1\u5224\u65ad\u662f\u53cd\u601d\u4e0d\u662f\u9a8c\u6536**\uff1a\n\n**A. \u56db\u9053\u786c\u95e8\uff08\u4efb\u4e00\u9053\u4e0d\u8fc7\u90fd\u4e0d\u8bb8\u4ea4\u4ed8\uff09**\n\n1. **\u5185\u5bb9\u5b8c\u6574\u6027\uff08\u811a\u672c\u6821\u9a8c\uff09**\uff1a\u8fd0\u884c\n   `python3 {\u6280\u80fd\u76ee\u5f55}/scripts/verify-completeness.py <\u539f\u6587\u6587\u4ef6> <\u8f93\u51fa.html>`\n   \u2014\u2014\u811a\u672c\u53ea\u8bfb\u552f\u4e00\u4e14\u6d4f\u89c8\u5668\u5b89\u5168\u7684 `<div id=\"wechat-content\">`\uff0c\u6392\u9664 `data-layout-text=\"true\"` \u4e0e\u660e\u786e\u4e0d\u53ef\u89c1\u8282\u70b9\u540e\u6309\u987a\u5e8f\u7cbe\u786e\u6bd4\u8f83\u53ef\u89c1\u539f\u6587\u6d41\uff0c\u4fdd\u7559\u82f1\u6587\u8bcd\u95f4\u7a7a\u683c\u5e76\u4ee5 URL token \u96c6\u5408\u6838\u5bf9\u94fe\u63a5\u76ee\u6807\uff0c\u80fd\u6293\u7f3a\u5b57\u3001\u6539\u6807\u70b9\u3001\u91cd\u6392\u3001\u91cd\u590d\u3001\u5e38\u89c1\u85cf\u5b57\u3001\u94fe\u63a5\u4e22\u5931\u4e0e\u672a\u6807\u8bb0\u589e\u6587\uff1b\u9010\u5b57\u62c6\u5f00\u6216\u4e24\u4fa7\u5305\u88c5\u9970\u7b26\u7684\u6807\u8bb0\u6587\u5b57\u53ea\u8981\u4e0e\u539f\u6587\u91cd\u53e0\u4e5f\u4f1a\u5931\u8d25\u3002\u539f\u6587\u662f\u7528\u6237\u53e3\u5934\u7c98\u8d34\u7684\uff0c\u5148\u5b58\u6210\u4e34\u65f6\u6587\u4ef6\u518d\u6821\u9a8c\uff1b**\u4fee\u590d\u540e\u91cd\u8dd1\u76f4\u5230\u901a\u8fc7**\n2. **\u5fae\u4fe1\u517c\u5bb9\uff08\u811a\u672c\u6821\u9a8c\uff09**\uff1a\u8fd0\u884c\n   `python3 {\u6280\u80fd\u76ee\u5f55}/scripts/verify-wechat-compat.py <\u8f93\u51fa.html>`\n   \u2014\u2014\u6309\u6d4f\u89c8\u5668\u7684\u201c\u91cd\u590d\u5c5e\u6027\u53d6\u7b2c\u4e00\u9879\u201d\u8bed\u4e49\u89e3\u6790\u590d\u5236\u533a\u7684\u6807\u7b7e\u3001\u5c5e\u6027\u4e0e CSS \u58f0\u660e\uff0c\u4e0d\u626b\u9884\u89c8\u5916\u58f3\uff0c\u4e5f\u4e0d\u4f1a\u628a\u5408\u6cd5 `text-transform` \u8bef\u5224\u6210 `transform`\uff1b\u81ea\u52a8\u68c0\u67e5\u91cd\u590d\u5c5e\u6027\u3001CSS \u8f6c\u4e49/\u53d8\u91cf/calc\u3001\u73b0\u4ee3\u9ad8\u7ea7\u989c\u8272\u51fd\u6570\u3001\u85cf\u5b57\u624b\u6cd5\u3001\u7981\u7528\u6807\u7b7e/\u4e8b\u4ef6\u3001flex/grid/gap\u3001\u5b9a\u4f4d\u4e0e\u52a8\u753b\u3001\u80cc\u666f\u3001\u56fe\u7247/\u94fe\u63a5\u548c\u6574\u9875 table \u9aa8\u67b6\u3002**\u672a\u901a\u8fc7\u5fc5\u987b\u4fee\u590d\u540e\u91cd\u8dd1**\uff1b\u8b66\u544a\u9879\u4e0e\u811a\u672c\u8986\u76d6\u4e0d\u5230\u7684\u8bed\u4e49\u89c4\u5219\u518d\u5bf9\u7167 `wechat-compat.md` \u4eba\u5de5\u8fc7\u4e00\u904d\n3. **\u8f93\u51fa\u5951\u7ea6\uff08\u811a\u672c\u6821\u9a8c\uff09**\uff1a\u8fd0\u884c\n   `python3 {\u6280\u80fd\u76ee\u5f55}/scripts/verify-output-contract.py <\u8f93\u51fa.html>`\n   \u2014\u2014\u68c0\u67e5\u552f\u4e00\u3001\u4f7f\u7528 `div`\u3001\u4f4d\u4e8e\u666e\u901a\u6587\u6863\u6811\u4e14\u81ea\u8eab\u4e0e\u7956\u5148\u672a\u663e\u5f0f\u9690\u85cf\u7684\u590d\u5236\u6839\uff0c\u68c0\u67e5\u91cd\u590d\u5c5e\u6027\u3001\u9996\u8282\u70b9\u98ce\u683c\u6ce8\u91ca\u53ca\u4e24\u4e2a\u5907\u9009\uff0c\u4ee5\u53ca\u6309\u94ae\u81ea\u8eab\u4e0e\u7956\u5148\u672a\u663e\u5f0f\u9690\u85cf\u3001\u672a\u88ab `inert` / \u7981\u7528 `fieldset` \u7b49\u7956\u5148\u53d8\u6210\u4e0d\u53ef\u7528\u3001\u6309\u94ae\u672a\u7981\u7528\u4e14\u76f4\u63a5\u8c03\u7528 `copyContent()` \u7684\u590d\u5236\u6309\u94ae\u3001\u624b\u673a\u5bbd\u5ea6\u6309\u94ae\u3001viewport \u548c\u672a\u66ff\u6362\u5360\u4f4d\u7b26\uff1b\u552f\u4e00 `<script>` \u4e0d\u5f97\u5e26 `src` / `type` / `nomodule` \u7b49\u5c5e\u6027\uff0c\u811a\u672c\u6574\u4f53\u5fc5\u987b\u4e0e `assets/preview-shell.html` \u4e2d\u5df2\u5ba1\u8ba1\u7684\u590d\u5236\u5b9e\u73b0\u4fdd\u6301\u540c\u4e00\u4ee3\u7801\u7ed3\u6784\uff0c\u4e0d\u80fd\u8ffd\u52a0\u8986\u76d6 handler\uff0c\u4e5f\u4e0d\u80fd\u81ea\u884c\u6539\u5199\u6210\u6b7b\u5206\u652f\u3001\u5d4c\u5957\u51fd\u6570\u6216\u63d0\u524d\u9000\u51fa\u3002\u8fd9\u91cc\u7684\u201c\u663e\u5f0f\u9690\u85cf\u201d\u6307\u5143\u7d20\u6216\u7956\u5148\u4e0a\u7684 `hidden`\u3001`popover` \u4e0e\u5185\u8054\u9690\u85cf\u58f0\u660e\uff0c\u4e0d\u5ba3\u79f0\u9759\u6001\u811a\u672c\u80fd\u8bc1\u660e\u4efb\u610f\u5916\u90e8\u6837\u5f0f\u8868\u7684\u6700\u7ec8\u8ba1\u7b97\u6837\u5f0f\u3002\u4ea4\u4ed8\u5951\u7ea6\u4e0d\u518d\u6df7\u8fdb\u517c\u5bb9\u68c0\u67e5\n4. **\u624b\u673a\u5bbd\u5ea6\u771f\u5b9e\u6e32\u67d3\uff08\u811a\u672c\u6821\u9a8c\uff09**\uff1a\u8fd0\u884c\n   `python3 {\u6280\u80fd\u76ee\u5f55}/scripts/verify-mobile-render.py <\u8f93\u51fa.html> --screenshot <390x844\u622a\u56fe.png> --json-report <\u62a5\u544a.json>`\n   \u2014\u2014\u7528\u672c\u673a Chrome/Chromium \u628a**\u590d\u5236\u533a\u5355\u72ec**\u653e\u8fdb 390px \u5185\u5bb9\u821e\u53f0\u771f\u5b9e\u6e32\u67d3\uff0c\u5e76\u751f\u6210 390\u00d7844 \u9996\u5c4f\u622a\u56fe\uff0c\u6cbf\u7956\u5148\u94fe\u548c\u6587\u5b57\u771f\u5b9e Range \u68c0\u67e5\u6a2a\u5411\u6ea2\u51fa\u3001\u7834\u56fe\u3001\u4e2d\u6587 <12px\u3001\u900f\u660e/\u79fb\u51fa\u5c4f\u5e55\u7b49\u9690\u85cf\u4e2d\u6587\uff0c\u4ee5\u53ca\u65e0\u6587\u5b57\u63cf\u8fb9/\u9634\u5f71\u515c\u5e95\u65f6\u4e0e\u80cc\u666f\u8fd1\u4e4e\u540c\u8272\u7684\u4e2d\u6587\uff1b\u9884\u89c8\u5916\u58f3\u7684 flex/script \u4e0d\u53c2\u4e0e\u3002\u62a5\u544a\u540c\u65f6\u4fdd\u7559\u6d4f\u89c8\u5668\u5b9e\u9645\u5185\u90e8\u89c6\u53e3\uff08\u90e8\u5206\u684c\u9762 Headless Chrome \u4f1a\u5f3a\u5236\u6700\u5c0f 500px\uff09\uff0c\u9a8c\u6536\u4f9d\u636e\u662f 390px \u5185\u5bb9\u821e\u53f0\u800c\u4e0d\u662f\u4f2a\u79f0\u5185\u90e8\u89c6\u53e3\u6070\u597d 390\u3002Blink \u901a\u8fc7\u4ecd\u4e0d\u7b49\u4e8e\u5fae\u4fe1\u4e09\u7aef\u5fc5\u7136\u4e00\u81f4\uff0c\u53d1\u5e03\u524d\u624b\u673a\u9884\u89c8\u7ee7\u7eed\u4fdd\u7559\n\n**B. \u8bbe\u8ba1\u53cd\u601d\uff08\u53d1\u73b0\"\u54ea\u91cc\u5077\u61d2\u9009\u4e86\u6700\u5b89\u5168\u523b\u5ea6\"\uff0c\u4e0d\u662f pass/fail \u7ea2\u7ebf\uff09**\n\n5. \u8fc7\u4e00\u904d `design-craft.md`\"\u8bbe\u8ba1\u611f\u81ea\u68c0\"\u2014\u2014\u5b57\u53f7\u5bf9\u6bd4\u591f\u4e0d\u591f\u3001\u5c01\u9762\u662f\u4e0d\u662f\u968f\u624b\u5c45\u4e2d\u3001\u4e3b\u8272\u6ee5\u4e0d\u6ee5\u3001\u6709\u60c5\u7eea\u9ad8\u70b9\u7684\u8bdd\u7559\u767d\u591f\u4e0d\u591f\u3001\u88c5\u9970\u662f\u4e0d\u662f\u901a\u7528\u7b26\u53f7\u3002**\u67d0\u9879\"\u4e0d\u5bf9\"\u5982\u679c\u662f\u8fd9\u7bc7\u6587\u7ae0\u7684\u6709\u610f\u9009\u62e9\uff08\u6781\u7b80\u5f31\u5bf9\u6bd4\u3001\u523b\u610f\u5c45\u4e2d\u3001\u77ed\u6587\u4e0d\u8981\u91cd\u97f3\uff09\uff0c\u90a3\u5c31\u662f\u5bf9\u7684**\uff0c\u5728\u8bbe\u8ba1\u65b9\u6848\u91cc\u8bf4\u660e\u7406\u7531\u5373\u53ef\uff1b\u6015\u7684\u662f\u65e0\u610f\u8bc6\u7684\u5e73\u5eb8\n6. **\u5fae\u8ddd**\uff08\u63a5\u8fd1\u786c\u89c4\u5219\uff0c\u57fa\u672c\u4efb\u4f55\u6587\u7ae0\u90fd\u8be5\u8fc7\uff09\uff1a\u534a\u89d2\u6807\u70b9\u6df7\u8fdb\u4e2d\u6587 / \u5b64\u513f\u5927\u5f15\u53f7 / \u6807\u9898\u884c\u9ad8\u8fc7\u677e / \u6570\u5b57\u7a7a\u683c\u4e0d\u4e00\u81f4\u2014\u2014\u6539\u539f\u6587\u5b57\u7b26\u7684\u53ea\u8bc6\u522b\u62a5\u544a\u5199\u8fdb\u4ea4\u4ed8\u5efa\u8bae\uff0c\u7248\u5f0f\u5c42\u9762\uff08\u884c\u9ad8\u7b49\uff09\u76f4\u63a5\u4fee\n7. `guidelines.md`\"\u8d28\u91cf\u81ea\u67e5\"\u2014\u2014\u6bb5\u843d\u8282\u594f\u4e0e\u53ef\u8bfb\u6027\uff08\u540c\u6837\u662f\u5224\u65ad\uff0c\u7ed3\u5408\u6587\u7ae0\uff09\n\n\u53e6\u52a0\u4e00\u6761**\u5fe0\u5b9e\u5ea6\u68c0\u67e5**\uff1a\u9010\u4e2a\u7ec4\u4ef6\u6838\u5bf9\u5185\u5bb9\u662f\u5426\u90fd\u6765\u81ea\u539f\u6587\u2014\u2014\u6392\u7248\u53ea\u91cd\u7ec4\u5448\u73b0\uff0c\u4e0d\u65b0\u589e\u6570\u636e\u3001\u5f15\u8bed\u3001\u5fbd\u7ae0\u6587\u6848\u6216\u4fee\u8f9e\uff08\"\u6218\u706b\u70b9\u71c3\"\u8fd9\u7c7b\u539f\u6587\u6ca1\u6709\u7684\u6f14\u7ece\u662f\u5e38\u89c1\u6ea2\u51fa\u70b9\uff09\u3002\u9700\u8981\u8865\u5145\u7684\u4fe1\u606f\uff08\u5982\u516c\u4f17\u53f7\u540d\u79f0\uff09\u7528\u5360\u4f4d\u6ce8\u91ca\u6807\u51fa\u8ba9\u7528\u6237\u66ff\u6362\uff0c\u4e0d\u8981\u4ee3\u5199\u3002\n\n### Step 7 \u00b7 \u4ea4\u4ed8\n\n1. \u6253\u5f00 `output/{slug}.html` \u548c 390\u00d7844 QA \u622a\u56fe\uff0c\u786e\u8ba4\u9759\u6001\u62a5\u544a\u4e0e\u76ee\u89c6\u7ed3\u679c\u4e00\u81f4\n2. \u544a\u8bc9\u7528\u6237\u600e\u4e48\u7528\uff1a\u70b9\u9884\u89c8\u9875\u9876\u90e8 **\"\u4e00\u952e\u590d\u5236\u5230\u516c\u4f17\u53f7\"** \u2192 \u5230\u516c\u4f17\u53f7\u7f16\u8f91\u5668 \u2318V \u7c98\u8d34\uff1b\u9876\u680f\u53ef\u5207\u6362\u624b\u673a\u5bbd\u5ea6\u9884\u89c8\n3. \u62a5\u544a\u98ce\u683c\u51b3\u7b56\uff1a\u8bbe\u8ba1\u65b9\u6848 + \u4e24\u4e2a\u5907\u9009\u5404\u4e00\u53e5\u8bdd\uff1b\u8bf4\u660e\"\u60f3\u6362\u98ce\u683c\u8bf4\u4e00\u58f0\uff0c\u5185\u5bb9\u4e0d\u52a8 30 \u79d2\u91cd\u6392\"\n4. **\u6709\u5a92\u4f53\u5360\u4f4d\u65f6\uff0c\u9644\u5360\u4f4d\u6e05\u5355**\uff08\u56fe 1 / \u56fe 2 / \u89c6\u9891 1\u2026\u2026\u5404\u81ea\u4f4d\u7f6e\u4e0e\u5efa\u8bae\u5185\u5bb9\uff09\u548c\u66ff\u6362\u6d41\u7a0b\uff1a\u7c98\u8d34\u540e\u9010\u4e2a\"**\u4e09\u51fb\u5360\u4f4d\u884c\u5168\u9009 \u2192 \u5220\u9664**\uff08\u7559\u7a7a\u6846\u518d\u6309\u4e00\u6b21\u9000\u683c\uff09\u2192 \u539f\u4f4d\u63d2\u5165\u5a92\u4f53\"\uff1b\u89c6\u9891\u7528\u5de5\u5177\u680f\u300c\u89c6\u9891\u300d\u6309\u94ae\uff08\u89c6\u9891\u53f7 / \u817e\u8baf\u89c6\u9891 / \u4e0a\u4f20\u7d20\u6750\u5e93\uff09\n5. \u6da6\u9970\u53ea\u5efa\u8bae\u3001\u4e0d\u52a8\u624b\uff1a\u53d1\u73b0\u539f\u6587\u6709\u53ef\u6539\u8fdb\u5904\uff08\u6807\u70b9\u4e0d\u7edf\u4e00 / \u4e2d\u82f1\u6587\u4e4b\u95f4\u7f3a\u7a7a\u683c / \u6bb5\u843d\u8fc7\u957f\uff09\uff0c**\u53ea\u5199\u8fdb\u4ea4\u4ed8\u8bf4\u660e\u4f5c\u4e3a\u5efa\u8bae**\uff0c\u7528\u6237\u70b9\u5934\u540e\u624d\u6539\u539f\u6587\u91cd\u6392\u2014\u2014\u9ed8\u8ba4\u4ea4\u4ed8\u7684\u7248\u672c\u4e0e\u539f\u6587\u4e00\u5b57\u4e0d\u5dee\n6. \u63d0\u9192\uff1a\u7c98\u8d34\u540e\u68c0\u67e5\u5916\u94fe\u56fe\u662f\u5426\u81ea\u52a8\u8f6c\u5b58\u6210\u529f\uff08\u88c2\u56fe\u9700\u624b\u52a8\u4f20\u7d20\u6750\u5e93\uff09\uff1b\u53d1\u5e03\u524d\u7528\u7f16\u8f91\u5668\"\u9884\u89c8\"\u5230\u624b\u673a\u770b\u4e00\u904d\n\n## \u68c0\u67e5\u6392\u7248\u6d41\u7a0b\n\n\u7528\u6237\u7ed9\u5df2\u6709 HTML \u65f6\uff1a\n\n1. \u5b8c\u6574\u9884\u89c8\u9875\u76f4\u63a5\u8dd1\u517c\u5bb9\u3001\u5951\u7ea6\u4e0e\u624b\u673a\u6e32\u67d3\u4e09\u9053\u68c0\u67e5\uff1b\u5982\u679c\u7528\u6237\u7ed9\u7684\u662f\u4e0d\u542b `#wechat-content` \u7684\u88f8\u7247\u6bb5\uff0c\u517c\u5bb9/\u6e32\u67d3\u811a\u672c\u663e\u5f0f\u52a0 `--fragment`\uff0c\u4e0d\u8981\u9759\u9ed8\u628a\u6574\u4e2a\u9884\u89c8\u5916\u58f3\u5f53\u6b63\u6587\n2. \u5bf9\u7167 `guidelines.md` \u627e**\u8d28\u91cf\u95ee\u9898**\uff08\u5c42\u7ea7\u3001\u8282\u594f\u3001\u8272\u5f69\u7eaa\u5f8b\uff09\n3. \u8f93\u51fa\u95ee\u9898\u6e05\u5355\uff1a\u6bcf\u6761\u6807\u3010\u786c\u4f24\u3011/\u3010\u5efa\u8bae\u3011+ \u4f4d\u7f6e + \u4fee\u6cd5\n4. \u7528\u6237\u786e\u8ba4\u540e\u4fee\u590d\uff0c\u91cd\u65b0\u8d70 Step 6-7\n\n## \u6362\u98ce\u683c\u91cd\u6392\u6d41\u7a0b\n\n\u5185\u5bb9\u753b\u50cf\u4e0d\u53d8\uff0c\u6309\u7528\u6237\u70b9\u540d\u7684\u6c14\u8d28\u91cd\u505a Step 2 \u8bbe\u8ba1\uff08\u6216\u5728\u539f\u65b9\u6848\u4e0a\u5fae\u8c03\uff09\uff0c\u6362\u6837\u5f0f\u91cd\u6392\uff0c\u91cd\u8d70\u81ea\u68c0\u3002\n\u8f93\u51fa\u5b58 `output/{slug}-{\u6c14\u8d28}.html`\uff0c\u548c\u539f\u7248\u672c\u5e76\u5b58\u65b9\u4fbf\u5bf9\u6bd4\u3002\n\n## \u6c89\u6dc0\u53c2\u8003\u6848\u4f8b\n\n\u67d0\u7bc7\u6587\u7ae0\u7684\u8bbe\u8ba1\u7279\u522b\u6210\u529f\uff0c\u6216\u770b\u5230\u597d\u7684\u516c\u4f17\u53f7\u98ce\u683c\u60f3\u6536\u8fdb\u6765\uff1a\u5728 `style-directions.md` \u52a0\u4e00\u5f20\u6848\u4f8b\u5361\uff08\u6c14\u8d28 / \u9002\u5408\u5185\u5bb9 / \u914d\u8272 / \u624b\u6cd5\u8981\u70b9\uff09\u3002\u8bb0\u4f4f\u6848\u4f8b\u6c38\u8fdc\u662f\u542f\u53d1\uff0c\u4e0d\u662f\u6a21\u677f\u2014\u2014\u4e0b\u4e00\u7bc7\u6587\u7ae0\u7167\u6837\u4ece\u5185\u5bb9\u73b0\u573a\u8bbe\u8ba1\u3002\n","usage":"\u8bfb\u53d6 SKILL.md\uff0c\u5e76\u6309\u9700\u8bfb\u53d6\u914d\u5957\u6587\u4ef6\uff1b\u4e0b\u8f7d ZIP \u83b7\u53d6\u5b8c\u6574\u5305\u3002\u6280\u80fd\u662f\u4efb\u52a1\u65b9\u6cd5\uff0c\u4e0d\u6388\u4e88\u65b0\u589e\u8d26\u6237\u3001\u4ed8\u8d39\u6216\u7cfb\u7edf\u6743\u9650\u3002"}