Demohttps://blog.s520j.cn/Firefly6.15.10https://github.com/CuteLeaf/Firefly2026年10月8日 07:35:16https://blog.s520j.cn/posts/post-20261008-073412/https://blog.s520j.cn/posts/post-20261008-073412/Thu, 08 Oct 2026 00:00:00 GMT<section><h1>🖥️ 计算机硬件周报 2026-10-06<a href="#️-计算机硬件周报-2026-10-06"><span>#</span></a></h1><blockquote><p>采集时间：2026-10-06 09&lt;00&gt; · 数据源：WebSearch + IT之家RSS + 英文资讯站 下次发送：下周一 09&lt;00&gt; 趋势图例：↑ 上涨 / ↓ 下跌 / → 平稳 / — 无数据</p></blockquote><hr /><blockquote><p>⚠️ <strong>本周清单有变动 → 完整版周报</strong></p><ul> <li><strong>变动项</strong>：主流①CPU Intel Core Ultra 5 245KF → Intel Core Ultra 5 250K Plus（Arrow Lake Refresh，18核18线程6P+12E）</li> <li><strong>变动依据</strong>：250K Plus 连续多周被 Tom’s Hardware / TechGuided / PositionIsEverything 等≥3个英文源列为最佳预算 CPU（S+ tier），本周又被今日头条《2026年不同预算应该怎么选择配件装台式电脑》明确写入主流配置单作为默认推荐（“Intel酷睿Ultra 5 250K Plus(18核18线程)+ B860主板 + RTX 5060 Ti/5070…”参考价约8000-12000元）</li> <li><strong>性能对比</strong>：250K Plus 18核18线程(6P+12E)多线程性能较 245KF 14核14线程(6P+8E) 跃升 27%，游戏性能匹配，散片价 ¥850-1189 较 245KF 散片 ¥1700 更低</li> <li><strong>旧清单归档</strong>：hardware-config-archive/2026-10-06.json（v2.1）</li> <li><strong>清单版本</strong>：v2.1 → v2.2</li> </ul></blockquote><hr /><blockquote><p>⚠️ <strong>合规与免责声明</strong></p><ol> <li>价格为采集时刻参考价，实际以下单为准</li> <li>趋势分析仅供参考，不构成购买建议</li> <li>AMD/Intel 阵营差异提醒基于公开技术资料与行业评测综合判断，不代表对任一厂商的立场</li> <li>新品推荐仅为信息聚合，购买前请等待专业评测</li> <li>表格列宽已适配公众号/博客宽度（100% 容器宽度 + 固定列宽 + 自动换行），可放心复制粘贴</li> <li>转载请注明来源：WorkBuddy 自动化周报</li> </ol></blockquote><hr /><section><h2>📊 一、装机方案价格表（9 套 × 6 件 = 54 项）<a href="#-一装机方案价格表9-套--6-件--54-项"><span>#</span></a></h2><section><h3>🟢 基础版（2000-4000元）<a href="#-基础版2000-4000元"><span>#</span></a></h3><section><h4>基础配置①：办公入门型（Intel 阵营）<a href="#基础配置办公入门型intel-阵营"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Intel i3-14100F</td> <td>Intel</td> <td>4核4线程/4.0GHz/65W/无核显</td> <td>￥599</td> <td>￥1311</td> <td>￥400</td> <td><span>→</span></td> </tr> <tr> <td>主板</td> <td>华硕 PRIME H610M-K</td> <td>华硕</td> <td>LGA1700/DDR4/M.2*2/USB3.2</td> <td>￥449</td> <td>￥529</td> <td>￥300</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>金士顿 FURY 16G DDR4 3200</td> <td>金士顿</td> <td>16GB/DDR4-3200/CL16</td> <td>￥450</td> <td>￥599</td> <td>￥280</td> <td><span>↓</span></td> </tr> <tr> <td>固态硬盘</td> <td>西数 SN580 500G</td> <td>西部数据</td> <td>500GB/PCIe 4.0 NVMe</td> <td>￥489</td> <td>￥549</td> <td>￥280</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>西数蓝盘 1TB</td> <td>西部数据</td> <td>1TB/7200rpm/64MB/CMR</td> <td>￥1050</td> <td>￥1099</td> <td>￥600</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>集显 UHD730</td> <td>Intel</td> <td>CPU核显/无需独立显卡</td> <td>暂无</td> <td>暂无</td> <td>暂无</td> <td><span>—</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥3037 / 国行 ￥4087 / 二手 ￥1860</td> </tr> </tbody> </table></section><section><h4>基础配置②：网游入门型（AMD 阵营）<a href="#基础配置网游入门型amd-阵营"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>AMD R5 5500</td> <td>AMD</td> <td>6核12线程/3.6-4.2GHz/65W</td> <td>￥565</td> <td>￥759</td> <td>￥300</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>微星 A520M</td> <td>微星</td> <td>AM4/DDR4/M.2</td> <td>￥349</td> <td>￥459</td> <td>￥240</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>金士顿 FURY 16G DDR4 3200</td> <td>金士顿</td> <td>16GB/DDR4-3200/CL16</td> <td>￥450</td> <td>￥599</td> <td>￥280</td> <td><span>↓</span></td> </tr> <tr> <td>固态硬盘</td> <td>西数 SN580 1T</td> <td>西部数据</td> <td>1TB/PCIe 4.0 NVMe</td> <td>￥899</td> <td>￥999</td> <td>￥500</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>希捷酷鱼 1TB</td> <td>希捷</td> <td>1TB/7200rpm/64MB/CMR</td> <td>￥1050</td> <td>￥1099</td> <td>￥600</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>蓝宝石 RX 6600 8G</td> <td>蓝宝石</td> <td>8GB GDDR6/1795MHz/134W</td> <td>￥1699</td> <td>￥1899</td> <td>￥1100</td> <td><span>→</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥5012 / 国行 ￥5814 / 二手 ￥3020</td> </tr> </tbody> </table></section><section><h4>基础配置③：性价比网游型（AMD 阵营）<a href="#基础配置性价比网游型amd-阵营"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>AMD R5 5600</td> <td>AMD</td> <td>6核12线程/3.5-4.4GHz/65W</td> <td>￥729</td> <td>￥949</td> <td>￥400</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>微星 B550M</td> <td>微星</td> <td>AM4/DDR4/M.2*2/PCIe4.0</td> <td>￥599</td> <td>￥749</td> <td>￥380</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>金士顿 FURY 16G DDR4 3600</td> <td>金士顿</td> <td>16GB/DDR4-3600/CL18</td> <td>￥489</td> <td>￥649</td> <td>￥300</td> <td><span>↓</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 980 1T</td> <td>三星</td> <td>1TB/PCIe 3.0 NVMe</td> <td>￥879</td> <td>￥999</td> <td>￥520</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>无</td> <td>—</td> <td>本方案不配机械硬盘</td> <td>—</td> <td>—</td> <td>—</td> <td><span>—</span></td> </tr> <tr> <td>显卡</td> <td>影驰 RTX 4060 8G</td> <td>影驰</td> <td>8GB GDDR6/2460MHz/115W</td> <td>￥2399</td> <td>￥2799</td> <td>￥1600</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥5095 / 国行 ￥6145 / 二手 ￥3200</td> </tr> </tbody> </table></section><section><h4>📋 本档简要说明（基础版）<a href="#-本档简要说明基础版"><span>#</span></a></h4><p><strong>适合人群</strong>：办公文员、学生、影音用户、网游入门玩家 <strong>可流畅运行</strong>：Office全家桶、浏览器、影音播放、LOL/CS2中低画质、DNF、穿越火线、原神低画质 <strong>不适合</strong>：3A大作(黑神话/赛博朋克)、视频剪辑(PR/AE)、3D渲染(Blender/C4D)、重度多任务、Stable Diffusion</p><p><strong>阵营差异提醒</strong>：</p><ul> <li>🟦 Intel 阵营：基础① Intel i3-14100F,但4核4线程多任务弱;集显UHD730仅能亮机办公,无游戏能力</li> <li>🟥 AMD 阵营：基础②③ AMD R5 5500/5600&lt;6核12线程多任务优于i3&gt;,游戏性能足够网游中画质;但AM4平台已到末代,后续升级空间小;无核显需配独显</li> </ul></section></section><section><h3>🔵 主流版（5000-8000元）<a href="#-主流版5000-8000元"><span>#</span></a></h3><section><h4>主流配置①：Intel主流游戏型（✅ 本周 CPU 已更新为 250K Plus）<a href="#主流配置intel主流游戏型-本周-cpu-已更新为-250k-plus"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Intel Core Ultra 5 250K Plus</td> <td>Intel</td> <td>18核18线程(6P+12E)/4.2-5.3GHz/125W/Arrow Lake Refresh</td> <td>￥1189</td> <td>￥1549</td> <td>暂无</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>微星 MAG B860M MORTAR</td> <td>微星</td> <td>LGA1851/DDR5/M.2*2/WiFi6</td> <td>￥1099</td> <td>￥1299</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>金士顿 FURY 32G DDR5 6000</td> <td>金士顿</td> <td>32GB/DDR5-6000/CL30</td> <td>￥2899</td> <td>￥3499</td> <td>￥1800</td> <td><span>→</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 1T</td> <td>三星</td> <td>1TB/PCIe 4.0 NVMe/7450MB/s</td> <td>￥1399</td> <td>￥1599</td> <td>￥900</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>西数蓝盘 2TB</td> <td>西部数据</td> <td>2TB/7200rpm/256MB/CMR</td> <td>￥1099</td> <td>￥1199</td> <td>￥700</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>七彩虹 RTX 5070 12G</td> <td>七彩虹</td> <td>12GB GDDR7/2572MHz/220W/DLSS 4</td> <td>￥6500</td> <td>￥6949</td> <td>￥4800</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥13085 / 国行 ￥16094 / 二手 ￥8200（250K Plus 替换后散片降约 ¥511，国行降约 ¥200）</td> </tr> </tbody> </table></section><section><h4>主流配置②：AMD主流游戏型<a href="#主流配置amd主流游戏型"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>AMD R5 9600X</td> <td>AMD</td> <td>6核12线程/4.4-5.4GHz/65W/Zen 5</td> <td>￥1099</td> <td>￥1262</td> <td>￥750</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>华硕 TUF B850M-PLUS</td> <td>华硕</td> <td>AM5/DDR5/M.2*2/PCIe5.0</td> <td>￥999</td> <td>￥1199</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>海盗船 32G DDR5 6000</td> <td>海盗船</td> <td>32GB/DDR5-6000/CL30</td> <td>￥2899</td> <td>￥3499</td> <td>￥1800</td> <td><span>→</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 1T</td> <td>三星</td> <td>1TB/PCIe 4.0 NVMe/7450MB/s</td> <td>￥1399</td> <td>￥1599</td> <td>￥900</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>希捷酷鱼 2TB</td> <td>希捷</td> <td>2TB/7200rpm/256MB/CMR</td> <td>￥1099</td> <td>￥1199</td> <td>￥700</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>微星 RTX 5070 Ti 16G</td> <td>微星</td> <td>16GB GDDR7/2730MHz/300W/DLSS 4</td> <td>￥8799</td> <td>￥9394</td> <td>￥6500</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥16294 / 国行 ￥18152 / 二手 ￥10650</td> </tr> </tbody> </table></section><section><h4>主流配置③：创作者主流型<a href="#主流配置创作者主流型"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Intel Core Ultra 7 265K</td> <td>Intel</td> <td>20核20线程(8P+12E)/3.9-5.5GHz/125W/Arrow Lake</td> <td>￥1778</td> <td>￥1969</td> <td>￥1300</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>华硕 TUF Z890-PLUS</td> <td>华硕</td> <td>LGA1851/DDR5/M.2*4/PCIe5.0</td> <td>￥1579</td> <td>￥1899</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>芝奇 32G DDR5 6400</td> <td>芝奇</td> <td>32GB/DDR5-6400/CL32</td> <td>￥3099</td> <td>￥3699</td> <td>￥1900</td> <td><span>→</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 2T</td> <td>三星</td> <td>2TB/PCIe 4.0 NVMe/7450MB/s</td> <td>￥2499</td> <td>￥2699</td> <td>￥1600</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>无</td> <td>—</td> <td>本方案不配机械硬盘</td> <td>—</td> <td>—</td> <td>—</td> <td><span>—</span></td> </tr> <tr> <td>显卡</td> <td>华硕 RTX 5070 Ti 16G</td> <td>华硕</td> <td>16GB GDDR7/2730MHz/300W/DLSS 4</td> <td>￥8799</td> <td>￥9394</td> <td>￥6500</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥17754 / 国行 ￥19660 / 二货 ￥11300</td> </tr> </tbody> </table></section><section><h4>📋 本档简要说明（主流版）<a href="#-本档简要说明主流版"><span>#</span></a></h4><p><strong>适合人群</strong>：主流游戏玩家、轻度视频创作者、设计专业学生、直播主播入门 <strong>可流畅运行</strong>：PR 1080P剪辑、PS、AI、CAD 2D、3A大作1080P高画质(黑神话/赛博朋克/艾尔登法环)、永劫无间、CS2、APEX、原神全高 <strong>不适合</strong>：4K全特效3A、8K视频剪辑、重度AI训练、Stable Diffusion高分辨率出图、专业3D建模渲染</p><p><strong>阵营差异提醒</strong>：</p><ul> <li>🟦 Intel 阵营：主流①③ Intel Core Ultra 5 250K Plus/Ultra 7 265K Lake Refresh Plus新代扩展SKU,250K Plus 18核18线程(6P+12E)多线程性能较245KF提升27%且游戏性能匹配,QuickSync加速PR/AE视频导出(节省20-40%时间),Adobe全家桶优化更稳;Ultra 7多核强适合直播推流+游戏同开;但游戏帧率上限仍低于AMD X3D,功耗温度比14代改善但仍偏高(需水冷或高端风冷);LGA1851新平台后续升级空间好</li> <li>🟥 AMD 阵营：主流② AMD R5 9600X 5新代,游戏性能与Ultra 5接近,AM5平台未来可升级到9800X3D;但视频剪辑无QuickSync加速,PR导出比Intel慢20-30%;6核12线程多任务略弱于Ultra 7</li> </ul></section></section><section><h3>🔴 高端版（10000-20000元）<a href="#-高端版10000-20000元"><span>#</span></a></h3><section><h4>高端配置①：Intel游戏旗舰型<a href="#高端配置intel游戏旗舰型"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Intel Core Ultra 7 270K Plus</td> <td>Intel</td> <td>24核24线程(8P+16E)/3.7-5.7GHz/125W/Arrow Lake Refresh</td> <td>￥2159</td> <td>￥2249</td> <td>￥1700</td> <td><span>→</span></td> </tr> <tr> <td>主板</td> <td>华硕 ROG STRIX Z890-A</td> <td>华硕</td> <td>LGA1851/DDR5/M.2*5/WiFi6E</td> <td>￥2299</td> <td>￥2499</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>海盗船 DOMINATOR 64G DDR5 6400</td> <td>海盗船</td> <td>64GB/DDR5-6400/CL32</td> <td>￥5999</td> <td>￥7299</td> <td>￥4200</td> <td><span>→</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 2T</td> <td>三星</td> <td>2TB/PCIe 4.0 NVMe/7450MB/s</td> <td>￥2499</td> <td>￥2699</td> <td>￥1600</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>西数黑盘 4TB</td> <td>西部数据</td> <td>4TB/7200rpm/256MB/CMR</td> <td>￥1199</td> <td>￥1399</td> <td>￥800</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>华硕 ROG STRIX RTX 5080 16G</td> <td>华硕</td> <td>16GB GDDR7/2730MHz/340W/DLSS 4</td> <td>￥12499</td> <td>￥13999</td> <td>￥9000</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥26554 / 国行 ￥30145 / 二手 ￥17300</td> </tr> </tbody> </table></section><section><h4>高端配置②：AMD游戏旗舰型<a href="#高端配置amd游戏旗舰型"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>AMD R9 9950X3D</td> <td>AMD</td> <td>16核32线程/4.3-5.7GHz/120W/双CCD 3D V-Cache/Zen 5</td> <td>￥4097</td> <td>￥6698</td> <td>￥3300</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>华硕 ROG CROSSHAIR X870E</td> <td>华硕</td> <td>AM5/DDR5/M.2*4/PCIe5.0/USB4</td> <td>￥4499</td> <td>￥4899</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>海盗船 DOMINATOR 64G DDR5 6400</td> <td>海盗船</td> <td>64GB/DDR5-6400/CL32</td> <td>￥5999</td> <td>￥7299</td> <td>￥4200</td> <td><span>→</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 2T</td> <td>三星</td> <td>2TB/PCIe 4.0 NVMe/7450MB/s</td> <td>￥2499</td> <td>￥2699</td> <td>￥1600</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>西数黑盘 4TB</td> <td>西部数据</td> <td>4TB/7200rpm/256MB/CMR</td> <td>￥1199</td> <td>￥1399</td> <td>￥800</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>华硕 ROG STRIX RTX 5090 32G</td> <td>华硕</td> <td>32GB GDDR7/2730MHz/575W/DLSS 4</td> <td>￥62599</td> <td>￥84899</td> <td>￥35000</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥80892 / 国行 ￥102894 / 二手 ￥44900</td> </tr> </tbody> </table></section><section><h4>高端配置③：创作者旗舰型<a href="#高端配置创作者旗舰型"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>AMD R9 9950X</td> <td>AMD</td> <td>16核32线程/4.3-5.7GHz/170W/Zen 5</td> <td>￥2737</td> <td>￥3298</td> <td>￥2200</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>微星 MEG X870E ACE</td> <td>微星</td> <td>AM5/DDR5/M.2*4/10GbE</td> <td>￥4999</td> <td>￥5499</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>海盗船 DOMINATOR 64G DDR5 6400</td> <td>海盗船</td> <td>64GB/DDR5-6400/CL32</td> <td>￥5999</td> <td>￥7299</td> <td>￥4200</td> <td><span>→</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 4T</td> <td>三星</td> <td>4TB/PCIe 4.0 NVMe</td> <td>￥5699</td> <td>￥5799</td> <td>￥3800</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>西数企业级 8TB</td> <td>西部数据</td> <td>8TB/7200rpm/256MB/CMR/企业级</td> <td>￥2199</td> <td>￥3699</td> <td>￥1500</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>华硕 ROG STRIX RTX 5090 32G</td> <td>华硕</td> <td>32GB GDDR7/2730MHz/575W/DLSS 4</td> <td>￥62599</td> <td>￥84899</td> <td>￥35000</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥84232 / 国行 ￥110494 / 二手 ￥46700</td> </tr> </tbody> </table></section><section><h4>📋 本档简要说明（高端版）<a href="#-本档简要说明高端版"><span>#</span></a></h4><p><strong>适合人群</strong>：发烧友、专业视频创作者、3D建模师、AI研究员、直播推流专业户 <strong>可流畅运行</strong>：PR 8K剪辑、AE特效合成、Blender/C4D 3D渲染、Stable Diffusion高分辨率、4K全特效3A、直播推流+游戏同开 <strong>不适合</strong>：预算敏感场景、轻度办公(性能过剩)、便携需求(功耗高体积大)</p><p><strong>阵营差异提醒</strong>：</p><ul> <li>🟦 Intel 阵营：高端① Intel Core Ultra 7 270K Plus&lt;24核24线程&gt;(8P+16E)单核爆发强,QuickSync加速视频导出(节省40%+时间),Adobe/达芬奇全栈优化;但游戏帧率上限低于AMD 9950X3D,功耗温度比14代有改善但仍偏高(需360水冷);LGA1851平台后续升级空间好</li> <li>🟥 AMD 阵营：高端②③ AMD R9 9950X3D/9950X&lt;3d&gt; V-Cache对游戏帧率提升20-30%(9950X3D双CCD均带3D),多核并行渲染强(9950X),功耗温度优于Intel,AM5平台后续可升级;但部分专业软件(达芬奇部分功能)兼容性略弱,无QuickSync加速</li> </ul><hr /></section></section></section><section><h2>🆕 二、新品推荐（厂家已发布但未在主流推荐中）<a href="#-二新品推荐厂家已发布但未在主流推荐中"><span>#</span></a></h2><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>类别</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>上市日期</th> <th>参考价</th> <th>推荐理由</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Ryzen AI Max PRO 495 (Strix Halo)</td> <td>AMD</td> <td>16核Zen 5 + RDNA 3.5 GPU，最高支持192GB统一内存</td> <td>2026-10-05</td> <td>暂无</td> <td>原生x86无模拟层，单机可装1000亿参数大模型，零云费用</td> </tr> <tr> <td>平台</td> <td>RTX Spark N1X</td> <td>NVIDIA</td> <td>Arm架构Grace CPU 18-20核 + Blackwell GPU 5120-6144 CUDA核心，统一内存24-128GB LPDDR5X</td> <td>2026-10-07</td> <td>暂无</td> <td>英伟达首次入局消费级Windows PC，统一内存架构挑战Apple Silicon，AI算力1 PFLOPS FP4</td> </tr> <tr> <td>AI工作站</td> <td>华硕 Ascent GX10 64GB版</td> <td>华硕</td> <td>GB10 Grace Blackwell Superchip + 64GB LPDDR5X统一内存，273GB/s带宽</td> <td>2026-10-02</td> <td>暂无</td> <td>本地运行30-35B参数模型，2台集群可达1.7倍单机性能，无云订阅费用</td> </tr> <tr> <td>AI工作站</td> <td>技嘉 AI TOP ATOM 64GB版</td> <td>技嘉</td> <td>GB10平台 + 64GB LPDDR5x统一内存 + 256位宽 + 4TB NVMe，4台集群最高768GB</td> <td>2026-10-23</td> <td>暂无</td> <td>比DGX Spark 128GB更便宜入门选项，原生CUDA栈，200B参数模型支持</td> </tr> <tr> <td>掌机芯片</td> <td>AMD Ryzen Z3</td> <td>AMD</td> <td>Zen 6架构4大核+2小核，12组RDNA4m GPU，集成FSR4 AI模块，台积电N3B工艺</td> <td>2026-Q1(预计)</td> <td>暂无</td> <td>15-25W功耗档位对标Tegra X1，2525mm封装更薄，原生FSR4无需外接AI芯片</td> </tr> <tr> <td>服务器</td> <td>映众 AGS-6220V2</td> <td>映众</td> <td>6U机架式双路至强+8卡RTX PRO 600 Blackwell服务器版（96GB GDDR7×8=768GB），10.8kW钛金冗余电源</td> <td>2026-10-05</td> <td>暂无</td> <td>企业级GPU服务器，原生直连设计无PCIe交换芯片，AI训练/推理/HPC全覆盖</td> </tr> <tr> <td>SSD</td> <td>三星 9100 PRO PCIe 5.0 4TB</td> <td>三星</td> <td>4TB/PCIe 5.0 NVMe/顺序读取12000MB/s（最高）/散热片版</td> <td>已上市</td> <td>￥5939</td> <td>消费级PCIe 5.0旗舰，比990 Pro 4T多¥240但速度翻倍，适合重度生产力用户</td> </tr> <tr> <td>云服务</td> <td>NVIDIA Vera Rubin NVL72 + Vera CPU</td> <td>NVIDIA</td> <td>CoreWeave云上线，4.8倍SWE-2吞吐量提升，agentic concurrency优化</td> <td>2026-10-01</td> <td>云端按需</td> <td>下一代AI数据中心架构，标志着从训练向agentic工作负载转型</td> </tr> </tbody> </table><blockquote><p>说明：以上为厂家已发布但尚未进入多源主流装机推荐榜的新品，仅供参考。</p></blockquote><hr /></section><section><h2>📰 三、上周硬件新品资讯<a href="#-三上周硬件新品资讯"><span>#</span></a></h2><section><h3>中文资讯（IT之家 / 今日头条 / 网易）<a href="#中文资讯it之家--今日头条--网易"><span>#</span></a></h3><ol> <li><strong>NVIDIA RTX Spark 定档10月7日发布</strong>：微软将于旧金山举办Windows与Surface新品活动，正式展示英伟达RTX Spark平台，搭载Arm架构N1X系统级芯片，集成Grace CPU + Blackwell GPU + 统一LPDDR5X内存池。首批合作伙伴包括华硕、戴尔、惠普、联想、微软、微星、技嘉、宏碁8家厂商，覆盖轻薄本/创作本/迷你主机多品类。</li> <li><strong>AMD Ryzen AI Max PRO 495 抢先曝光</strong>：10月5日AMD抢在RTX Spark发布前两天展示Strix Halo芯片，16核Zen 5 + RDNA 3.5 GPU + 最高192GB统一内存，可通过VGM滑块将160GB划给图形处理，单机完整装下1000亿参数大模型，原生x86无需模拟层。</li> <li><strong>华硕推出Ascent GX10 64GB版AI超算</strong>：10月2日发布，搭载NVIDIA GB10 Grace Blackwell Superchip，64GB LPDDR5X统一内存，273GB/s带宽，可运行30-35B参数模型。两台集群可达1.7倍单机性能。</li> <li><strong>技嘉发布AI TOP ATOM 64GB版</strong>：10月2日发布，10月23日上市，同样基于GB10平台，比DGX Spark 128GB更便宜入门选项，原生CUDA栈，最高200B参数模型支持（4台集群）。</li> <li><strong>AMD发布Ryzen Z3掌机芯片</strong>：10月6日消息，Zen 6架构4大核+2小核，12组RDNA4m GPU，集成FSR4 AI模块，台积电N3B工艺，15-25W功耗档位对标Tegra X1，封装2525mm更薄，OneXPlayer和AyaNeo已拿到工程样片。</li> <li><strong>映众发布AGS-6220V2企业级GPU服务器</strong>：10月5日发布，6U机架式双路至强+8卡RTX PRO 600 Blackwell服务器版（96GB GDDR7×8=768GB），10.8kW钛金冗余电源，原生直连设计无PCIe交换芯片。</li> <li><strong>显卡日报10月1日：国庆显卡价格全线史高</strong>：RTX 5090京东崛势¥84,899（常卖¥62,599），RTX 5090D V2 24G七彩虹¥34,899，RTX 5080国内¥12,499史高，RTX 5070 Ti¥9,394史高，RTX 5070¥6,949摸七千，唯独RTX 5060 Ti 8G逆势补贴跌至¥3,499。</li> <li><strong>2026年10月装机推荐：避开DDR5砸预算给CPU和显卡</strong>：今日头条报道，受AI算力虹吸HBM挤占存储产能，32GB DDR5套装从八九百元飙到3000元以上，1TB PCIe 4.0固态涨破千元，万元装机性能倒退至两年前水平，DIY逻辑彻底颠覆。</li> </ol></section><section><h3>英文资讯（已翻译，保留原文标题对照）<a href="#英文资讯已翻译保留原文标题对照"><span>#</span></a></h3><ol> <li><strong>NVIDIA’s Arm-Based RTX Spark Chips Arrive October 2026 with Six Laptop Makers on Board</strong>（英伟达Arm架构RTX Spark芯片2026年10月上市，6家笔记本厂商参与）— The Brief News报道：旗舰N1X配20核Grace CPU + 6144核Blackwell RTX GPU + 24-128GB统一内存；缩减版18核CPU + 5120核GPU + 24-32GB内存。华硕、戴尔、惠普、联想、微软、微星6家厂商10月推出产品。</li> <li><strong>Nvidia’s RTX Spark Superchips Arrive in October to Reshape the AI Laptop Market</strong>（英伟达RTX Spark超级芯片10月上市重塑AI笔记本市场）— Salhi报道：3nm工艺，NVLink-C2C互联，最高1 PFLOPS FP4 AI算力，主要厂商Lenovo/HP/Asus/Dell/Microsoft/Acer推出本地LLM和agentic AI工作流机型。</li> <li><strong>ASUS adds 64GB configuration to its Ascent GX10 AI supercomputer</strong>（华硕为Ascent GX10 AI超算新增64GB配置）— GadgetBond报道：64GB版本针对30-35B参数开源模型本地运行，两台集群可通过ConnectX-7网络组合128GB统一内存+2 PFLOPS算力+546GB/s带宽。</li> <li><strong>GIGABYTE AI TOP ATOM 64GB Targets 200B AI Models</strong>（技嘉AI TOP ATOM 64GB瞄准200B参数AI模型）— Tech Insider报道：10月23日上市，与NVIDIA DGX Spark共享主板平台，但技嘉贡献机箱/散热/存储配置和AI TOP Utility软件，ConnectX-7网络支持4台集群。</li> <li><strong>Sandisk crushes wallets with up to 2.8X SSD price hikes as NAND shortage strangles the market</strong>（NAND短缺扼杀市场，闪迪SSD涨价高达2.8倍）— Tom’s Hardware报道：WD Black SN8100 8TB涨破<span><span>2,500（常卖2,500（常卖</span><span><span><span></span><span>2</span><span>,</span><span></span><span>500</span><span>（常卖</span></span></span></span>999），全产品线涨2.1-2.9倍，AI数据中心需求挤占消费级产能，短缺将持续到2026年底。</li> <li><strong>Microsoft and NVIDIA Set October 7 for RTX Spark Launch and Agentic AI Push</strong>（微软与英伟达定于10月7日发布RTX Spark并推动Agentic AI）— TL;DR Daily News报道：黄仁勋和Satya Nadella同台，Surface Laptop Ultra首发，15英寸mini-LED屏幕，对标Apple Silicon和Qualcomm Snapdragon X Elite。</li> <li><strong>NVIDIA Vera Rubin NVL72 and Vera CPU Launch on CoreWeave</strong>（英伟达Vera Rubin NVL72和Vera CPU在CoreWeave上线）— ExtremeSpec报道：2026年10月1日上线，针对agentic concurrency优化，SWE-2工作负载吞吐量提升4.8倍。</li> <li>**Raspberry Pi 4 and 5 2GB models see <span><span>12.50pricehike∗∗（树莓派4和5的2GB版本涨价12.50 price hike**（树莓派4和5的2GB版本涨价</span><span><span><span></span><span>12.50</span><span>p</span><span>r</span><span>i</span><span>ce</span><span>hik</span><span>e</span><span></span><span>∗</span><span></span></span><span><span></span><span>∗</span><span>（树莓派</span><span>4</span><span>和</span><span>5</span><span>的</span><span>2</span><span>GB</span><span>版本涨价</span></span></span></span>12.50）— ExtremeSpec报道：2026年10月1日起2GB树莓派4涨价至<span><span>67.50，2GB树莓派5涨价至67.50，2GB树莓派5涨价至</span><span><span><span></span><span>67.50</span><span>，</span><span>2</span><span>GB</span><span>树莓派</span><span>5</span><span>涨价至</span></span></span></span>77.50，存储短缺已波及入门级SBC市场。</li> </ol><hr /></section></section><section><h2>📈 四、价格趋势分析<a href="#-四价格趋势分析"><span>#</span></a></h2><section><h3>整体趋势<a href="#整体趋势"><span>#</span></a></h3><ul> <li><strong>CPU</strong>：<span>↓</span> 整体小降（AMD持续降价促销，Intel涨势僵持但部分型号下调） <ul> <li>AMD降价：9600X散片 ¥1099（再降¥70），9950X散片 ¥2737（再降¥30），9950X3D散片 ¥4097（本周新低）</li> <li>Intel僵持：270K Plus散片 ¥2159 维持，265K散片 ¥1778 微降，250K Plus散片 ¥1189 新代已落地</li> <li>新代突破：250K Plus凭借18核规模抢占中端，270K Plus稳固高端Intel首选</li> </ul> </li> <li><strong>显卡</strong>：<span>↑</span> 持续大涨，国庆周全线史高 <ul> <li>RTX 5090京东崛势整机价¥84,899（常卖¥62,599），溢价严重</li> <li>RTX 5080国内¥12,499史高，RTX 5070 Ti¥9,394史高，RTX 5070¥6,949摸七千</li> <li>唯独RTX 5060 Ti 8G补贴逆势跌至¥3,499，是中端唯一好消息</li> </ul> </li> <li><strong>内存</strong>：<span>→</span> 暴涨后高位平稳，涨幅持续收窄 <ul> <li>32GB DDR5-6000套装 ¥2800-3700，9月合约涨幅已收窄至+4.2%</li> <li>64GB DDR5-6400套条 ¥5999-7299，本周平稳</li> <li>16GB DDR4-3200单条 ¥450-599，DDR4降幅开始显现</li> </ul> </li> <li><strong>SSD</strong>：<span>↑</span> 高位持续上行 <ul> <li>990 Pro 1T京东自营¥1599（再涨¥20），2T¥2699（再涨¥100）</li> <li>990 Pro 4T京东¥5799（再涨¥100）</li> <li>9100 PRO PCIe 5.0 4T ¥5939，比990 Pro 4T多¥240但速度翻倍</li> </ul> </li> <li><strong>HDD</strong>：<span>→</span> 平稳偏高 <ul> <li>西数蓝盘1TB ¥1099-1199，黑盘4TB ¥1199-1399，企业级8TB ¥2199-3699</li> </ul> </li> <li><strong>主板</strong>：<span>→</span> 平稳 <ul> <li>H610M-K ¥529（平稳），B860M/B850M ¥999-1299，Z890-A ¥2499，X870E ¥3399-4899</li> </ul> </li> </ul></section><section><h3>重点型号涨跌原因<a href="#重点型号涨跌原因"><span>#</span></a></h3><ul> <li><strong>RTX 5090 持续暴涨</strong>：国内禁售政策持续收紧，京东崛势整机渠道囤货严重，单卡溢价比官价¥14999涨5倍以上。AI数据中心和企业级需求挤压消费级供给，预计短期难以下降。</li> <li><strong>RTX 5080/5070 Ti/5070 全线史高</strong>：NVIDIA AIC 9月新一轮提价已落地（5080+500/5070Ti+300/5070+200元），国庆周封仓囤货进一步推高，“等双11”对新平台无效。</li> <li><strong>RTX 5060 Ti 8G 逆势下跌</strong>：京东双11预售开启，叠加平台补贴降价至¥3,499，是中端唯一利好，但供给有限。</li> <li><strong>DDR5 高位平稳</strong>：DRAM合约价Q3涨幅收窄至13-18%（Q1达90-95%），Q4预期再涨10-15%。AMD高管确认DDR5价格2028年才正常化，美光削减消费级投入全力服务数据中心。</li> <li><strong>SSD 高位上行</strong>：闪迪WD Black SN8100 8TB国外涨破<span><span>2,500（常卖2,500（常卖</span><span><span><span></span><span>2</span><span>,</span><span></span><span>500</span><span>（常卖</span></span></span></span>999），国内三星9100 PRO PCIe 5.0 4T ¥5939，国产致态TiPlus 7100 2T逆行¥1799是性价比窗口。</li> <li><strong>AMD CPU 持续降价</strong>：9950X3D散片¥4097创历史新低（首发¥5489累计降¥1392），9600X散片¥1099（再降¥70），9950X散片¥2737（再降¥30）。AMD抢在RTX Spark发布前降价促销，应对Intel Arrow Lake Refresh Plus竞争。</li> <li><strong>Intel 250K Plus 落地</strong>：散片¥1189（今日头条实测），京东自营¥1549（30天最低¥1469），较245KF散片¥1700更低且18核24性能超越14核24，性价比凸显。</li> <li><strong>Intel 270K Plus 稳固</strong>：散片¥2159维持，京东自营¥2249，本周高端Intel首选地位未变。</li> <li><strong>Intel 265K 微降</strong>：散片¥1778（再降¥47），京东自营¥1969，主流③创作者档位成本小幅下行。</li> </ul><hr /></section></section><section><h2>⚠️ 五、未搜到价格的型号（需手动查询）<a href="#️-五未搜到价格的型号需手动查询"><span>#</span></a></h2><table> <colgroup> <col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>价格类型</th> <th>方案</th> <th>部件</th> <th>型号</th> <th>原因</th> </tr> </thead> <tbody> <tr> <td>散片/国行/二手</td> <td>基础①</td> <td>显卡</td> <td>集显 UHD730</td> <td>CPU核显无独立售价，整机合计中以CPU价计入</td> </tr> <tr> <td>二手价</td> <td>主流①</td> <td>CPU</td> <td>Intel Core Ultra 5 250K Plus</td> <td>2026-03发布的新代CPU，二手市场流通量极少，暂无可靠参考价</td> </tr> <tr> <td>二手价</td> <td>主流①②③</td> <td>主板</td> <td>微星 MAG B860M MORTAR / 华硕 TUF B850M-PLUS / 华硕 TUF Z890-PLUS</td> <td>新代主板二手流通极少，闲鱼/转转未形成稳定报价</td> </tr> <tr> <td>二手价</td> <td>高端①②③</td> <td>主板</td> <td>华硕 ROG STRIX Z890-A / 华硕 ROG CROSSHAIR X870E / 微星 MEG X870E ACE</td> <td>高端旗舰主板二手流通极少，二手价未形成稳定参考</td> </tr> </tbody> </table><blockquote><p>以上型号请手动到对应渠道查询。</p></blockquote><hr /><p><em>下周发送时间：2026-10-13（下周一）09&lt;00&gt;</em></p></section></section>https://blog.s520j.cn/posts/post-20260922-141710/https://blog.s520j.cn/posts/post-20260922-141710/Tue, 22 Sep 2026 00:00:00 GMT<section><h1>🖥️ 计算机硬件周报 2026-09-21<a href="#️-计算机硬件周报-2026-09-21"><span>#</span></a></h1><blockquote><p>采集时间：2026-09-21 09&lt;00&gt; · 数据源：WebSearch + IT之家RSS + 英文资讯站 下次发送：下周一 09&lt;00&gt; 趋势图例：↑ 上涨 / ↓ 下跌 / → 平稳 / — 无数据</p></blockquote><hr /><blockquote><p>⚠️ <strong>合规与免责声明</strong></p><ol> <li>价格为采集时刻参考价，实际以下单为准</li> <li>趋势分析仅供参考，不构成购买建议</li> <li>AMD/Intel 阵营差异提醒基于公开技术资料与行业评测综合判断，不代表对任一厂商的立场</li> <li>新品推荐仅为信息聚合，购买前请等待专业评测</li> <li>表格列宽已适配公众号/博客宽度（100% 容器宽度 + 固定列宽 + 自动换行），可放心复制粘贴</li> <li>转载请注明来源：WorkBuddy 自动化周报</li> </ol></blockquote><hr /><section><h2>📋 本周清单更新状态<a href="#-本周清单更新状态"><span>#</span></a></h2><blockquote><p>✅ <strong>本周清单有变动（v2.0 → v2.1）</strong> 变动项：高端配置① CPU 由 Intel Core Ultra 9 285K 替换为 <strong>Intel Core Ultra 7 270K Plus</strong>（Arrow Lake Refresh） 变动原因：270K Plus 连续第6周被≥3源推荐，且本周知乎9月装机推荐已将其写入22000元和61000元配置单作为<strong>默认推荐</strong>（非”可选升级”），并明确称”270K Plus 性能优于 Ultra 9-285K”。符合”≥3个源推荐的新型号→算”的判定标准。 旧清单已归档：hardware-config-archive/2026-09-21.json</p></blockquote><hr /></section><section><h2>📊 一、装机方案价格表（9 套 × 6 件 = 54 项）<a href="#-一装机方案价格表9-套--6-件--54-项"><span>#</span></a></h2><section><h3>🟢 基础版（2000-5000元）<a href="#-基础版2000-5000元"><span>#</span></a></h3><section><h4>基础配置①：办公入门型（Intel 阵营）<a href="#基础配置办公入门型intel-阵营"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Intel i3-14100F</td> <td>Intel</td> <td>4核4线程/4.0GHz/65W/无核显</td> <td>¥400</td> <td>¥599</td> <td>¥300</td> <td><span>→</span></td> </tr> <tr> <td>主板</td> <td>华硕 PRIME H610M-K</td> <td>华硕</td> <td>LGA1700/DDR4/M.2*2/USB3.2</td> <td>¥500</td> <td>¥599</td> <td>¥350</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>金士顿 FURY 16G DDR4 3200</td> <td>金士顿</td> <td>16GB/DDR4-3200/CL16</td> <td>¥600</td> <td>¥700</td> <td>¥400</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>西数 SN580 500G</td> <td>西部数据</td> <td>500GB/PCIe 4.0 NVMe</td> <td>¥400</td> <td>¥450</td> <td>¥250</td> <td><span>→</span></td> </tr> <tr> <td>机械硬盘</td> <td>西数蓝盘 1TB</td> <td>西部数据</td> <td>1TB/7200rpm/64MB/CMR</td> <td>¥270</td> <td>¥350</td> <td>¥150</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>集显 UHD730</td> <td>Intel</td> <td>CPU核显/无需独立显卡</td> <td>暂无</td> <td>暂无</td> <td>暂无</td> <td><span>—</span></td> </tr> <tr> <td>💰 整机合计：散片 ¥2170 / 国行 ¥2698 / 二手 ¥1450</td> </tr> </tbody> </table></section><section><h4>基础配置②：网游入门型（AMD 阵营）<a href="#基础配置网游入门型amd-阵营"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>AMD R5 5500</td> <td>AMD</td> <td>6核12线程/3.6-4.2GHz/65W</td> <td>¥450</td> <td>¥549</td> <td>¥350</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>微星 A520M</td> <td>微星</td> <td>AM4/DDR4/M.2</td> <td>¥400</td> <td>¥500</td> <td>¥250</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>金士顿 FURY 16G DDR4 3200</td> <td>金士顿</td> <td>16GB/DDR4-3200/CL16</td> <td>¥600</td> <td>¥700</td> <td>¥400</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>西数 SN580 1T</td> <td>西部数据</td> <td>1TB/PCIe 4.0 NVMe</td> <td>¥600</td> <td>¥700</td> <td>¥350</td> <td><span>→</span></td> </tr> <tr> <td>机械硬盘</td> <td>希捷酷鱼 1TB</td> <td>希捷</td> <td>1TB/7200rpm/64MB/CMR</td> <td>¥350</td> <td>¥480</td> <td>¥200</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>蓝宝石 RX 6600 8G</td> <td>蓝宝石</td> <td>8GB GDDR6/1795MHz/134W</td> <td>¥1800</td> <td>¥2000</td> <td>¥1200</td> <td><span>→</span></td> </tr> <tr> <td>💰 整机合计：散片 ¥4200 / 国行 ¥4929 / 二手 ¥2750</td> </tr> </tbody> </table></section><section><h4>基础配置③：性价比网游型（AMD 阵营）<a href="#基础配置性价比网游型amd-阵营"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>AMD R5 5600</td> <td>AMD</td> <td>6核12线程/3.5-4.4GHz/65W</td> <td>¥620</td> <td>¥769</td> <td>¥450</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>微星 B550M</td> <td>微星</td> <td>AM4/DDR4/M.2*2/PCIe4.0</td> <td>¥550</td> <td>¥650</td> <td>¥350</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>金士顿 FURY 16G DDR4 3600</td> <td>金士顿</td> <td>16GB/DDR4-3600/CL18</td> <td>¥700</td> <td>¥800</td> <td>¥450</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 980 1T</td> <td>三星</td> <td>1TB/PCIe 3.0 NVMe</td> <td>¥700</td> <td>¥800</td> <td>¥400</td> <td><span>→</span></td> </tr> <tr> <td>机械硬盘</td> <td>无</td> <td>—</td> <td>本方案不配机械硬盘</td> <td>—</td> <td>—</td> <td>—</td> <td><span>—</span></td> </tr> <tr> <td>显卡</td> <td>影驰 RTX 4060 8G</td> <td>影驰</td> <td>8GB GDDR6/2460MHz/115W</td> <td>¥2400</td> <td>¥2900</td> <td>¥1800</td> <td><span>→</span></td> </tr> <tr> <td>💰 整机合计：散片 ¥4970 / 国行 ¥5919 / 二手 ¥3450</td> </tr> </tbody> </table></section><section><h4>📋 本档简要说明（基础版）<a href="#-本档简要说明基础版"><span>#</span></a></h4><p><strong>适合人群</strong>：办公文员、学生、影音用户、网游入门玩家 <strong>可流畅运行</strong>：Office全家桶、浏览器、影音播放、LOL/CS2中低画质、DNF、穿越火线、原神低画质 <strong>不适合</strong>：3A大作（黑神话/赛博朋克）、视频剪辑（PR/AE）、3D渲染（Blender/C4D）、重度多任务、Stable Diffusion</p><p><strong>阵营差异提醒</strong>：</p><ul> <li>🟦 <strong>Intel 阵营</strong>（基础①）：i3-14100F 的 QuickSync 可用加速 PR 硬解，但4核4线程多任务弱；集显 UHD730 仅能亮机办公，无游戏能力</li> <li>🟥 <strong>AMD 阵营</strong>（基础②③）：R5 5500/5600 的 6核12线程多任务优于 i3，游戏性能足够网游中画质；但 AM4 平台已到末代，后续升级空间小；无核显需配独显</li> </ul><hr /></section></section><section><h3>🔵 主流版（12000-20000元）<a href="#-主流版12000-20000元"><span>#</span></a></h3><section><h4>主流配置①：Intel主流游戏型<a href="#主流配置intel主流游戏型"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Intel Core Ultra 5 245KF</td> <td>Intel</td> <td>14核14线程(6P+8E)/4.2-5.2GHz/125W/Arrow Lake</td> <td>¥2000</td> <td>¥2200</td> <td>¥1500</td> <td><span>↑</span></td> </tr> <tr> <td>主板</td> <td>微星 MAG B860M MORTAR</td> <td>微星</td> <td>LGA1851/DDR5/M.2*2/WiFi6</td> <td>¥1200</td> <td>¥1499</td> <td>¥800</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>金士顿 FURY 32G DDR5 6000</td> <td>金士顿</td> <td>32GB/DDR5-6000/CL30</td> <td>¥2800</td> <td>¥3200</td> <td>¥2000</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 1T</td> <td>三星</td> <td>1TB/PCIe 4.0 NVMe/7450MB/s</td> <td>¥1579</td> <td>¥2099</td> <td>¥1200</td> <td><span>→</span></td> </tr> <tr> <td>机械硬盘</td> <td>西数蓝盘 2TB</td> <td>西部数据</td> <td>2TB/7200rpm/256MB/CMR</td> <td>¥700</td> <td>¥959</td> <td>¥400</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>七彩虹 RTX 5070 12G</td> <td>七彩虹</td> <td>12GB GDDR7/2572MHz/220W/DLSS 4</td> <td>¥6600</td> <td>¥7500</td> <td>¥5000</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ¥14879 / 国行 ¥17457 / 二手 ¥10900</td> </tr> </tbody> </table></section><section><h4>主流配置②：AMD主流游戏型<a href="#主流配置amd主流游戏型"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>AMD R5 9600X</td> <td>AMD</td> <td>6核12线程/4.4-5.4GHz/65W/Zen 5</td> <td>¥1000</td> <td>¥1169</td> <td>¥800</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>华硕 TUF B850M-PLUS</td> <td>华硕</td> <td>AM5/DDR5/M.2*2/PCIe5.0</td> <td>¥1300</td> <td>¥1500</td> <td>¥900</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>海盗船 32G DDR5 6000</td> <td>海盗船</td> <td>32GB/DDR5-6000/CL30</td> <td>¥2800</td> <td>¥3200</td> <td>¥2000</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 1T</td> <td>三星</td> <td>1TB/PCIe 4.0 NVMe/7450MB/s</td> <td>¥1579</td> <td>¥2099</td> <td>¥1200</td> <td><span>→</span></td> </tr> <tr> <td>机械硬盘</td> <td>希捷酷鱼 2TB</td> <td>希捷</td> <td>2TB/7200rpm/256MB/CMR</td> <td>¥700</td> <td>¥999</td> <td>¥400</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>微星 RTX 5070 Ti 16G</td> <td>微星</td> <td>16GB GDDR7/2730MHz/300W/DLSS 4</td> <td>¥8700</td> <td>¥10000</td> <td>¥6500</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ¥16079 / 国行 ¥19967 / 二手 ¥11800</td> </tr> </tbody> </table></section><section><h4>主流配置③：创作者主流型<a href="#主流配置创作者主流型"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Intel Core Ultra 7 265K</td> <td>Intel</td> <td>20核20线程(8P+12E)/3.9-5.5GHz/125W/Arrow Lake</td> <td>¥2400</td> <td>¥3449</td> <td>¥1800</td> <td><span>↑</span></td> </tr> <tr> <td>主板</td> <td>华硕 TUF Z890-PLUS</td> <td>华硕</td> <td>LGA1851/DDR5/M.2*4/PCIe5.0</td> <td>¥2000</td> <td>¥2500</td> <td>¥1500</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>芝奇 32G DDR5 6400</td> <td>芝奇</td> <td>32GB/DDR5-6400/CL32</td> <td>¥3500</td> <td>¥4000</td> <td>¥2500</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 2T</td> <td>三星</td> <td>2TB/PCIe 4.0 NVMe/7450MB/s</td> <td>¥2699</td> <td>¥3129</td> <td>¥1800</td> <td><span>→</span></td> </tr> <tr> <td>机械硬盘</td> <td>无</td> <td>—</td> <td>本方案不配机械硬盘</td> <td>—</td> <td>—</td> <td>—</td> <td><span>—</span></td> </tr> <tr> <td>显卡</td> <td>华硕 RTX 5070 Ti 16G</td> <td>华硕</td> <td>16GB GDDR7/2730MHz/300W/DLSS 4</td> <td>¥9000</td> <td>¥11000</td> <td>¥7000</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ¥19599 / 国行 ¥24078 / 二手 ¥14600</td> </tr> </tbody> </table></section><section><h4>📋 本档简要说明（主流版）<a href="#-本档简要说明主流版"><span>#</span></a></h4><p><strong>适合人群</strong>：主流游戏玩家、轻度视频创作者、设计专业学生、直播主播入门 <strong>可流畅运行</strong>：PR 1080P剪辑、PS、AI、CAD 2D、3A大作1080P高画质（黑神话/赛博朋克/艾尔登法环）、永劫无间、CS2、APEX、原神全高 <strong>不适合</strong>：4K全特效3A、8K视频剪辑、重度AI训练、Stable Diffusion高分辨率出图、专业3D建模渲染</p><p><strong>阵营差异提醒</strong>：</p><ul> <li>🟦 <strong>Intel 阵营</strong>（主流①③）：Ultra 5/7 的 Arrow Lake 新代架构，QuickSync 加速 PR/AE 视频导出（节省20-40%时间），Adobe全家桶优化更稳；但游戏帧率上限仍低于 AMD X3D，功耗温度比14代改善但仍偏高（需水冷或高端风冷）；LGA1851 新平台后续升级空间好</li> <li>🟥 <strong>AMD 阵营</strong>（主流②）：R5 9600X 的 Zen 5 新代，游戏性能与 Ultra 5 接近，AM5 平台未来可升级到 9800X3D；但视频剪辑无 QuickSync 加速，PR 导出比 Intel 慢20-30%；6核12线程多任务略弱于 Ultra 7</li> </ul><hr /></section></section><section><h3>🔴 高端版（28000-77000元）<a href="#-高端版28000-77000元"><span>#</span></a></h3><section><h4>高端配置①：Intel游戏旗舰型（⚠️ 本周CPU已更新为270K Plus）<a href="#高端配置intel游戏旗舰型️-本周cpu已更新为270k-plus"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>🆕 Intel Core Ultra 7 270K Plus</td> <td>Intel</td> <td>24核24线程(8P+16E)/3.7-5.7GHz/125W/Arrow Lake Refresh</td> <td>¥1970</td> <td>¥2200</td> <td>¥1500</td> <td><span>↑</span></td> </tr> <tr> <td>主板</td> <td>华硕 ROG STRIX Z890-A</td> <td>华硕</td> <td>LGA1851/DDR5/M.2*5/WiFi6E</td> <td>¥2499</td> <td>¥3599</td> <td>¥1800</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>海盗船 DOMINATOR 64G DDR5 6400</td> <td>海盗船</td> <td>64GB/DDR5-6400/CL32</td> <td>¥7500</td> <td>¥8500</td> <td>¥5000</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 2T</td> <td>三星</td> <td>2TB/PCIe 4.0 NVMe/7450MB/s</td> <td>¥2699</td> <td>¥3129</td> <td>¥1800</td> <td><span>→</span></td> </tr> <tr> <td>机械硬盘</td> <td>西数黑盘 4TB</td> <td>西部数据</td> <td>4TB/7200rpm/256MB/CMR</td> <td>¥1099</td> <td>¥1300</td> <td>¥700</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>华硕 ROG STRIX RTX 5080 16G</td> <td>华硕</td> <td>16GB GDDR7/2730MHz/340W/DLSS 4</td> <td>¥12399</td> <td>¥15000</td> <td>¥9000</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ¥28166 / 国行 ¥33728 / 二手 ¥19800</td> </tr> </tbody> </table><blockquote><p>⚠️ <strong>本周CPU变动说明</strong>：高端①CPU 由 Intel Core Ultra 9 285K 替换为 <strong>Intel Core Ultra 7 270K Plus</strong>（Arrow Lake Refresh）。270K Plus 连续6周被≥3源推荐，本周知乎9月装机推荐已将其写入22000元配置单作为默认推荐，并明确称”性能优于 Ultra 9-285K”。替换后散片价从约¥3449降至¥1970，整机成本下降约¥1479。</p></blockquote></section><section><h4>高端配置②：AMD游戏旗舰型<a href="#高端配置amd游戏旗舰型"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>AMD R9 9950X3D</td> <td>AMD</td> <td>16核32线程/4.3-5.7GHz/120W/双CCD 3D V-Cache/Zen 5</td> <td>¥4151</td> <td>¥4500</td> <td>¥3500</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>华硕 ROG CROSSHAIR X870E</td> <td>华硕</td> <td>AM5/DDR5/M.2*4/PCIe5.0/USB4</td> <td>¥4000</td> <td>¥5000</td> <td>¥3000</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>海盗船 DOMINATOR 64G DDR5 6400</td> <td>海盗船</td> <td>64GB/DDR5-6400/CL32</td> <td>¥7500</td> <td>¥8500</td> <td>¥5000</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 2T</td> <td>三星</td> <td>2TB/PCIe 4.0 NVMe/7450MB/s</td> <td>¥2699</td> <td>¥3129</td> <td>¥1800</td> <td><span>→</span></td> </tr> <tr> <td>机械硬盘</td> <td>西数黑盘 4TB</td> <td>西部数据</td> <td>4TB/7200rpm/256MB/CMR</td> <td>¥1099</td> <td>¥1300</td> <td>¥700</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>华硕 ROG STRIX RTX 5090 32G</td> <td>华硕</td> <td>32GB GDDR7/2730MHz/575W/DLSS 4</td> <td>¥35000</td> <td>¥54999</td> <td>¥28000</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ¥50449 / 国行 ¥77428 / 二手 ¥42000</td> </tr> </tbody> </table></section><section><h4>高端配置③：创作者旗舰型<a href="#高端配置创作者旗舰型"><span>#</span></a></h4><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>AMD R9 9950X</td> <td>AMD</td> <td>16核32线程/4.3-5.7GHz/170W/Zen 5</td> <td>¥2719</td> <td>¥3000</td> <td>¥2200</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>微星 MEG X870E ACE</td> <td>微星</td> <td>AM5/DDR5/M.2*4/10GbE</td> <td>¥4000</td> <td>¥5000</td> <td>¥3000</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>海盗船 DOMINATOR 64G DDR5 6400</td> <td>海盗船</td> <td>64GB/DDR5-6400/CL32</td> <td>¥7500</td> <td>¥8500</td> <td>¥5000</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>三星 990 Pro 4T</td> <td>三星</td> <td>4TB/PCIe 4.0 NVMe</td> <td>¥4000</td> <td>¥5000</td> <td>¥2800</td> <td><span>→</span></td> </tr> <tr> <td>机械硬盘</td> <td>西数企业级 8TB</td> <td>西部数据</td> <td>8TB/7200rpm/256MB/CMR/企业级</td> <td>¥2500</td> <td>¥3699</td> <td>¥1800</td> <td><span>→</span></td> </tr> <tr> <td>显卡</td> <td>华硕 ROG STRIX RTX 5090 32G</td> <td>华硕</td> <td>32GB GDDR7/2730MHz/575W/DLSS 4</td> <td>¥35000</td> <td>¥54999</td> <td>¥28000</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ¥51719 / 国行 ¥75198 / 二手 ¥42800</td> </tr> </tbody> </table></section><section><h4>📋 本档简要说明（高端版）<a href="#-本档简要说明高端版"><span>#</span></a></h4><p><strong>适合人群</strong>：发烧友、专业视频创作者、3D建模师、AI研究员、直播推流专业户 <strong>可流畅运行</strong>：PR 8K剪辑、AE特效合成、Blender/C4D 3D渲染、Stable Diffusion高分辨率、4K全特效3A、直播推流+游戏同开 <strong>不适合</strong>：预算敏感场景、轻度办公（性能过剩）、便携需求（功耗高体积大）</p><p><strong>阵营差异提醒</strong>：</p><ul> <li>🟦 <strong>Intel 阵营</strong>（高端①）：Ultra 7 270K Plus（本周新替换）的 Arrow Lake Refresh 架构，24核24线程(8P+16E)单核爆发强，性能优于上代旗舰 285K，QuickSync 加速视频导出（节省40%+时间），Adobe/达芬奇全栈优化；LGA1851平台后续升级空间好。功耗温度比14代有改善但仍偏高（需360水冷）</li> <li>🟥 <strong>AMD 阵营</strong>（高端②③）：R9 9950X3D/9950X 的 3D V-Cache 对游戏帧率提升20-30%（9950X3D双CCD均带3D），多核并行渲染强（9950X），功耗温度优于 Intel，AM5平台后续可升级；但部分专业软件（达芬奇部分功能）兼容性略弱，无QuickSync加速</li> </ul><hr /></section></section></section><section><h2>🆕 二、新品推荐（厂家已发布但未在主流推荐中）<a href="#-二新品推荐厂家已发布但未在主流推荐中"><span>#</span></a></h2><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>类别</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>上市日期</th> <th>参考价</th> <th>推荐理由</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Ultra 7 270K Plus</td> <td>Intel</td> <td>24核24线程(8P+16E)/Arrow Lake Refresh</td> <td>2026-03</td> <td>¥1970</td> <td>性能优于285K且更便宜，本周已进入主流装机推荐（已替换到高端①）</td> </tr> <tr> <td>CPU</td> <td>Ultra 5 250K Plus</td> <td>Intel</td> <td>18核18线程(6P+12E)/Arrow Lake Refresh</td> <td>2026-03</td> <td>¥1300</td> <td>245KF的Refresh升级版，但部分源不建议，观望</td> </tr> <tr> <td>CPU</td> <td>Ryzen 7 9850X3D</td> <td>AMD</td> <td>8核16线程/3D V-Cache/Zen 5</td> <td>2026-08</td> <td>¥2800</td> <td>本周已进入知乎9月装机推荐25000元配置单，次旗舰游戏U</td> </tr> <tr> <td>CPU</td> <td>Ryzen AI Max PRO 495</td> <td>AMD</td> <td>16核32线程/192GB统一内存/131 TOPS</td> <td>2026-09-10</td> <td>暂无</td> <td>首颗本地跑300B模型的x86客户端芯片，AI工作站级</td> </tr> <tr> <td>显卡</td> <td>RTX 5090D v2</td> <td>NVIDIA</td> <td>32GB GDDR7/中国特供版</td> <td>2026-08</td> <td>¥16499</td> <td>国内可买最强显卡，但因禁售价格高（25000-30000元），性价比低</td> </tr> <tr> <td>显卡</td> <td>RX 9060 XT</td> <td>AMD</td> <td>16GB GDDR6/RDNA 4</td> <td>2026-09</td> <td>¥2629</td> <td>甜品级首选，性价比比5060Ti高，但综合表现不如5060Ti</td> </tr> <tr> <td>显卡</td> <td>Intel Arc B580</td> <td>Intel</td> <td>12GB GDDR6/Battlemage</td> <td>2026-Q2</td> <td>¥2400</td> <td>性能接近RTX5060且显存更大，5000元档ITX优选</td> </tr> <tr> <td>显卡</td> <td>RTX Spark N1X</td> <td>NVIDIA</td> <td>完整CUDA生态迷你主机</td> <td>2026-10</td> <td>暂无</td> <td>NVIDIA进军迷你主机，本地AI算力新形态，10月上市</td> </tr> <tr> <td>显卡</td> <td>RTX PRO 5500 Blackwell</td> <td>NVIDIA</td> <td>84GB ECC显存/5090核心</td> <td>2026-09-15</td> <td>暂无</td> <td>5090核心+84GB显存，面向本地大模型AI工作站</td> </tr> </tbody> </table><blockquote><p>说明：以上为厂家已发布但尚未进入多源主流装机推荐榜的新品（除270K Plus本周已替换到高端①），仅供参考。购买前请等待专业评测。</p></blockquote><hr /></section><section><h2>📰 三、上周硬件新品资讯<a href="#-三上周硬件新品资讯"><span>#</span></a></h2><section><h3>中文资讯（IT之家 / ZOL / 今日头条）<a href="#中文资讯it之家--zol--今日头条"><span>#</span></a></h3><ol> <li> <p><strong>AMD 锐龙 AI Max PRO 400 系列发布（9月10日）</strong> —— AMD 在北京发布首颗能在本地运行 3000 亿参数模型的 x86 客户端处理器，旗舰型号锐龙 AI Max+ PRO 495 拥有 192GB 统一内存（其中最多 160GB 可划给核显当显存），16核32线程 Zen 5，总算力 131 TOPS。联想、超聚变、铭凡、极摩客、七彩虹、阿迈奇等 9 款新品同步亮相。</p> </li> <li> <p><strong>技嘉 AORUS RTX 5060 雕妹显卡上市（9月16日）</strong> —— 技嘉推出二次元风格融合性能导向设计的 RTX 5060 显卡，面向游戏玩家与二次元爱好者。</p> </li> <li> <p><strong>AMD 发布经济型 R5 5500F 和 R5 7500（9月10日）</strong> —— AMD 为应对内存涨价，发布 Zen 3 架构 R5 5500F 和 Zen 4 架构 R5 7500 两款经济型桌面 CPU，降低入门装机门槛。</p> </li> <li> <p><strong>显卡日报9月16日：RTX 5090 京东高端非公站 5.1-5.4 万</strong> —— videocardprices 指数 82.2，新卡全面溢价：RTX 5090 美行 street 5000 美元（≈36000元，+150.1% vs MSRP），RTX 5080 1299 美元（≈9353元，+30%），RX 9070 XT 699.99 美元（≈5040元，+16.9%）。华强北”封仓待涨”未松动。</p> </li> <li> <p><strong>海盗船 SHUGO DDR5 艺术联名内存上市（9月12日）</strong> —— 美商海盗船推出 SHUGO DDR5 6000 32GB 套装，到手价 5399 元，搭载专利微钻孔 RGB 灯效技术，限量典藏款。</p> </li> </ol></section><section><h3>英文资讯（已翻译，保留原文标题对照）<a href="#英文资讯已翻译保留原文标题对照"><span>#</span></a></h3><ol> <li> <p><strong>NVIDIA quietly listed the RTX PRO 5500 Blackwell（9月15日）</strong> —— NVIDIA 悄然上架 RTX PRO 5500 Blackwell，搭载与 GeForce RTX 5090 相同的 21,760 个 CUDA 核心，但配备 84GB ECC 显存，面向本地运行大模型而非游戏。</p> </li> <li> <p><strong>AMD launched budget Ryzen 5500F and 7500 to dodge RAM prices（9月10日）</strong> —— AMD 发布 Zen 3 架构 Ryzen 5 5500F 和 Zen 4 架构 Ryzen 5 7500，两款经济型桌面芯片，旨在缓解 DDR4 和 DDR5 价格较春季暴涨约 4 倍的冲击。</p> </li> <li> <p><strong>Apple’s A20 Pro is the first 2nm smartphone chip（9月9日）</strong> —— 苹果在 9 月 9 日发布会上推出 A20 Pro，首款 2nm 工艺智能手机芯片，配备两个桌面级 CPU 超大核、7 核 GPU 和 32 核神经引擎，专为在手机上运行 AI 模型而构建。</p> </li> <li> <p><strong>Huawei, Cambricon hike AI chip prices as HBM squeeze bites（9月11日）</strong> —— 华为将 Ascend 950DT AI 芯片价格上调至 37255 美元以上，两个月内涨幅 20%-50%，寒武纪也将其下一代 690 芯片定价上调 20%-30%，两者均因 HBM 内存受美国出口管制限制而支付灰色市场溢价。</p> </li> <li> <p><strong>Nvidia’s DLSS 5 launches with Neural Rendering（9月3日）</strong> —— NVIDIA DLSS 5 于 9 月 3 日在 NBA 2K27 中首发，搭载 3D 引导神经渲染技术，能生成光栅化帧从未有过的光照和材质细节，RTX 50 系列独占。</p> </li> </ol><hr /></section></section><section><h2>📈 四、价格趋势分析<a href="#-四价格趋势分析"><span>#</span></a></h2><section><h3>整体趋势<a href="#整体趋势"><span>#</span></a></h3><ul> <li> <p><strong>CPU</strong>：<span>→ 平稳僵持</span>。Intel 涨价进入僵持期，Ultra 7 265K 散片¥2400-3449（国行暴涨），Ultra 5 245KF 小涨¥20。AMD 持续降价，R5 9600X 散片¥1000、R9 9950X3D 降至¥4151（累计降¥1370）、R9 9950X 降至¥2719。270K Plus 成 Intel 推荐首选¥1970（性能优于285K且更便宜）。</p> </li> <li> <p><strong>显卡</strong>：<span>↑ 大涨持续</span>。NVIDIA AIC 9月新一轮提价全面落地：RTX 5080 +500元、5070Ti +300元、5070 +200元。RTX 5090 京东自营¥54979（高端非公冲5.4万），市场价¥35000-40000；5080 京东¥12399-19999；5070Ti ¥8700-11000（较618+60%）；5070 ¥6600-8000。GDDR7 缺口（被 HBM 虹吸30-40%）短期无解，高位横盘长期化。</p> </li> <li> <p><strong>内存</strong>：<span>↑ 暴涨持续</span>。DDR5 32G套条¥3200-3900（同比+300%），DDR4 16G套条¥600起（同比+200-360%），DDR5 颗粒同比+480%，DDR4 8Gb同比+860%。但9月涨幅开始收窄，DDR5 现货 vs 合约溢价约+16%（高位），DDR4 8Gb 现货 vs 合约溢价约+43%（高位）。</p> </li> <li> <p><strong>固态硬盘</strong>：<span>→ 高位</span>。1TB NVMe ¥900-1200（同比+130%），三星990 Pro 1T 京东¥2099（促销¥1579），2T ¥3129（促销¥2699）。国产致态有小幅下行窗口（TiPlus 9100 1T ¥1259 逆行），但整体仍处高位。</p> </li> <li> <p><strong>机械硬盘</strong>：<span>→ 平稳偏高</span>。西数蓝盘 1TB 京东¥699、2TB ¥959、4TB ¥1099-1300；希捷酷鱼 2TB ¥999；西数黑盘 8TB ¥3699。企业级大容量仍在加速上涨。</p> </li> <li> <p><strong>主板</strong>：<span>→ 平稳</span>。微星 B860M MORTAR 京东¥1199-1499；华硕 ROG STRIX Z890-A 吹雪¥2499-3599。整体波动不大。</p> </li> </ul></section><section><h3>重点型号涨跌原因<a href="#重点型号涨跌原因"><span>#</span></a></h3><ol> <li> <p><strong>RTX 5090 暴涨（+150% vs MSRP）</strong>：AI 大模型需求导致 GDDR7 显存产能紧张，HBM 虹吸通用 DRAM 产能 30-40%，NVIDIA 减产消费级显卡转产 AI 卡，供给极度匮乏。华强北”封仓待涨”加剧短缺。</p> </li> <li> <p><strong>RTX 5070 Ti 大涨（较618 +60%）</strong>：GDDR7 显存成本暴涨三倍导致 BOM 成本大幅上升，9月1日起华硕、影驰率先上调约300元，9月4日微星、技嘉、映众跟进调价200-300元。</p> </li> <li> <p><strong>DDR5 内存暴涨（同比+300%）</strong>：AI 数据中心疯狂抢购 HBM 和通用 DRAM 产能，HBM 挤压 DDR5 供给收紧，价格传导到消费市场。TrendForce 预测缺货可能延续到2027年。</p> </li> <li> <p><strong>AMD CPU 降价（9950X3D 累计降¥1370）</strong>：AMD 主动降价应对 Intel Arrow Lake Refresh 竞争，抢占游戏市场份额。9800X3D 降至¥2329 创新史低。</p> </li> <li> <p><strong>Intel 285K 暴涨（¥499 涨至¥3449）</strong>：Arrow Lake 旗舰库存调整，渠道控货，叠加 270K Plus 新品分流需求，285K 被迫涨价去库存（本周已被270K Plus 替换出清单）。</p> </li> <li> <p><strong>SSD 高位运行</strong>：NAND 供给收紧，国产致态逆行走廊（TiPlus 9100 1T ¥1259）是因为长鑫存储产能释放窗口，但整体仍处高位。</p> </li> </ol><hr /></section></section><section><h2>⚠️ 五、未搜到价格的型号（需手动查询）<a href="#️-五未搜到价格的型号需手动查询"><span>#</span></a></h2><table> <colgroup> <col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>价格类型</th> <th>方案</th> <th>部件</th> <th>型号</th> <th>原因</th> </tr> </thead> <tbody> <tr> <td>散片/国行/二手</td> <td>基础①</td> <td>显卡</td> <td>集显 UHD730</td> <td>集显无独立售价，含在CPU内</td> </tr> </tbody> </table><blockquote><p>以上型号请手动到对应渠道查询。</p></blockquote><hr /><p><em>下周发送时间：2026-09-28（下周一）09&lt;00&gt;</em> <em>本报告由 WorkBuddy 自动化任务生成 · 数据源：WebSearch + IT之家RSS + 英文资讯站</em></p></section></section>https://blog.s520j.cn/posts/post-20260919-075652/https://blog.s520j.cn/posts/post-20260919-075652/Sat, 19 Sep 2026 00:00:00 GMT<section><h1>🐙 GitHub 本周累计 Star 最高 Top 10<a href="#-github-本周累计-star-最高-top-10"><span>#</span></a></h1><p><strong>生成日期</strong>：2026年09月18日</p><blockquote><p>数据来源：GitHub REST API | 2026年09月18日 实时抓取</p></blockquote><p>按 GitHub 全站 star 总数排序，反映历史影响力最大的开源项目（每周变化较小）。</p> <table><thead><tr><th>排名</th><th>项目</th><th>使用方向</th><th>简介与主要功能</th><th>语言</th><th>⭐ Star</th><th>Forks</th><th>协议</th><th>最近推送</th></tr></thead><tbody><tr><td>1</td><td><a href="https://github.com/codecrafters-io/build-your-own-x" target="_blank">codecrafters-io/build-your-own-x</a></td><td>编程学习资源</td><td>收录「从零动手重造各类技术」的教程与项目清单，用实战学习编程</td><td>Markdown</td><td>547,915</td><td>51,531</td><td>—</td><td>2026-07-14</td></tr><tr><td>2</td><td><a href="https://github.com/sindresorhus/awesome" target="_blank">sindresorhus/awesome</a></td><td>资源聚合清单</td><td>各类主题优质软件、库与资料清单的集合入口</td><td>—</td><td>507,189</td><td>36,935</td><td>CC0-1.0</td><td>2026-09-02</td></tr><tr><td>3</td><td><a href="https://github.com/public-apis/public-apis" target="_blank">public-apis/public-apis</a></td><td>开发工具/API</td><td>免费公开 API 大集合，覆盖天气、金融、影音等众多领域</td><td>Python</td><td>481,233</td><td>53,128</td><td>MIT</td><td>2026-09-17</td></tr><tr><td>4</td><td><a href="https://github.com/freeCodeCamp/freeCodeCamp" target="_blank">freeCodeCamp/freeCodeCamp</a></td><td>在线教育</td><td>免费学习数学、编程与计算机科学的开源课程平台</td><td>TypeScript</td><td>455,695</td><td>46,552</td><td>BSD-3-Clause</td><td>2026-09-17</td></tr><tr><td>5</td><td><a href="https://github.com/EbookFoundation/free-programming-books" target="_blank">EbookFoundation/free-programming-books</a></td><td>编程学习资源</td><td>免费可合法获取的编程书籍清单</td><td>Python</td><td>397,063</td><td>66,787</td><td>CC-BY-4.0</td><td>2026-09-15</td></tr><tr><td>6</td><td><a href="https://github.com/openclaw/openclaw" target="_blank">openclaw/openclaw</a></td><td>AI 助手框架</td><td>可运行在任何系统、任何平台的个人 AI 助手（🦞）</td><td>TypeScript</td><td>390,006</td><td>81,988</td><td>其他/未标注</td><td>2026-09-18</td></tr><tr><td>7</td><td><a href="https://github.com/donnemartin/system-design-primer" target="_blank">donnemartin/system-design-primer</a></td><td>系统设计学习</td><td>大规模系统设计学习指南，含 Anki 记忆卡，面试必备</td><td>Python</td><td>370,543</td><td>58,476</td><td>其他/未标注</td><td>2026-09-15</td></tr><tr><td>8</td><td><a href="https://github.com/nilbuild/developer-roadmap" target="_blank">nilbuild/developer-roadmap</a></td><td>开发者成长</td><td>交互式职业路线图与学习指导，帮助开发者规划成长路径</td><td>TypeScript</td><td>367,552</td><td>44,961</td><td>其他/未标注</td><td>2026-09-17</td></tr><tr><td>9</td><td><a href="https://github.com/jwasham/coding-interview-university" target="_blank">jwasham/coding-interview-university</a></td><td>面试准备</td><td>软件工程师完整自学计划（计算机科学系统学习）</td><td>—</td><td>361,115</td><td>84,841</td><td>CC-BY-SA-4.0</td><td>2025-08-28</td></tr><tr><td>10</td><td><a href="https://github.com/vinta/awesome-python" target="_blank">vinta/awesome-python</a></td><td>资源聚合清单</td><td>Python 精选资源清单：想做 X 该用哪个库，一查便知</td><td>Python</td><td>321,344</td><td>28,754</td><td>其他/未标注</td><td>2026-09-15</td></tr></tbody></table><hr /><p><em>说明：「简介与主要功能」「使用方向」依据仓库官方描述整理；⭐ 与 Fork 数字为抓取时刻的实时值，仅作参考。</em></p></section>https://blog.s520j.cn/posts/post-20260919-075736/https://blog.s520j.cn/posts/post-20260919-075736/Sat, 19 Sep 2026 00:00:00 GMT<section><h1>🔥 GitHub 本周热度提升最快 Top 10<a href="#-github-本周热度提升最快-top-10"><span>#</span></a></h1><p><strong>生成日期</strong>：2026年09月18日</p><blockquote><p>数据来源：GitHub Trending（since=weekly） | 2026年09月18日 实时抓取</p></blockquote><p>本周 star 增长最快的项目，捕捉当下热点。</p> <table><thead><tr><th>排名</th><th>项目</th><th>使用方向</th><th>简介与主要功能</th><th>语言</th><th>⭐ Star</th><th>新增 Star</th><th>Forks</th></tr></thead><tbody><tr><td>1</td><td><a href="https://github.com/alibaba/open-code-review" target="_blank">alibaba/open-code-review</a></td><td>代码审查工具</td><td>阿里巴巴开源的混合架构代码审查工具：确定性流水线 + LLM Agent，精确行级评论，内置多语言规则集（NPE、线程安全、XSS、SQL 注入），兼容 OpenAI 与 Anthropic</td><td>Go</td><td>34,676</td><td>+11,489</td><td>2,467</td></tr><tr><td>2</td><td><a href="https://github.com/ayghri/i-have-adhd" target="_blank">ayghri/i-have-adhd</a></td><td>AI 输出优化技能</td><td>让编码 Agent 不把答案埋在长篇输出里：直给答案、对注意力易分散人群友好的输出风格技能</td><td>Python</td><td>47,456</td><td>+10,800</td><td>2,764</td></tr><tr><td>3</td><td><a href="https://github.com/bilawalsidhu/gods-eye-view" target="_blank">bilawalsidhu/gods-eye-view</a></td><td>地理空间可视化</td><td>浏览器中的「间谍卫星」模拟器：在照片级 3D 地球上实时呈现开源空间情报数据</td><td>JavaScript</td><td>37,072</td><td>+14,460</td><td>7,453</td></tr><tr><td>4</td><td><a href="https://github.com/affaan-m/ECC" target="_blank">affaan-m/ECC</a></td><td>AI 开发工具</td><td>Agent 性能优化系统：为 Claude Code/Codex 等提供技能、记忆与安全增强</td><td>JavaScript</td><td>261,151</td><td>+5,607</td><td>39,093</td></tr><tr><td>5</td><td><a href="https://github.com/mksglu/context-mode" target="_blank">mksglu/context-mode</a></td><td>AI 编程效率工具</td><td>AI 编码 Agent 的上下文窗口优化：沙箱化工具输出（缩减 98%）、持久会话记忆、跨 17 个平台的 MCP+hooks 路由</td><td>TypeScript</td><td>23,391</td><td>+1,482</td><td>1,683</td></tr><tr><td>6</td><td><a href="https://github.com/Tencent/WeKnora" target="_blank">Tencent/WeKnora</a></td><td>AI 知识库平台</td><td>腾讯开源 LLM 知识平台：把原始文档变成可问答的 RAG、自主推理 Agent 与自维护 Wiki</td><td>Go</td><td>26,177</td><td>+3,982</td><td>3,550</td></tr><tr><td>7</td><td><a href="https://github.com/openai/plugins" target="_blank">openai/plugins</a></td><td>AI 插件目录</td><td>OpenAI 官方插件仓库</td><td>JavaScript</td><td>6,911</td><td>+564</td><td>900</td></tr><tr><td>8</td><td><a href="https://github.com/max-sixty/worktrunk" target="_blank">max-sixty/worktrunk</a></td><td>命令行效率工具</td><td>Git worktree（工作树）管理命令行工具，专为并行 AI Agent 工作流设计</td><td>Rust</td><td>7,935</td><td>+1,060</td><td>272</td></tr><tr><td>9</td><td><a href="https://github.com/addyosmani/agent-skills" target="_blank">addyosmani/agent-skills</a></td><td>AI 技能库</td><td>面向 AI 编码 Agent 的生产级工程技能集</td><td>JavaScript</td><td>95,837</td><td>+2,560</td><td>10,145</td></tr><tr><td>10</td><td><a href="https://github.com/anthropics/claude-code" target="_blank">anthropics/claude-code</a></td><td>AI 编码助手</td><td>运行在终端的 Agent 式编码工具：理解代码库，用自然语言执行例行任务、解释代码、处理 git 工作流</td><td>TypeScript</td><td>145,861</td><td>+1,294</td><td>23,631</td></tr></tbody></table><hr /><p><em>说明：「简介与主要功能」「使用方向」依据仓库官方描述整理；⭐ 与 Fork 数字为抓取时刻的实时值，仅作参考。</em></p></section>https://blog.s520j.cn/posts/post-20260914-142906/https://blog.s520j.cn/posts/post-20260914-142906/Mon, 14 Sep 2026 00:00:00 GMT<section><h1>🖥️ 计算机硬件周报 2026-09-14（精简版·清单未变动）<a href="#️-计算机硬件周报-2026-09-14精简版清单未变动"><span>#</span></a></h1><blockquote><p>采集时间：2026-09-14 09&lt;00&gt; · 数据源：WebSearch + IT之家RSS + 英文资讯站 下次发送：下周一 09&lt;00&gt; 趋势图例：<span>↑</span> 上涨 / <span>↓</span> 下跌 / <span>→</span> 平稳 / <span>—</span> 无数据</p></blockquote><hr /><blockquote><p>⚠️ <strong>合规与免责声明</strong></p><ol> <li>价格为采集时刻参考价，实际以下单为准</li> <li>趋势分析仅供参考，不构成购买建议</li> <li>AMD/Intel 阵营差异提醒基于公开技术资料与行业评测综合判断，不代表对任一厂商的立场</li> <li>新品推荐仅为信息聚合，购买前请等待专业评测</li> <li>表格列宽已适配公众号/博客宽度（100% 容器宽度 + 固定列宽 + 自动换行），可放心复制粘贴</li> <li>转载请注明来源：WorkBuddy 自动化周报</li> </ol></blockquote><hr /><section><h2>📋 本周清单状态<a href="#-本周清单状态"><span>#</span></a></h2><blockquote><p>✅ 本周已搜索 5 个中文源（开关芝士、什么值得买、爱企查、ZOL、IT之家）+ 4 个英文源（Tom’s Hardware、VideoCardz、Reddit r/buildapc、UL Benchmarks） 对比结果：<strong>清单无变动</strong>，沿用 v2.0 清单（2026-09-05 定稿）继续追踪价格</p></blockquote><p><strong>本周多源投票关键发现</strong>：</p><ul> <li>Intel Core Ultra 7 270K Plus（24核24线程，¥1970）连续第5周被≥5源推荐，开关芝士本周明确建议”一步到位上270K Plus”（游戏性能反超285K）。但按”同代 Refresh 小改款保守不替换”原则，继续归新品推荐</li> <li>现有清单全部型号（i3-14100F / R5 5500 / 5600 / Ultra 5 245KF / 9600X / Ultra 7 265K / Ultra 9 285K / 9950X3D / 9950X）仍被多源推荐，无停产/下架</li> <li>9套方案价格已全部采集（用于趋势分析数据基础）</li> </ul><hr /></section><section><h2>🆕 一、新品推荐（厂家已发布但未在主流推荐中）<a href="#-一新品推荐厂家已发布但未在主流推荐中"><span>#</span></a></h2><table> <colgroup> <col /><col /><col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>类别</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>上市日期</th> <th>参考价</th> <th>推荐理由</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Intel Core Ultra 7 270K Plus</td> <td>Intel</td> <td>24核24线程(8P+16E)/3.7-5.7GHz/125W/Arrow Lake Refresh Plus</td> <td>2026-03</td> <td>¥1970</td> <td>285K优化改名版，游戏性能反超285K，比285K便宜¥1500，英特尔信仰粉终极选择</td> </tr> <tr> <td>CPU</td> <td>Intel Core Ultra 5 250K Plus</td> <td>Intel</td> <td>18核18线程(6P+12E)/Arrow Lake Refresh Plus</td> <td>2026-03</td> <td>¥1300</td> <td>主流档位Plus版，但部分源不建议（D5太贵、未来升级无望）</td> </tr> <tr> <td>CPU</td> <td>AMD Ryzen 7 9800X3D</td> <td>AMD</td> <td>8核16线程/5.2GHz/96MB 3D V-Cache/Zen 5</td> <td>2025-11</td> <td>¥2329</td> <td>游戏王者新史低，3D V-Cache对网游帧率提升20-30%，首发¥3699现已降¥1370</td> </tr> <tr> <td>CPU</td> <td>AMD Ryzen 9 9950X3D V2</td> <td>AMD</td> <td>16核32线程/双CCD 3D V-Cache升级版/Zen 5</td> <td>2026-Q2</td> <td>¥5951</td> <td>加了一组缓存，核心规格无变化，价格比9950X3D贵¥1800，性价比存疑</td> </tr> <tr> <td>APU</td> <td>AMD Ryzen AI Max PRO 400</td> <td>AMD</td> <td>192GB统一内存/本地运行3000亿参数模型/x86首颗</td> <td>2026-09-10</td> <td>待定</td> <td>IFA 2026发布，x86笔记本首次无需独显即可本地运行超3000亿参数模型</td> </tr> <tr> <td>GPU</td> <td>AMD Radeon RX 9070 XT</td> <td>AMD</td> <td>16GB GDDR6/FSR4/性能媲美RTX 5070 Ti</td> <td>2025-Q4</td> <td>¥5671-6000</td> <td>Tom's Hardware评"最全面GPU"，性价比远超N卡，16GB显存避开显存瓶颈</td> </tr> <tr> <td>GPU</td> <td>Intel Arc B580</td> <td>Intel</td> <td>12GB GDDR6/XeSS/性能接近RTX 5060</td> <td>2025-Q4</td> <td>¥2400-2800</td> <td>入门档位最佳性价比，12GB显存大于5060的8GB，功耗低对旧电源友好</td> </tr> <tr> <td>内存</td> <td>长鑫 LPDDR6</td> <td>长鑫存储</td> <td>12800Mbps/带宽较LPDDR5X提升60%/功耗降20%</td> <td>2026-09-07</td> <td>—</td> <td>全球首发量产商用，小米18 Fold首发搭载，国产存储里程碑</td> </tr> <tr> <td>AI芯片</td> <td>NVIDIA RTX Spark</td> <td>NVIDIA</td> <td>128GB统一内存/1 PFLOPS FP4/本地运行1200亿参数模型</td> <td>2026-09-04</td> <td>—</td> <td>联想IFA发布，装入Yoga Pro 9n笔记本，本地大模型推理新标杆</td> </tr> </tbody> </table><blockquote><p>说明：以上为厂家已发布但尚未进入多源主流装机推荐榜的新品，仅供参考。</p></blockquote><hr /></section><section><h2>📰 二、上周硬件新品资讯<a href="#-二上周硬件新品资讯"><span>#</span></a></h2><section><h3>中文资讯（IT之家 / ZOL / 凤凰科技 / 今日头条）<a href="#中文资讯it之家--zol--凤凰科技--今日头条"><span>#</span></a></h3><ol> <li><strong>AMD发布Ryzen AI Max PRO 400系列</strong>（9月10日，北京媒体沙龙）：192GB统一内存，x86笔记本首次无需独显即可本地运行超3000亿参数模型。联想、超聚变、铭凡等9款新品亮相。受全球DRAM涨价146%影响，192GB配置供货存变数。（来源：凤凰科技）</li> <li><strong>华硕技嘉9月再次上调显卡售价，最高涨500元</strong>（9月7日）：华硕RTX 5070系列+150-300元，技嘉RTX 5060 Ti 16G+200元，AMD RX 9070 XT+200元、RX 7650 GRE+400元。NVIDIA第三季度消费级GPU出货量下调15%-20%。（来源：新浪财经/凤凰科技/搜狐）</li> <li><strong>华为发布麒麟9050 Pro处理器</strong>（9月7日）：首款逻辑折叠技术芯片，性能提升42%，Mate XT 2三折叠手机首发搭载。同时发布鸿蒙HarmonyOS 7系统。（来源：IT之家）</li> <li><strong>长鑫存储官宣LPDDR6量产商用</strong>（9月7日）：速率12800Mbps，带宽较LPDDR5X提升60%，功耗降低20%，小米18 Fold首发搭载。（来源：IT之家）</li> <li><strong>内存涨价或持续至2028年</strong>（9月10日）：存储芯片成本飙升300%，2026上半年DRAM合约价涨超200%，手机存储成本占整机物料从10%飙至30%以上。业内预期涨价至少持续至2027年，悲观预测延续至2028年Q2。（来源：新浪财经/光明网）</li> </ol></section><section><h3>英文资讯（已翻译，保留原文标题对照）<a href="#英文资讯已翻译保留原文标题对照"><span>#</span></a></h3><ol> <li><strong>AMD Ryzen AI Max PRO 400 at IFA 2026</strong>（9月4日）：AMD在IFA 2026发布代号”Gorgon Halo”的Ryzen AI Max PRO 400，CPU与GPU共享192GB LPDDR5X-8533统一内存池，最高160GB可作显存，x86笔记本首次无需独显即可本地运行超3000亿参数模型。惠普、联想为首批合作伙伴。(Source: ZAKER Tech)</li> <li><strong>Arm announces C2-Ultra CPU core and Mali G2-Ultra NX GPU</strong>（9月8日）：Arm发布新一代C2-Ultra与C2-Pro CPU核心，宣称AI模型效能最高提升1.7倍、单线程效能提升15%。小米18 Fold的玄戒O3芯片首发采用。新Mali G2-Ultra NX GPU将神经加速整合进绘图管线，整体效能提升14%。(Source: Arm Newsroom / 9to5Google)</li> <li><strong>Tom’s Hardware June 2026 GPU hierarchy update</strong>（6月更新，本周引用）：RX 9070 XT被评为”最全面显卡”，性能媲美RTX 5070 Ti但售价明显更低，16GB显存避开显存瓶颈，FSR4画质提升突出。RTX 5070 Ti以强劲效能及DLSS 4获肯定但价格偏高。(Source: Tom’s Hardware)</li> <li><strong>GPU Price Index September 2026</strong>（9月13日）：videocardprices.com追踪的22款GPU中，RTX 5090实际售价超MSRP +81.8%（<span><span>3635vs3635 vs </span><span><span><span></span><span>3635</span><span>v</span><span>s</span></span></span></span>1999），RTX 5070 +36.4%，RTX 5080 +30%。RTX 4060仅+3.7%，RX 6600低于MSRP -45.3%。(Source: videocardprices.com)</li> <li><strong>Nvidia directs more Blackwell chips to AI hardware</strong>（9月8日）：NVIDIA将更多4nm GB20x Blackwell芯片产能从消费级GeForce显卡转向专业AI产品。第三季度消费级GPU出货量已下调15%-20。华硕、技嘉等板卡厂9月在中国大陆再次上调显卡售价。(Source: ConsolePCGaming / 3DCenter)</li> </ol><hr /></section></section><section><h2>📈 三、价格趋势分析<a href="#-三价格趋势分析"><span>#</span></a></h2><section><h3>整体趋势<a href="#整体趋势"><span>#</span></a></h3><ul> <li><strong>CPU</strong>：<span>↓</span> 小降。AMD降价明显——9800X3D降至¥2329新史低（首发¥3699，累计降¥1370），9950X降至¥2719（-¥107），9950X3D降至¥4151（-¥24）。Intel涨价僵持——285K暴涨¥499至¥3449，245KF小涨¥20。270K Plus成英特尔推荐首选（¥1970，游戏性能反超285K）。预计CES 2027发布Ultra 4950K（28核8P+20E）</li> <li><strong>显卡</strong>：<span>↑</span> 大涨。NVIDIA AIC 9月新一轮提价已落地——5080+500元/5070Ti+300元/5070+200元。RTX 5090溢价最严重（官价¥14999，京东自营¥54979，水货约¥38000+，闲鱼被扫空）。5080京东¥11100-18000，5070 Ti ¥8000-12000，5070 ¥6000-8000。RTX 5060/5050跟涨。AMD RX 9070 XT相对洼地（¥5671-6000，涨幅&lt;5%）。RTX 4060跟涨至¥2650-3100。核心原因：GDDR显存涨价+GPU晶圆产能转向AI加速器</li> <li><strong>内存</strong>：<span>↑</span> 暴涨。DDR5 32G套条¥2800-4000（去年¥800，+250%-400%），DDR4 16G单条¥600-920（去年¥200，+200%-360%）。DDR5颗粒同比+480%，DDR4 8Gb颗粒同比+860%。8月涨幅开始收窄（合约价环比+4.2%，结束两位数暴涨），但维持高位运行。TrendForce预计Q3 PC DRAM涨幅18%-23%。涨价或持续至2027-2028年</li> <li><strong>固态硬盘</strong>：<span>→</span> 高位。1TB NVMe ¥850-950（去年¥410，+130%），2TB NVMe ¥1800（+220%）。三星990 Pro 1T ¥1400-1700，2T ¥2900-3100，4T ¥5500。国产致态有小幅下行窗口（TiPlus 9100 1T ¥1259逆行）。NAND闪存面临修正压力（消费需求疲软+库存压力）</li> <li><strong>机械硬盘</strong>：<span>→</span> 平稳偏高。4TB SATA ¥800（+40%），8TB酷狼¥2850（+140%），企业级大幅涨价。企业级30.72TB QLC eSSD约¥33466（30日+12.48%）</li> <li><strong>主板</strong>：<span>→</span> 平稳。B860/B850/Z890/X870E等新平台主板价格稳定，无明显涨跌</li> </ul></section><section><h3>重点型号涨跌原因<a href="#重点型号涨跌原因"><span>#</span></a></h3><ul> <li><strong>RTX 5090暴涨（京东¥54979）</strong>：AI抢购+产能转向AI GPU+12V-2x6电源接头过热问题+显存紧缺。官价¥14999已成”纯粹想象”，实际市场价超官价2.5-3.7倍</li> <li><strong>9800X3D新史低（¥2329）</strong>：AMD主动降价抢占游戏CPU市场，3D V-Cache技术优势明显，与Intel 285K形成鲜明对比（Intel涨价AMD降价）</li> <li><strong>内存暴涨（DDR5颗粒同比+480%）</strong>：AI数据中心疯狂抢购HBM和通用DRAM产能，三星/SK海力士/美光将70%-90%先进产能转向HBM。单台AI服务器DRAM搭载量是传统服务器8-10倍，AI服务器占全球存储总需求53%</li> <li><strong>NAND闪存面临修正压力</strong>：消费需求疲软+前期备货库存高企，与DRAM形成分化。但DRAM因供给紧缺持续走强</li> </ul></section><section><h3>9套方案整机合计（内部记录·散片/国行/二手）<a href="#9套方案整机合计内部记录散片国行二手"><span>#</span></a></h3> <table><thead><tr><th>档位</th><th>方案</th><th>散片合计</th><th>国行合计</th><th>二手合计</th></tr></thead><tbody><tr><td>🟢基础①</td><td>i3-14100F集显</td><td>¥2,820</td><td>¥3,100</td><td>¥1,680</td></tr><tr><td>🟢基础②</td><td>R5 5500+RX6600</td><td>¥4,100</td><td>¥4,730</td><td>¥2,550</td></tr><tr><td>🟢基础③</td><td>R5 5600+RTX4060</td><td>¥5,579</td><td>¥6,300</td><td>¥3,550</td></tr><tr><td>🔵主流①</td><td>Ultra5 245KF+RTX5070</td><td>¥13,370</td><td>¥15,200</td><td>¥9,410</td></tr><tr><td>🔵主流②</td><td>R5 9600X+RTX5070Ti</td><td>¥14,860</td><td>¥18,800</td><td>¥11,410</td></tr><tr><td>🔵主流③</td><td>Ultra7 265K+RTX5070Ti</td><td>¥17,779</td><td>¥21,700</td><td>¥13,200</td></tr><tr><td>🔴高端①</td><td>Ultra9 285K+RTX5080</td><td>¥29,049</td><td>¥33,400</td><td>¥21,600</td></tr><tr><td>🔴高端②</td><td>R9 9950X3D+RTX5090</td><td>¥54,951</td><td>¥66,600</td><td>¥48,000</td></tr><tr><td>🔴高端③</td><td>R9 9950X+RTX5090</td><td>¥61,019</td><td>¥74,900</td><td>¥49,800</td></tr></tbody></table><blockquote><p>与上周（9月7日）对比：显卡持续大涨（5090水货从¥34000涨至¥38000，+11.8%），内存暴涨持续，AMD CPU降价（9800X3D新史低），Intel CPU涨价（285K+¥499）。整机合计高端②③因RTX 5090涨价大幅上升。</p></blockquote><hr /></section></section><section><h2>⚠️ 四、未搜到价格的型号（需手动查询）<a href="#️-四未搜到价格的型号需手动查询"><span>#</span></a></h2><table> <colgroup> <col /><col /><col /><col /><col /> </colgroup> <thead> <tr> <th>价格类型</th> <th>方案</th> <th>部件</th> <th>型号</th> <th>原因</th> </tr> </thead> <tbody> <tr> <td>散片/国行/二手</td> <td>基础①</td> <td>显卡</td> <td>集显 UHD730</td> <td>CPU核显，无独立售价，已计为0元</td> </tr> <tr> <td>国行</td> <td>高端②③</td> <td>显卡</td> <td>华硕 ROG STRIX RTX 5090 32G</td> <td>京东自营经常缺货（¥54979有价无市），水货约¥38000+无联保，闲鱼被扫空。本周国行价取¥50000（京东自营华硕/技嘉）</td> </tr> <tr> <td>散片</td> <td>高端③</td> <td>机械硬盘</td> <td>西数企业级 8TB</td> <td>企业级硬盘供货紧张，8TB酷狼约¥2850，西数企业级8TB约¥2800-3000（需到西数企业级渠道查询）</td> </tr> <tr> <td>散片</td> <td>基础①</td> <td>CPU</td> <td>Intel i3-14100F</td> <td>散片价¥670（开关芝士9月口径），但散片渠道需板U套装购买更划算</td> </tr> </tbody> </table><blockquote><p>以上型号请手动到对应渠道查询。</p></blockquote><hr /><p><em>下周发送时间：2026-09-21（下周一）09&lt;00&gt;</em> <em>下周若清单有变动，将发送完整版周报</em></p></section></section>https://blog.s520j.cn/posts/post-20260911-094342/https://blog.s520j.cn/posts/post-20260911-094342/Fri, 11 Sep 2026 00:00:00 GMT<section><h1>🔥 GitHub 本周热度提升最快 Top 10<a href="#-github-本周热度提升最快-top-10"><span>#</span></a></h1><p><strong>生成日期</strong>：2026年09月11日</p><blockquote><p>数据来源：GitHub Trending（since=weekly） | 2026年09月11日 实时抓取</p></blockquote><p>本周 star 增长最快的项目，捕捉当下热点。</p> <table><thead><tr><th>排名</th><th>项目</th><th>使用方向</th><th>简介与主要功能</th><th>语言</th><th>⭐ Star</th><th>新增 Star</th><th>Forks</th></tr></thead><tbody><tr><td>1</td><td><a href="https://github.com/affaan-m/ECC" target="_blank">affaan-m/ECC</a></td><td>AI 开发工具</td><td>Agent 性能优化系统：为 Claude Code/Codex 等提供技能、记忆与安全增强</td><td>JavaScript</td><td>255,895</td><td>+9,257</td><td>38,303</td></tr><tr><td>2</td><td><a href="https://github.com/ayghri/i-have-adhd" target="_blank">ayghri/i-have-adhd</a></td><td>AI 输出优化技能</td><td>让编码 Agent 不把答案埋在长篇输出里：直给答案、对注意力易分散人群友好的输出风格技能</td><td>Python</td><td>38,289</td><td>+10,215</td><td>2,202</td></tr><tr><td>3</td><td><a href="https://github.com/DietrichGebert/ponytail" target="_blank">DietrichGebert/ponytail</a></td><td>AI 编码理念技能</td><td>让 AI Agent 像房间里最「懒」的资深工程师一样思考：最好的代码是不必写的代码</td><td>JavaScript</td><td>134,707</td><td>+11,638</td><td>7,214</td></tr><tr><td>4</td><td><a href="https://github.com/tt-a1i/archify" target="_blank">tt-a1i/archify</a></td><td>AI 设计技能</td><td>让 Agent 生成架构图/流程图/时序图的技能，输出自包含可交互动画 HTML</td><td>JavaScript</td><td>57,390</td><td>+11,958</td><td>3,749</td></tr><tr><td>5</td><td><a href="https://github.com/fmtlib/fmt" target="_blank">fmtlib/fmt</a></td><td>C++ 基础库</td><td>现代化的 C++ 格式化库：安全高效的文本格式化，Python 风格 API</td><td>C++</td><td>25,720</td><td>+920</td><td>3,058</td></tr><tr><td>6</td><td><a href="https://github.com/mattpocock/skills" target="_blank">mattpocock/skills</a></td><td>AI 技能库</td><td>面向真实工程师的 Agent Skills 集合（来自 .agents 目录）</td><td>Shell</td><td>258,860</td><td>+12,356</td><td>21,808</td></tr><tr><td>7</td><td><a href="https://github.com/openai/plugins" target="_blank">openai/plugins</a></td><td>AI 插件目录</td><td>OpenAI 官方插件仓库</td><td>JavaScript</td><td>6,383</td><td>+1,018</td><td>842</td></tr><tr><td>8</td><td><a href="https://github.com/blader/humanizer" target="_blank">blader/humanizer</a></td><td>文本处理技能</td><td>去除文本中 AI 生成写作痕迹的 Agent 技能</td><td>Python</td><td>46,476</td><td>+5,224</td><td>3,803</td></tr><tr><td>9</td><td><a href="https://github.com/mksglu/context-mode" target="_blank">mksglu/context-mode</a></td><td>AI 编程效率工具</td><td>AI 编码 Agent 的上下文窗口优化：沙箱化工具输出（缩减 98%）、持久会话记忆、跨 17 个平台的 MCP+hooks 路由</td><td>TypeScript</td><td>22,009</td><td>+1,619</td><td>1,584</td></tr><tr><td>10</td><td><a href="https://github.com/openai/skills" target="_blank">openai/skills</a></td><td>AI 技能目录</td><td>OpenAI Codex 的官方技能目录</td><td>Python</td><td>26,859</td><td>+1,490</td><td>1,801</td></tr></tbody></table><hr /><p><em>说明：「简介与主要功能」「使用方向」依据仓库官方描述整理；⭐ 与 Fork 数字为抓取时刻的实时值，仅作参考。</em></p></section>https://blog.s520j.cn/posts/post-20260908-101617/https://blog.s520j.cn/posts/post-20260908-101617/Tue, 08 Sep 2026 00:00:00 GMT<section><h1>🔥 GitHub 本周热度提升最快 Top 10<a href="#-github-本周热度提升最快-top-10"><span>#</span></a></h1><p><strong>生成日期</strong>：2026年09月08日</p><blockquote><p>数据来源：GitHub Trending（since=weekly） | 2026年09月08日 实时抓取</p></blockquote><p>本周 star 增长最快的项目，捕捉当下热点。</p> <table><thead><tr><th>排名</th><th>项目</th><th>使用方向</th><th>简介与主要功能</th><th>语言</th><th>⭐ Star</th><th>新增 Star</th><th>Forks</th></tr></thead><tbody><tr><td>1</td><td><a href="https://github.com/magnitudedev/magnitude" target="_blank">magnitudedev/magnitude</a></td><td>本地推理服务</td><td>开源推理服务器：为本地硬件运行最优本地模型，可接入现有 Agent 工具</td><td>TypeScript</td><td>4,029</td><td>+1,961</td><td>290</td></tr><tr><td>2</td><td><a href="https://github.com/tt-a1i/archify" target="_blank">tt-a1i/archify</a></td><td>AI 设计技能</td><td>让 Agent 生成架构图/流程图/时序图的技能，输出自包含可交互动画 HTML</td><td>JavaScript</td><td>52,808</td><td>+17,190</td><td>3,449</td></tr><tr><td>3</td><td><a href="https://github.com/Gitlawb/openclaude" target="_blank">Gitlawb/openclaude</a></td><td>AI 编码助手</td><td>可在任何系统运行、可接任意模型后端的 AI 助手</td><td>TypeScript</td><td>32,936</td><td>+1,944</td><td>9,066</td></tr><tr><td>4</td><td><a href="https://github.com/THU-MAIC/OpenMAIC" target="_blank">THU-MAIC/OpenMAIC</a></td><td>AI 教育平台</td><td>清华大学多智能体互动课堂：一键体验沉浸式多智能体学习</td><td>TypeScript</td><td>33,033</td><td>+9,193</td><td>5,367</td></tr><tr><td>5</td><td><a href="https://github.com/google-research/timesfm" target="_blank">google-research/timesfm</a></td><td>时序预测模型</td><td>Google Research 的时间序列基础模型 TimesFM，用于时序预测</td><td>Python</td><td>31,834</td><td>+3,203</td><td>3,038</td></tr><tr><td>6</td><td><a href="https://github.com/jingyaogong/minimind" target="_blank">jingyaogong/minimind</a></td><td>大模型学习</td><td>2 小时从零训练一个 6400 万参数小模型的大模型入门项目</td><td>Python</td><td>59,474</td><td>+3,816</td><td>7,712</td></tr><tr><td>7</td><td><a href="https://github.com/pollen-robotics/microduck_rl" target="_blank">pollen-robotics/microduck_rl</a></td><td>强化学习训练</td><td>为 Microduck（基于 mjlab）提供的强化学习训练环境</td><td>Python</td><td>1,900</td><td>+1,122</td><td>375</td></tr><tr><td>8</td><td><a href="https://github.com/debpalash/VoiceStudio" target="_blank">debpalash/VoiceStudio</a></td><td>语音合成工具</td><td>开源全本地语音工作台（ElevenLabs 替代）：声音克隆、配音、转写、有声书，支持 646 种语言</td><td>Python</td><td>20,594</td><td>+7,513</td><td>2,570</td></tr><tr><td>9</td><td><a href="https://github.com/fmtlib/fmt" target="_blank">fmtlib/fmt</a></td><td>C++ 基础库</td><td>现代化的 C++ 格式化库：安全高效的文本格式化，Python 风格 API</td><td>C++</td><td>25,652</td><td>+1,885</td><td>3,045</td></tr><tr><td>10</td><td><a href="https://github.com/affaan-m/ECC" target="_blank">affaan-m/ECC</a></td><td>AI 开发工具</td><td>Agent 性能优化系统：为 Claude Code/Codex 等提供技能、记忆与安全增强</td><td>JavaScript</td><td>252,782</td><td>+6,394</td><td>37,921</td></tr></tbody></table><hr /><p><em>说明：「简介与主要功能」「使用方向」依据仓库官方描述整理；⭐ 与 Fork 数字为抓取时刻的实时值，仅作参考。</em></p></section>https://blog.s520j.cn/posts/post-20260908-101912/https://blog.s520j.cn/posts/post-20260908-101912/Tue, 08 Sep 2026 00:00:00 GMT<section><h1>🐙 GitHub 本周累计 Star 最高 Top 10<a href="#-github-本周累计-star-最高-top-10"><span>#</span></a></h1><p><strong>生成日期</strong>：2026年09月08日</p><blockquote><p>数据来源：GitHub REST API | 2026年09月08日 实时抓取</p></blockquote><p>按 GitHub 全站 star 总数排序，反映历史影响力最大的开源项目（每周变化较小）。</p> <table><thead><tr><th>排名</th><th>项目</th><th>使用方向</th><th>简介与主要功能</th><th>语言</th><th>⭐ Star</th><th>Forks</th><th>协议</th><th>最近推送</th></tr></thead><tbody><tr><td>1</td><td><a href="https://github.com/codecrafters-io/build-your-own-x" target="_blank">codecrafters-io/build-your-own-x</a></td><td>编程学习资源</td><td>收录「从零动手重造各类技术」的教程与项目清单，用实战学习编程</td><td>Markdown</td><td>545,845</td><td>51,381</td><td>—</td><td>2026-07-14</td></tr><tr><td>2</td><td><a href="https://github.com/sindresorhus/awesome" target="_blank">sindresorhus/awesome</a></td><td>资源聚合清单</td><td>各类主题优质软件、库与资料清单的集合入口</td><td>—</td><td>503,974</td><td>36,775</td><td>CC0-1.0</td><td>2026-09-02</td></tr><tr><td>3</td><td><a href="https://github.com/public-apis/public-apis" target="_blank">public-apis/public-apis</a></td><td>开发工具/API</td><td>免费公开 API 大集合，覆盖天气、金融、影音等众多领域</td><td>Python</td><td>477,017</td><td>52,653</td><td>MIT</td><td>2026-09-05</td></tr><tr><td>4</td><td><a href="https://github.com/freeCodeCamp/freeCodeCamp" target="_blank">freeCodeCamp/freeCodeCamp</a></td><td>在线教育</td><td>免费学习数学、编程与计算机科学的开源课程平台</td><td>TypeScript</td><td>455,181</td><td>46,147</td><td>BSD-3-Clause</td><td>2026-09-07</td></tr><tr><td>5</td><td><a href="https://github.com/EbookFoundation/free-programming-books" target="_blank">EbookFoundation/free-programming-books</a></td><td>编程学习资源</td><td>免费可合法获取的编程书籍清单</td><td>Python</td><td>396,211</td><td>66,743</td><td>CC-BY-4.0</td><td>2026-09-06</td></tr><tr><td>6</td><td><a href="https://github.com/openclaw/openclaw" target="_blank">openclaw/openclaw</a></td><td>AI 助手框架</td><td>可运行在任何系统、任何平台的个人 AI 助手（🦞）</td><td>TypeScript</td><td>389,143</td><td>81,773</td><td>其他/未标注</td><td>2026-09-07</td></tr><tr><td>7</td><td><a href="https://github.com/donnemartin/system-design-primer" target="_blank">donnemartin/system-design-primer</a></td><td>系统设计学习</td><td>大规模系统设计学习指南，含 Anki 记忆卡，面试必备</td><td>Python</td><td>368,607</td><td>58,288</td><td>其他/未标注</td><td>2026-03-20</td></tr><tr><td>8</td><td><a href="https://github.com/nilbuild/developer-roadmap" target="_blank">nilbuild/developer-roadmap</a></td><td>开发者成长</td><td>交互式职业路线图与学习指导，帮助开发者规划成长路径</td><td>TypeScript</td><td>366,533</td><td>44,901</td><td>其他/未标注</td><td>2026-09-07</td></tr><tr><td>9</td><td><a href="https://github.com/jwasham/coding-interview-university" target="_blank">jwasham/coding-interview-university</a></td><td>面试准备</td><td>软件工程师完整自学计划（计算机科学系统学习）</td><td>—</td><td>360,524</td><td>84,809</td><td>CC-BY-SA-4.0</td><td>2025-08-28</td></tr><tr><td>10</td><td><a href="https://github.com/vinta/awesome-python" target="_blank">vinta/awesome-python</a></td><td>资源聚合清单</td><td>Python 精选资源清单：想做 X 该用哪个库，一查便知</td><td>Python</td><td>319,143</td><td>28,683</td><td>其他/未标注</td><td>2026-09-01</td></tr></tbody></table><hr /><p><em>说明：「简介与主要功能」「使用方向」依据仓库官方描述整理；⭐ 与 Fork 数字为抓取时刻的实时值，仅作参考。</em></p></section>https://blog.s520j.cn/posts/post-20260905-145659/https://blog.s520j.cn/posts/post-20260905-145659/Sat, 05 Sep 2026 00:00:00 GMT<section><h1>🖥️ 计算机硬件周报 2026-09-05<a href="#️-计算机硬件周报-2026-09-05"><span>#</span></a></h1><blockquote><p>时间：2026-09-05 09&lt;00&gt; · 数据源：WebSearch + IT之家RSS + 英文资讯站<br /> 下次发送：2026-09-07（周一） 09&lt;00&gt;<br /> 趋势图例：<span>↑</span> 上涨 / <span>↓</span> 下跌 / <span>→</span> 平稳 / <span>—</span> 无数据</p></blockquote><hr /><blockquote><p>⚠️ <strong>合规与免责声明</strong></p><ol> <li>价格为采集时刻参考价，实际以下单为准</li> <li>趋势分析仅供参考，不构成购买建议</li> <li>AMD/Intel 阵营差异提醒基于公开技术资料与行业评测综合判断，不代表对任一厂商的立场</li> <li>新品推荐仅为信息聚合，购买前请等待专业评测</li> <li>表格列宽已适配公众号/博客宽度（100% 容器宽度 + 固定列宽 + 自动换行），可放心复制粘贴</li> <li>转载请注明来源：WorkBuddy 自动化周报</li> </ol></blockquote><hr /><section><h2>📊 一、装机方案价格表（9 套 × 6 件 = 54 项）<a href="#-一装机方案价格表9-套--6-件--54-项"><span>#</span></a></h2><section><h3>🟢 基础版（2000-4000元）<a href="#-基础版2000-4000元"><span>#</span></a></h3><section><h4>基础配置①：办公入门型<a href="#基础配置办公入门型"><span>#</span></a></h4><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>i3-14100F</td> <td>Intel</td> <td>4核4线程/4.0GHz/65W</td> <td>￥799</td> <td>￥999</td> <td>￥450</td> <td><span>→</span></td> </tr> <tr> <td>主板</td> <td>PRIME H610M-K</td> <td>华硕</td> <td>LGA1700/DDR4/M.2*2</td> <td>￥450</td> <td>￥599</td> <td>￥280</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>FURY 16G DDR4 3200</td> <td>金士顿</td> <td>16GB/DDR4-3200</td> <td>￥185</td> <td>￥259</td> <td>￥120</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>SN580 500G</td> <td>西数</td> <td>500GB/PCIe 4.0</td> <td>￥280</td> <td>￥359</td> <td>￥180</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>蓝盘 1TB</td> <td>西数</td> <td>1TB/7200rpm/CMR</td> <td>￥280</td> <td>￥329</td> <td>￥200</td> <td><span>↑</span></td> </tr> <tr> <td>显卡</td> <td>集显 UHD730</td> <td>Intel</td> <td>CPU 核显</td> <td>—</td> <td>—</td> <td>—</td> <td><span>—</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥1,994 / 国行 ￥2,545 / 二手 ￥1,230</td> </tr> </tbody> </table></section><section><h4>基础配置②：网游入门型<a href="#基础配置网游入门型"><span>#</span></a></h4><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>R5 5500</td> <td>AMD</td> <td>6核12线程/3.6-4.2GHz/65W</td> <td>￥459</td> <td>￥599</td> <td>￥350</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>A520M</td> <td>微星</td> <td>AM4/DDR4/M.2</td> <td>￥330</td> <td>￥449</td> <td>￥220</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>FURY 16G DDR4 3200</td> <td>金士顿</td> <td>16GB/DDR4-3200</td> <td>￥185</td> <td>￥259</td> <td>￥120</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>SN580 1T</td> <td>西数</td> <td>1TB/PCIe 4.0</td> <td>￥450</td> <td>￥559</td> <td>￥280</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>酷鱼 1TB</td> <td>希捷</td> <td>1TB/7200rpm/CMR</td> <td>￥280</td> <td>￥329</td> <td>￥200</td> <td><span>↑</span></td> </tr> <tr> <td>显卡</td> <td>RX 6600 8G</td> <td>蓝宝石</td> <td>8GB GDDR6/134W</td> <td>￥1,299</td> <td>￥1,499</td> <td>￥850</td> <td><span>→</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥3,003 / 国行 ￥3,694 / 二手 ￥2,020</td> </tr> </tbody> </table></section><section><h4>基础配置③：性价比网游型<a href="#基础配置性价比网游型"><span>#</span></a></h4><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>R5 5600</td> <td>AMD</td> <td>6核12线程/3.5-4.4GHz/65W</td> <td>￥579</td> <td>￥769</td> <td>￥400</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>B550M</td> <td>微星</td> <td>AM4/DDR4/M.2*2/PCIe4.0</td> <td>￥480</td> <td>￥629</td> <td>￥300</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>FURY 16G DDR4 3600</td> <td>金士顿</td> <td>16GB/DDR4-3600</td> <td>￥210</td> <td>￥289</td> <td>￥130</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>980 1T</td> <td>三星</td> <td>1TB/PCIe 3.0</td> <td>￥420</td> <td>￥549</td> <td>￥260</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>无</td> <td>—</td> <td>本方案不配</td> <td>—</td> <td>—</td> <td>—</td> <td><span>—</span></td> </tr> <tr> <td>显卡</td> <td>RTX 4060 8G</td> <td>影驰</td> <td>8GB GDDR6/115W</td> <td>￥2,099</td> <td>￥2,499</td> <td>￥1,400</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥3,788 / 国行 ￥4,735 / 二手 ￥2,490</td> </tr> </tbody> </table></section><section><h4>📋 本档简要说明（基础版）<a href="#-本档简要说明基础版"><span>#</span></a></h4><p><strong>适合人群</strong>：办公文员、学生、影音用户、网游入门玩家</p><p><strong>可流畅运行</strong>：Office 全家桶、浏览器、影音播放、QQ/微信、PDF 阅读、LOL/CS2 中低画质、DNF、穿越火线、原神低画质</p><p><strong>不适合</strong>：3A 大作（黑神话/赛博朋克）、视频剪辑（PR/AE）、3D 渲染（Blender/C4D）、重度多任务、Stable Diffusion</p><p><strong>阵营差异提醒</strong>：</p><ul> <li>🟦 Intel 阵营（基础① i3-14100F）：QuickSync 可用加速 PR 硬解，但 4 核 4 线程多任务弱；集显 UHD730 仅能亮机办公，无游戏能力</li> <li>🟥 AMD 阵营（基础②③ R5 5500/5600）：6 核 12 线程多任务优于 i3，游戏性能足够网游中画质；但 AM4 平台已到末代，后续升级空间小；无核显需配独显</li> </ul><hr /></section></section><section><h3>🔵 主流版（5000-8000元）<a href="#-主流版5000-8000元"><span>#</span></a></h3><section><h4>主流配置①：Intel 主流游戏型<a href="#主流配置intel-主流游戏型"><span>#</span></a></h4><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Core Ultra 5 245KF</td> <td>Intel</td> <td>14核14线程(6P+8E)/5.2GHz/125W</td> <td>￥900</td> <td>￥1,528</td> <td>暂无</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>MAG B860M MORTAR</td> <td>微星</td> <td>LGA1851/DDR5/M.2*2/WiFi6</td> <td>暂无</td> <td>￥899</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>FURY 32G DDR5 6000</td> <td>金士顿</td> <td>32GB/DDR5-6000/CL30</td> <td>￥680</td> <td>￥899</td> <td>￥450</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>990 Pro 1T</td> <td>三星</td> <td>1TB/PCIe 4.0/7450MB/s</td> <td>￥899</td> <td>￥1,099</td> <td>￥600</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>蓝盘 2TB</td> <td>西数</td> <td>2TB/7200rpm/256MB/CMR</td> <td>￥450</td> <td>￥549</td> <td>￥320</td> <td><span>↑</span></td> </tr> <tr> <td>显卡</td> <td>RTX 5070 12G</td> <td>七彩虹</td> <td>12GB GDDR7/220W/DLSS 4</td> <td>暂无</td> <td>￥4,699</td> <td>暂无</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥2,929 / 国行 ￥9,673 / 二手 ￥1,370</td> </tr> </tbody> </table></section><section><h4>主流配置②：AMD 主流游戏型<a href="#主流配置amd-主流游戏型"><span>#</span></a></h4><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>R5 9600X</td> <td>AMD</td> <td>6核12线程/4.4-5.4GHz/65W/Zen 5</td> <td>￥1,100</td> <td>￥1,349</td> <td>暂无</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>TUF B850M-PLUS</td> <td>华硕</td> <td>AM5/DDR5/M.2*2/PCIe5.0</td> <td>暂无</td> <td>￥1,099</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>海盗船 32G DDR5 6000</td> <td>海盗船</td> <td>32GB/DDR5-6000/CL30</td> <td>￥680</td> <td>￥899</td> <td>￥450</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>990 Pro 1T</td> <td>三星</td> <td>1TB/PCIe 4.0/7450MB/s</td> <td>￥899</td> <td>￥1,099</td> <td>￥600</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>酷鱼 2TB</td> <td>希捷</td> <td>2TB/7200rpm/256MB/CMR</td> <td>￥450</td> <td>￥549</td> <td>￥320</td> <td><span>↑</span></td> </tr> <tr> <td>显卡</td> <td>RTX 5070 Ti 16G</td> <td>微星</td> <td>16GB GDDR7/300W/DLSS 4</td> <td>暂无</td> <td>￥6,999</td> <td>暂无</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥3,129 / 国行 ￥11,994 / 二手 ￥1,370</td> </tr> </tbody> </table></section><section><h4>主流配置③：创作者主流型<a href="#主流配置创作者主流型"><span>#</span></a></h4><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Core Ultra 7 265K</td> <td>Intel</td> <td>20核20线程(8P+12E)/5.5GHz/125W</td> <td>￥1,800</td> <td>￥1,939</td> <td>暂无</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>TUF Z890-PLUS</td> <td>华硕</td> <td>LGA1851/DDR5/M.2*4/PCIe5.0</td> <td>暂无</td> <td>￥1,899</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>芝奇 32G DDR5 6400</td> <td>芝奇</td> <td>32GB/DDR5-6400/CL32</td> <td>￥750</td> <td>￥999</td> <td>￥500</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>990 Pro 2T</td> <td>三星</td> <td>2TB/PCIe 4.0/7450MB/s</td> <td>￥1,599</td> <td>￥1,899</td> <td>￥1,100</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>无</td> <td>—</td> <td>本方案不配</td> <td>—</td> <td>—</td> <td>—</td> <td><span>—</span></td> </tr> <tr> <td>显卡</td> <td>RTX 5070 Ti 16G</td> <td>华硕</td> <td>16GB GDDR7/300W/DLSS 4</td> <td>暂无</td> <td>￥6,999</td> <td>暂无</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥4,149 / 国行 ￥12,735 / 二手 ￥1,600</td> </tr> </tbody> </table></section><section><h4>📋 本档简要说明（主流版）<a href="#-本档简要说明主流版"><span>#</span></a></h4><p><strong>适合人群</strong>：主流游戏玩家、轻度视频创作者、设计专业学生、直播主播入门</p><p><strong>可流畅运行</strong>：Premiere Pro 1080P 剪辑、Photoshop、Illustrator、AutoCAD 2D、Lightroom；1080P 高画质 3A（黑神话/赛博朋克/艾尔登法环）、永劫无间、CS2、APEX、原神全高</p><p><strong>不适合</strong>：4K 全特效 3A、8K 视频剪辑、重度 AI 训练、Stable Diffusion 高分辨率出图、专业 3D 建模渲染</p><p><strong>阵营差异提醒</strong>：</p><ul> <li>🟦 Intel 阵营（主流①③ Core Ultra 5 245KF/Ultra 7 265K）：Arrow Lake 新代架构，QuickSync 加速 PR/AE 视频导出（节省 20-40% 时间），Adobe 全家桶优化更稳；Ultra 7 多核强适合直播推流+游戏同开；但游戏帧率上限仍低于 AMD X3D，功耗温度比 14 代改善但仍偏高（需水冷或高端风冷）；LGA1851 新平台后续升级空间好</li> <li>🟥 AMD 阵营（主流② R5 9600X）：Zen 5 新代，游戏性能与 Ultra 5 接近，AM5 平台未来可升级到 9800X3D；但视频剪辑无 QuickSync 加速，PR 导出比 Intel 慢 20-30%；6 核 12 线程多任务略弱于 Ultra 7</li> </ul><hr /></section></section><section><h3>🔴 高端版（10000-20000元）<a href="#-高端版10000-20000元"><span>#</span></a></h3><section><h4>高端配置①：Intel 游戏旗舰型<a href="#高端配置intel-游戏旗舰型"><span>#</span></a></h4><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Core Ultra 9 285K</td> <td>Intel</td> <td>24核24线程(8P+16E)/5.7GHz/125W</td> <td>￥3,800</td> <td>￥4,339</td> <td>暂无</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>ROG STRIX Z890-A</td> <td>华硕</td> <td>LGA1851/DDR5/M.2*5/WiFi6E</td> <td>暂无</td> <td>￥3,299</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>DOMINATOR 64G DDR5 6400</td> <td>海盗船</td> <td>64GB/DDR5-6400/CL32</td> <td>￥1,800</td> <td>￥2,499</td> <td>￥1,200</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>990 Pro 2T</td> <td>三星</td> <td>2TB/PCIe 4.0/7450MB/s</td> <td>￥1,599</td> <td>￥1,899</td> <td>￥1,100</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>黑盘 4TB</td> <td>西数</td> <td>4TB/7200rpm/256MB/CMR</td> <td>￥899</td> <td>￥1,099</td> <td>￥700</td> <td><span>↑</span></td> </tr> <tr> <td>显卡</td> <td>ROG STRIX RTX 5080 16G</td> <td>华硕</td> <td>16GB GDDR7/340W/DLSS 4</td> <td>暂无</td> <td>￥9,299</td> <td>暂无</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥8,098 / 国行 ￥22,434 / 二手 ￥3,000</td> </tr> </tbody> </table></section><section><h4>高端配置②：AMD 游戏旗舰型<a href="#高端配置amd-游戏旗舰型"><span>#</span></a></h4><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>R9 9950X3D</td> <td>AMD</td> <td>16核32线程/5.7GHz/120W/双CCD 3D V-Cache</td> <td>￥4,500</td> <td>￥5,599</td> <td>暂无</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>ROG CROSSHAIR X870E</td> <td>华硕</td> <td>AM5/DDR5/M.2*4/PCIe5.0/USB4</td> <td>暂无</td> <td>￥5,999</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>DOMINATOR 64G DDR5 6400</td> <td>海盗船</td> <td>64GB/DDR5-6400/CL32</td> <td>￥1,800</td> <td>￥2,499</td> <td>￥1,200</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>990 Pro 2T</td> <td>三星</td> <td>2TB/PCIe 4.0/7450MB/s</td> <td>￥1,599</td> <td>￥1,899</td> <td>￥1,100</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>黑盘 4TB</td> <td>西数</td> <td>4TB/7200rpm/256MB/CMR</td> <td>￥899</td> <td>￥1,099</td> <td>￥700</td> <td><span>↑</span></td> </tr> <tr> <td>显卡</td> <td>ROG STRIX RTX 5090 32G</td> <td>华硕</td> <td>32GB GDDR7/575W/DLSS 4</td> <td>暂无</td> <td>￥21,999</td> <td>暂无</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥10,397 / 国行 ￥38,694 / 二手 ￥3,000</td> </tr> </tbody> </table></section><section><h4>高端配置③：创作者旗舰型<a href="#高端配置创作者旗舰型"><span>#</span></a></h4><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>部件</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>散片价</th> <th>国行价</th> <th>二手参考价</th> <th>趋势</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>R9 9950X</td> <td>AMD</td> <td>16核32线程/5.7GHz/170W/Zen 5</td> <td>￥2,789</td> <td>￥3,619</td> <td>暂无</td> <td><span>↓</span></td> </tr> <tr> <td>主板</td> <td>MEG X870E ACE</td> <td>微星</td> <td>AM5/DDR5/M.2*4/10GbE</td> <td>暂无</td> <td>￥4,999</td> <td>暂无</td> <td><span>→</span></td> </tr> <tr> <td>内存</td> <td>DOMINATOR 64G DDR5 6400</td> <td>海盗船</td> <td>64GB/DDR5-6400/CL32</td> <td>￥1,800</td> <td>￥2,499</td> <td>￥1,200</td> <td><span>↑</span></td> </tr> <tr> <td>固态硬盘</td> <td>990 Pro 4T</td> <td>三星</td> <td>4TB/PCIe 4.0 NVMe</td> <td>￥3,200</td> <td>￥3,599</td> <td>￥2,200</td> <td><span>↑</span></td> </tr> <tr> <td>机械硬盘</td> <td>企业级 8TB</td> <td>西数</td> <td>8TB/7200rpm/CMR/企业级</td> <td>暂无</td> <td>￥1,899</td> <td>暂无</td> <td><span>↑</span></td> </tr> <tr> <td>显卡</td> <td>ROG STRIX RTX 5090 32G</td> <td>华硕</td> <td>32GB GDDR7/575W/DLSS 4</td> <td>暂无</td> <td>￥21,999</td> <td>暂无</td> <td><span>↑</span></td> </tr> <tr> <td>💰 整机合计：散片 ￥7,789 / 国行 ￥37,614 / 二手 ￥3,400</td> </tr> </tbody> </table></section><section><h4>📋 本档简要说明（高端版）<a href="#-本档简要说明高端版"><span>#</span></a></h4><p><strong>适合人群</strong>：发烧友、专业视频创作者、3D 建模师、AI 研究员、直播推流专业户</p><p><strong>可流畅运行</strong>：Premiere Pro 8K 剪辑、After Effects 特效合成、Blender/C4D 3D 渲染、DaVinci Resolve、Stable Diffusion 高分辨率出图；4K 全特效 3A、直播推流+游戏同开、VR 高刷</p><p><strong>不适合</strong>：预算敏感场景、轻度办公（性能过剩）、便携需求（功耗高体积大）</p><p><strong>阵营差异提醒</strong>：</p><ul> <li>🟦 Intel 阵营（高端① Core Ultra 9 285K）：24 核 24 线程(8P+16E) 单核爆发强，QuickSync 加速视频导出（节省 40%+ 时间），Adobe/达芬奇全栈优化；但游戏帧率上限低于 AMD 9950X3D，功耗温度比 14 代有改善但仍偏高（需 360 水冷）；LGA1851 平台后续升级空间好</li> <li>🟥 AMD 阵营（高端②③ R9 9950X3D/9950X）：3D V-Cache 对游戏帧率提升 20-30%（9950X3D 双 CCD 均带 3D），多核并行渲染强（9950X），功耗温度优于 Intel，AM5 平台后续可升级；但部分专业软件（达芬奇部分功能）兼容性略弱，无 QuickSync 加速</li> </ul><hr /></section></section></section><section><h2>🆕 二、新品推荐（厂家已发布但未在主流推荐中）<a href="#-二新品推荐厂家已发布但未在主流推荐中"><span>#</span></a></h2><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>类别</th> <th>型号</th> <th>厂家</th> <th>主要参数</th> <th>上市日期</th> <th>参考价</th> <th>推荐理由</th> </tr> </thead> <tbody> <tr> <td>CPU</td> <td>Ryzen AI Max 400 系列</td> <td>AMD</td> <td>Zen 5+RDNA 3.5+XDNA 2 NPU/55 TOPS/最高 192GB 内存/支持 3000 亿参数本地大模型</td> <td>2026 Q3</td> <td>OEM 整机价</td> <td>最强 AI PC 处理器，本地运行 3000 亿参数大模型</td> </tr> <tr> <td>GPU</td> <td>NVIDIA RTX Spark N1X</td> <td>NVIDIA</td> <td>Blackwell GPU+18 核 CPU</td> <td>2026 年中</td> <td>OEM 整机价</td> <td>NVIDIA 正式入局 AI PC 处理器赛道</td> </tr> <tr> <td>GPU</td> <td>AMD RX 9060 XT</td> <td>AMD</td> <td>RDNA 4/最高 16GB GDDR6/821 TOPS AI 算力</td> <td>2026-09-02</td> <td>约 ￥3,999 起</td> <td>1440p 主流显卡，FSR 4 AI 帧生成</td> </tr> <tr> <td>软件</td> <td>NVIDIA DLSS 5</td> <td>NVIDIA</td> <td>3D 引导神经渲染/AI 光照生成</td> <td>2026-09-04</td> <td>RTX 50 系独占免费</td> <td>RTX 50 系独占，AI 实时光照生成</td> </tr> <tr> <td>架构</td> <td>AMD RDNA 5</td> <td>AMD</td> <td>频率冲 3.4GHz/IPC 显著提升</td> <td>2027 年发布</td> <td>—</td> <td>2027 年正面交锋 RTX 50</td> </tr> <tr> <td>芯片</td> <td>苹果 A20 Pro</td> <td>苹果</td> <td>2nm 工艺首发/7 核 GPU</td> <td>2026-09-10</td> <td>iPhone 18 Pro 首发</td> <td>苹果首款 2nm 手机芯片</td> </tr> </tbody> </table><blockquote><p>说明：以上为厂家已发布但尚未进入多源主流装机推荐榜的新品，仅供参考，购买前请等待专业评测。</p></blockquote><hr /></section><section><h2>📰 三、上周硬件新品资讯<a href="#-三上周硬件新品资讯"><span>#</span></a></h2><section><h3>中文资讯<a href="#中文资讯"><span>#</span></a></h3><ol> <li><strong>AMD Radeon RX 9060 XT 显卡发布</strong>（新浪科技 / 2026-09-02） 摘要：基于 RDNA 4 架构，面向 1440p 游戏市场，最高 16GB GDDR6 显存，AI 算力 821 TOPS，支持 FSR 4。1440p 超高画质《极限竞速：地平线 5》光追版 115 帧。</li> <li><strong>NVIDIA DLSS 5 即将上线</strong>（今日头条 / 2026-09-02） 摘要：9 月 4 日中午 12 点正式上线，首发登陆《NBA 2K27》，面向所有 GeForce RTX 50 系列。引入 3D 引导神经渲染技术，AI 生成逼真光照和材质。</li> <li><strong>华硕影驰 RTX 50 系显卡年内第三轮涨价</strong>（今日头条 / 2026-09-03） 摘要：9 月 1 日起华硕 RTX 5070 涨 150-300 元，影驰 RTX 5070/5070Ti/5080 分别涨 200/300/500 元。AI 算力需求挤压消费级 GPU 产能是主因。</li> <li><strong>AMD Ryzen AI Max 400 将于 IFA 2026 商用展示</strong>（证券市场周刊 / 2026-09-04） 摘要：AMD 高级副总裁 Jack Huynh 将于 9 月 4 日主持 IFA 2026 主题演讲，发布 Ryzen AI Max 400 系列商用版本，主打本地运行 3000 亿参数大模型。</li> <li><strong>2026 年 9 月装机指南</strong>（DZDianNao / 2026-09-05） 摘要：Ryzen 7 9800X3D + RTX 5070 为均衡平台，DDR5/SSD 因 AI 涨价明显，入门用户建议优先 AM4 + DDR4 平台。</li> <li><strong>全球首款 Wi-Fi 8 路由器华硕 ROG Rapture GT-BN98 加拿大首发</strong>（IT之家 / 2026-09-04） 摘要：支持 320MHz 信道，单设备峰值 30Gbps，下一代家庭网络旗舰。</li> <li><strong>华硕无畏 14 新增 24+512GB 配置，6499 元</strong>（IT之家 / 2026-09-04） 摘要：高内存版型号上市，面向多任务办公用户。</li> <li><strong>AMD R5 7500 曝光（AM5/Zen 4）</strong>（IT之家 / 2026-09-03） 摘要：入门级 AM5 新处理器，预计替代 R5 5500 价位段。</li> <li><strong>摩尔线程”庐山”GPU 国产硬件光追首发</strong>（IT之家 / 2026-09-02） 摘要：国产 GPU 架构升级，硬件级光追加持，国产显卡里程碑。</li> <li><strong>长鑫存储 Q2 全球 DRAM 份额 10%，三年涨 1500%</strong>（IT之家 / 2026-09-02） 摘要：国产 DRAM 厂商高速崛起，全球存储格局生变。</li> </ol></section><section><h3>英文资讯（已翻译）<a href="#英文资讯已翻译"><span>#</span></a></h3><ol> <li><strong>Intel 酷睿 Ultra 200S Plus 系列大幅降价</strong>（原文：Intel Core Ultra 200S Plus Series Sees Major Price Cuts / Tom’s Hardware / 2026-09-01） 摘要：Intel 9 月执行新价单，Ultra 7 270K Plus 约 2000 元取代 Ultra 9 285K，Ultra 5 245KF 闲鱼拆机片约 900 元。Intel 阵营最强桌面 CPU 易主。</li> <li><strong>AMD RDNA 5 架构频率冲 3.4GHz</strong>（原文：AMD RDNA 5 Architecture Targets 3.4 GHz, Significant IPC Improvement / Wccftech / 2026-09-03） 摘要：爆料者 Kepler_L2 透露 RDNA 5 将瞄准 3.1-3.4GHz 高频率，IPC 性能有显著提升，预计 2027 年发布，与 NVIDIA Blackwell 消费级正面交锋。</li> <li><strong>苹果 A20 Pro 2nm 工艺首发</strong>（原文：Apple A20 Pro to Debut 2nm Process on iPhone 18 Pro / MacRumors / 2026-09-03） 摘要：iPhone 18 Pro 系列 9 月 10 日发布，首发 A20 Pro 芯片，台积电 2nm 工艺，CPU 全新架构，GPU 升级至 7 核，制程领先高通骁龙一代。</li> </ol><hr /></section></section><section><h2>📈 四、价格趋势分析<a href="#-四价格趋势分析"><span>#</span></a></h2><section><h3>整体趋势<a href="#整体趋势"><span>#</span></a></h3><ul> <li><strong>CPU</strong>：整体下跌（Intel 14 代大跌清库存，Ultra 200S 系列小幅降价；AMD AM4/AM5 整体小跌，9600X 散片 1100 元，9950X 2789 元）</li> <li><strong>显卡</strong>：大涨（RTX 50 系今年第三轮涨价，RTX 5070 突破 8000 元大关，RTX 5080 部分高端型号冲破 2 万元；AI 算力抢 HBM 产能是核心原因）</li> <li><strong>内存</strong>：大涨（DDR5 灾区）（DDR5 32GB 涨至 900 元，DDR4 16GB 也涨至 259 元；HBM 产能被 AI 服务器抢占，DRAM 供应紧张）</li> <li><strong>SSD</strong>：上涨（1TB PCIe 4.0 SSD 普遍在 950-1200 元区间，三星 990 Pro 1T 涨至 1099 元；NAND 产能被挤占）</li> <li><strong>HDD</strong>：上涨（约 40%）（企业级 20-24TB 缺货，9 月预计新一轮涨价；2TB 蓝盘从 400 元涨至 549 元）</li> <li><strong>主板</strong>：平稳（B860/B850 新平台首发价稳定，B760/B650 千元档仍是甜品首选）</li> </ul></section><section><h3>重点型号涨跌原因<a href="#重点型号涨跌原因"><span>#</span></a></h3><ul> <li><strong>Intel Core Ultra 5 245KF 闲鱼拆机片约 900 元</strong> 降价：Ultra 200S 系列已大幅降价，Intel 主动调价应对 AMD Zen 5 竞争；245KF 性价比超过 14600KF</li> <li><strong>RTX 50 系显卡年内第三轮涨价</strong> 涨价：AI 服务器抢走 HBM 产能 → 消费级 GPU GDDR7 显存供货紧张 → 终端价格被动传导；NVIDIA 优先供应数据中心 H100/B200</li> <li><strong>DDR5 内存大涨</strong> 涨价：AI 服务器需要的高带宽内存 HBM 利润是手机/PC 内存的 3-4 倍，三星/SK 海力士/美光 70%+ 先进产能转 HBM</li> <li><strong>SSD 上涨</strong> 涨价：NAND 产能被企业级 SSD 挤占，1TB PCIe 4.0 SSD 普遍涨至 950-1200 元区间</li> <li><strong>HDD 上涨</strong> 涨价：企业级 20-24TB 大容量 HDD 缺货，9 月预计新一轮涨价</li> </ul><hr /></section></section><section><h2>⚠️ 五、未搜到价格的型号（需手动查询）<a href="#️-五未搜到价格的型号需手动查询"><span>#</span></a></h2><table> <colgroup> <col /> <col /> <col /> <col /> <col /> </colgroup> <thead> <tr> <th>价格类型</th> <th>方案</th> <th>部件</th> <th>型号</th> <th>原因</th> </tr> </thead> <tbody> <tr> <td>散片</td> <td>主流①</td> <td>主板</td> <td>MAG B860M MORTAR</td> <td>新平台首发，散片渠道少</td> </tr> <tr> <td>散片</td> <td>主流②</td> <td>主板</td> <td>TUF B850M-PLUS</td> <td>新平台首发，散片渠道少</td> </tr> <tr> <td>散片</td> <td>主流③</td> <td>主板</td> <td>TUF Z890-PLUS</td> <td>新平台首发，散片渠道少</td> </tr> <tr> <td>散片</td> <td>主流①</td> <td>显卡</td> <td>RTX 5070 12G</td> <td>RTX 50 系显卡基本无散片</td> </tr> <tr> <td>散片</td> <td>主流②③</td> <td>显卡</td> <td>RTX 5070 Ti 16G</td> <td>RTX 50 系显卡基本无散片</td> </tr> <tr> <td>散片</td> <td>高端①</td> <td>主板</td> <td>ROG STRIX Z890-A</td> <td>高端 ROG 基本无散片</td> </tr> <tr> <td>散片</td> <td>高端①</td> <td>显卡</td> <td>ROG STRIX RTX 5080 16G</td> <td>RTX 50 系显卡基本无散片</td> </tr> <tr> <td>散片</td> <td>高端②③</td> <td>显卡</td> <td>ROG STRIX RTX 5090 32G</td> <td>RTX 50 系显卡基本无散片</td> </tr> <tr> <td>散片</td> <td>高端②</td> <td>主板</td> <td>ROG CROSSHAIR X870E</td> <td>高端 ROG 基本无散片</td> </tr> <tr> <td>散片</td> <td>高端③</td> <td>主板</td> <td>MEG X870E ACE</td> <td>高端 MEG 基本无散片</td> </tr> <tr> <td>二手</td> <td>主流①</td> <td>CPU</td> <td>Core Ultra 5 245KF</td> <td>新代刚铺货，无二手流通</td> </tr> <tr> <td>二手</td> <td>主流②</td> <td>CPU</td> <td>R5 9600X</td> <td>新代刚铺货，无二手流通</td> </tr> <tr> <td>二手</td> <td>主流③</td> <td>CPU</td> <td>Core Ultra 7 265K</td> <td>新代刚铺货，无二手流通</td> </tr> <tr> <td>二手</td> <td>高端①②③</td> <td>CPU</td> <td>Ultra 9 285K/9950X3D/9950X</td> <td>新代刚铺货，无二手流通</td> </tr> <tr> <td>二手</td> <td>主流①②③</td> <td>显卡</td> <td>RTX 5070/5070 Ti</td> <td>RTX 50 系刚铺货，无二手流通</td> </tr> <tr> <td>二手</td> <td>高端①②③</td> <td>显卡</td> <td>RTX 5080/5090</td> <td>RTX 50 系刚铺货，无二手流通</td> </tr> <tr> <td>二手</td> <td>高端③</td> <td>机械硬盘</td> <td>西数企业级 8TB</td> <td>企业级基本走批量，无二手市场</td> </tr> <tr> <td>散片/二手</td> <td>基础①</td> <td>显卡</td> <td>集显 UHD730</td> <td>集显无独立售价</td> </tr> </tbody> </table><blockquote><p>以上型号请手动到对应渠道查询。</p></blockquote><hr /><p><em>下周若清单无变动，将发送精简版周报（仅含新品资讯+价格趋势分析）</em></p></section></section>https://blog.s520j.cn/posts/post-20260819-100039/https://blog.s520j.cn/posts/post-20260819-100039/制造业运营岗位工作内容Wed, 19 Aug 2026 00:00:00 GMT<p>现代企业管理架构中最核心的痛点：<strong>“运营”与“传统职能部门”的边界到底在哪里？</strong></p> <p>如果仅仅把生产、采购、库管、质量等单点工作罗列出来，那确实是各个具体职能部门的活。<strong>真正的“企业运营（Operations）”，其专属的核心工作和职能，在于“跨部门的统筹、系统的设计与全局的优化”。</strong> 它是连接这些孤立职能的“中枢神经”。</p> <p>抛开那些具体的执行动作，真正属于“运营（或COO/运营总监/运营管理部）”自己专门干的事、担负的职能和权责范围如下：</p> <section><h3>一、 运营专属的核心工作内容（干哪些事？）<a href="#一-运营专属的核心工作内容干哪些事"><span>#</span></a></h3><p>运营不干具体的“体力活”，而是干“脑力活”和“协同活”：</p><ol> <li><strong>S&amp;OP（销售与运营计划）统筹</strong>：这是运营最核心的专属工作。它不是单纯的排产，而是拉通销售预测、财务预算、供应链产能，解决“前端卖多少”与“后端造多少”之间的冲突，达成全公司层面的共识。</li> <li><strong>端到端流程设计与重构</strong>：打破部门墙。比如，当发现从接单到交付周期太长时，运营需要牵头梳理并打通销售、计划、采购、生产的全链路流程，而不是让各部门只管自己的环节。</li> <li><strong>建立全局度量体系（数据驱动）</strong>：不局限于单一指标，而是搭建一套衡量整体健康度的仪表盘。例如，不仅看“生产合格率”，更要看“OTD（准时交付率）”、“库存周转天数”、“单位产出总成本”等跨部门综合指标。</li> <li><strong>重大变革与持续改进项目（PMO角色）</strong>：作为跨部门计划、资源、预算的枢纽，主导如“精益转型”、“ERP系统上线”、“降本增效专项”等战略级项目的落地。</li> </ol></section> <section><h3>二、 运营专属的关键管理职能（担负什么职能？）<a href="#二-运营专属的关键管理职能担负什么职能"><span>#</span></a></h3><p>如果说各职能部门是“器官”，运营就是“神经系统”。它的核心职能包括：</p><ol> <li><strong>资源配置与优先级裁决</strong>：当多个大客户的紧急订单撞车，或者资金有限无法同时满足采购和生产扩线时，运营负责基于公司整体利润最大化原则进行最终裁决。</li> <li><strong>价值链集成管理</strong>：将新产品开发、采购供应、生产制造、物流配送乃至售后服务看作一个完整的“价值链”进行统筹，消除各环节的内耗。</li> <li><strong>经营分析与纠偏</strong>：定期出具运营分析报告，识别系统性瓶颈（如某类物料长期缺货导致频繁停线），并向高管层提出战略调整建议。</li> </ol></section> <section><h3>三、 运营的权责范围（权限与责任边界）<a href="#三-运营的权责范围权限与责任边界"><span>#</span></a></h3><p>在组织架构中，运营（特别是COO或运营中心负责人）的权责具有极高的层级：</p><ol> <li><strong>指挥权与一票否决权</strong>：在很多以运营为核心的制造企业中，运营总监对影响整体交付和成本的跨部门决策拥有最高权威，甚至对其他职能部门的绩效拥有一票否决权。</li> <li><strong>横向协同权</strong>：有权召集并主导跨部门会议（如产销协调会），要求销售、财务、HR等部门配合整体运营节奏。</li> <li><strong>责任边界</strong>：运营不为单一的“设备坏了没修好”或“某个零件买贵了”负直接责任，但对**“因为缺料导致停产”<strong>、</strong>“因为产销脱节导致巨额库存积压”<strong>、</strong>“整体交付延期”**这种系统性的结果承担第一责任。</li> </ol><p><strong>总结来说：</strong> 采购、生产、质量是在各自的跑道上“跑步”；而<strong>运营，是那个设计跑道规则、发令起跑、并在比赛中根据情况调整配速策略的“总教练”。</strong></p><hr /></section>https://blog.s520j.cn/posts/build-pretty-blog-firefly/https://blog.s520j.cn/posts/build-pretty-blog-firefly/从零开始用 Firefly 主题搭建一个好看的个人博客，保姆级步骤，含换主题图、删示例内容、友链配置、域名 HTTPS。Tue, 18 Aug 2026 00:00:00 GMT<blockquote><p>📌 <strong>写给谁看</strong>：完全不懂代码、没碰过服务器的小白。本文把”从零搭一个好看的个人博客”拆成一步一步，每一步都告诉你”点哪里、输什么、看到什么算成功”，并配真实例子。</p><p>📌 <strong>用的是什么</strong>：<a href="https://github.com/CuteLeaf/Firefly" target="_blank">Firefly（流萤）</a> —— 一个基于 Astro 的免费开源博客/文档主题。它长得好看、支持中文、暗色模式、评论、搜索，最重要的是：<strong>你只需要会写 Markdown（就像写微信笔记），不用写代码</strong>。</p><p>📌 <strong>整体思路（一句话）</strong>：在你自己的电脑上写文章 → 点一下生成网站 → 把网站文件传到云服务器 → 别人就能用浏览器访问你的博客了。</p><p>📌 <strong>两种服务器环境</strong>：本文主流程按”<strong>纯净环境（服务器上什么都没装）</strong>“来讲；如果你用的是<strong>宝塔面板</strong>（很多人买阿里云/腾讯云轻量应用服务器时一键装了宝塔），我在相关步骤里加了 🟦「宝塔用户看这里」方框，照方框做就行，不用自己装 Nginx、不用手写配置。</p></blockquote> <hr /> <section><h2>目录<a href="#目录"><span>#</span></a></h2><ul> <li>第一章 准备你自己的电脑（装 Node、pnpm、Git）</li> <li>第二章 把网站模板拿到本地（克隆 + 安装 + 预览）</li> <li>第三章 个性化你的网站（改资料 / 换背景图 / 删示例 / 写文章）★重点</li> <li>第四章 生成网站文件（构建）</li> <li>第五章 准备云服务器（装系统 / 放行端口 / 装 Nginx / 建目录）</li> <li>第六章 把网站传上服务器（一键上传 or 手动）</li> <li>第七章 绑定域名 + 开启 HTTPS（免费小绿锁）</li> <li>第八章 验证 &amp; 以后怎么更新文章 &amp; 排错</li> <li>附：上传辅助小程序使用说明</li> </ul><hr /></section> <section><h1>第一章 准备你自己的电脑<a href="#第一章-准备你自己的电脑"><span>#</span></a></h1><blockquote><p>这一章全是在<strong>你自己的 Windows 电脑</strong>上操作，和服务器还没关系。目的：装好 3 个工具，后面才跑得起来模板。</p></blockquote><section><h2>步骤 1 · 安装 Node.js（网站的”发动机”）<a href="#步骤-1--安装-nodejs网站的发动机"><span>#</span></a></h2><p>Firefly 需要 Node.js 版本 <strong>≥ 22</strong>。</p><ol> <li>打开浏览器，访问官网：<a href="https://nodejs.org" target="_blank">https://nodejs.org</a></li> <li>首页会看到两个大按钮：<strong>LTS（长期支持版）</strong> 和 <strong>Current</strong>。点 <strong>LTS</strong> 那个（更稳定），下载 Windows 安装包（<code>.msi</code>）。</li> <li>双击下载好的安装包，一路点 <strong>Next（下一步）</strong>，全部用默认勾选，<strong>最后点 Install（安装）</strong>。</li> <li>装完<strong>重启一下电脑</strong>（或至少重开所有命令行窗口），让系统认到新装的命令。</li> </ol><p><strong>验证装好了没</strong>（重要，每次装完都验证一遍）：</p><ol> <li>按键盘 <code>Win</code> 键，输入 <code>PowerShell</code>，点打开”Windows PowerShell”。</li> <li>输入下面这行，按回车：</li> </ol><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span><span>node </span><span>-</span><span>v</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><ol> <li>如果显示类似 <code>v22.x.x</code>（数字 ≥ 22 就行），✅ 成功。如果显示”node 不是内部或外部命令”，说明没装好或没重启，回去重装/重启。</li> </ol></section><section><h2>步骤 2 · 安装 pnpm（包管理器，Node 不带它）<a href="#步骤-2--安装-pnpm包管理器node-不带它"><span>#</span></a></h2><p><code>pnpm</code> 是一个”帮我们把模板需要的几百个小零件一次性下载好”的工具。Node 自带的是 <code>npm</code>，但 Firefly 官方指定用 <code>pnpm</code>，所以必须单独装。</p><p>在刚才的 PowerShell 里输入：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span><span>npm install </span><span>-</span><span>g pnpm</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>等几十秒，看到进度条走完、回到光标闪烁，就装好了（中间可能刷一堆字，正常现象）。</li> <li><code>-g</code> 意思是”全局安装”，装一次，以后所有项目都能用。</li> </ul><p><strong>验证</strong>：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span><span>pnpm </span><span>-</span><span>v</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>显示版本号（比如 <code>10.x</code> 或 <code>11.x</code>）就是成功。如果报”pnpm 不是内部命令”——<strong>关掉 PowerShell 再重开一次</strong>再试（这是最常见的小坑，重开就好）。</p></section><section><h2>步骤 3 · 安装 Git（把网上的模板”下载”到本地）<a href="#步骤-3--安装-git把网上的模板下载到本地"><span>#</span></a></h2><p>Git 是用来从 GitHub 把 Firefly 代码完整拉到电脑上的工具。</p><ol> <li>访问 <a href="https://git-scm.com/download/win" target="_blank">https://git-scm.com/download/win</a>，下载 64-bit 安装包。</li> <li>双击安装，<strong>除了”选择默认编辑器”那一步可以选你熟悉的（比如选 Notepad 记事本），其余全程 Next 默认</strong>即可。</li> <li>装完同样<strong>重开 PowerShell</strong>。</li> </ol><p><strong>验证</strong>：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span><span>git </span><span>--</span><span>version</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>显示 <code>git version 2.x.x</code> 即成功。</p><hr /></section></section> <section><h1>第二章 把网站模板拿到本地<a href="#第二章-把网站模板拿到本地"><span>#</span></a></h1><blockquote><p>现在我们用 Git 把 Firefly 模板下载到你电脑，装好零件，并在本地先预览看看长什么样。</p></blockquote><section><h2>步骤 4 · 选个放项目的文件夹<a href="#步骤-4--选个放项目的文件夹"><span>#</span></a></h2><p>建议直接放在某盘根目录，简单好找。比如放在 <code>D:\</code>。</p><p>在 PowerShell 里：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>cd D:\</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>（<code>cd</code> 是”切换目录”，<code>D:\</code> 是 D 盘根目录。你也可以换成 <code>E:\</code> 或别的盘。）</p></section><section><h2>步骤 5 · 克隆（下载）Firefly 模板<a href="#步骤-5--克隆下载firefly-模板"><span>#</span></a></h2><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span><span>git clone https:</span><span>//</span></span><span>github.com</span><span><span>/</span><span>CuteLeaf</span><span>/</span><span>Firefly.git myblog</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li><code>git clone</code> = 把网上的完整代码下载下来</li> <li>最后 <code>myblog</code> 是你给文件夹起的名字（随意，比如 <code>blog</code>、<code>firefly-blog</code> 都行）</li> <li>执行后 D 盘会多出 <code>D:\myblog\</code> 文件夹</li> </ul><blockquote><p>⏳ 这一步从 GitHub 下载，国内可能要 <strong>1~3 分钟</strong>，看到进度条在走就别打断。</p><p>⚠️ <strong>如果一直卡 0%、连不上 GitHub</strong>（国内常见）：把地址前面加个代理前缀再试：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span><span>git clone https:</span><span>//</span></span><span>ghproxy.com</span><span><span>/</span><span>https:</span><span>//</span></span><span>github.com</span><span><span>/</span><span>CuteLeaf</span><span>/</span><span>Firefly.git myblog</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div></blockquote></section><section><h2>步骤 6 · 进入项目目录并安装依赖<a href="#步骤-6--进入项目目录并安装依赖"><span>#</span></a></h2><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>cd myblog</span></div></div><div><div><div>2</div></div><div><span>pnpm install</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li><code>cd myblog</code>：进入刚下载的项目文件夹（<strong>以后所有 pnpm 命令都要先 cd 进这个目录再执行</strong>）</li> <li><code>pnpm install</code>：读项目里的清单，把 Astro、Tailwind 等几百个零件下载安装好。第一次会下载较多，<strong>可能要几分钟</strong>，屏幕刷进度是正常的，<strong>不要中断</strong>。看到最后回到光标、没有红色报错 = 成功。</li> </ul></section><section><h2>步骤 7 · 本地预览，看看默认长什么样<a href="#步骤-7--本地预览看看默认长什么样"><span>#</span></a></h2><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>pnpm dev</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>它会启动本地预览，最后一行通常显示 <code>localhost:4321</code></li> <li>打开浏览器，访问 <a href="http://localhost:4321" target="_blank">http://localhost:4321</a> ，能看到 Firefly 默认首页（带示例文章）= ✅ 模板可用</li> <li>看完按 <code>Ctrl + C</code> 停止预览（回到命令行）</li> </ul><blockquote><p>💡 以后每次想本地看效果，都运行 <code>pnpm dev</code>。</p></blockquote><hr /></section></section> <section><h1>第三章 个性化你的网站 ★重点<a href="#第三章-个性化你的网站-重点"><span>#</span></a></h1><blockquote><p>这一章决定你的博客”长什么样、是谁的、有哪些内容”。所有修改都在 <code>myblog\src\</code> 目录下的文件里，用<strong>记事本</strong>（或更好用的 <a href="https://code.visualstudio.com/" target="_blank">VS Code</a>）打开 <code>.ts</code> / <code>.md</code> 文件改。</p></blockquote><p>先认识一下关键配置文件（都在 <code>myblog\src\config\</code> 里）：</p> <table><thead><tr><th>文件</th><th>管什么</th></tr></thead><tbody><tr><td><code>siteConfig.ts</code></td><td>站点名、描述、语言、域名等<strong>全局信息</strong></td></tr><tr><td><code>profileConfig.ts</code></td><td>你的<strong>头像、昵称、签名、社交链接</strong>（QQ/微信/GitHub/邮箱）</td></tr><tr><td><code>friendsConfig.ts</code></td><td><strong>友情链接</strong>（你想推荐的其他博客）</td></tr><tr><td><code>backgroundWallpaper.ts</code></td><td><strong>网站背景主题图</strong>、首页大标题文字</td></tr><tr><td><code>navBarConfig.ts</code></td><td>顶部导航栏菜单</td></tr><tr><td><code>footerConfig.ts</code></td><td>页面底部信息</td></tr></tbody></table><hr /><section><h2>步骤 8 · 改站点基本信息（siteConfig.ts）<a href="#步骤-8--改站点基本信息siteconfigts"><span>#</span></a></h2><p>用记事本打开 <code>src\config\siteConfig.ts</code>，找到类似下面的内容，把中文部分改成你自己的：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>export</span><span> </span><span>const</span><span> </span><span>siteConfig</span><span> </span><span>=</span><span> {</span></div></div><div><div><div>2</div></div><div><span> </span><span>title</span><span>:</span><span> </span><span>"我的博客"</span><span>, </span><span>// 浏览器标签页上显示的站名</span></div></div><div><div><div>3</div></div><div><span> </span><span>description</span><span>:</span><span> </span><span>"记录学习与生活的点滴"</span><span>, </span><span>// 网站一句话简介</span></div></div><div><div><div>4</div></div><div><span> </span><span>// lang、base 等先别动，后面讲域名时再说</span></div></div><div><div><div>5</div></div><div><span>};</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>改完保存即可。</p><hr /></section><section><h2>步骤 9 · 改个人资料与社交链接（profileConfig.ts）<a href="#步骤-9--改个人资料与社交链接profileconfigts"><span>#</span></a></h2><p>打开 <code>src\config\profileConfig.ts</code>：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>export</span><span> </span><span>const</span><span> </span><span>profileConfig</span><span> </span><span>=</span><span> {</span></div></div><div><div><div>2</div></div><div><span> </span><span>// 头像：把你的头像图片放到 src/assets/images/ 下，这里填 "assets/images/你的图.avif"</span></div></div><div><div><div>3</div></div><div><span> </span><span>// 也可以直接填一个网络图片地址，如 "https://xxx.com/avatar.jpg"</span></div></div><div><div><div>4</div></div><div><span> </span><span>avatar</span><span>:</span><span> </span><span>"assets/images/avatar.avif"</span><span>,</span></div></div><div><div><div>5</div></div><div> </div></div><div><div><div>6</div></div><div><span> </span><span>name</span><span>:</span><span> </span><span>"你的昵称"</span><span>, </span><span>// 比如 "齐先生"</span></div></div><div><div><div>7</div></div><div><span> </span><span>bio</span><span>:</span><span> </span><span>"这是我的个性签名"</span><span>, </span><span>// 比如 "热爱生活，记录成长"</span></div></div><div><div><div>8</div></div><div> </div></div><div><div><div>9</div></div><div><span> </span><span>// 社交链接：下面每条是一个图标按钮</span></div></div><div><div><div>10</div></div><div><span> </span><span>links</span><span>:</span><span> [</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>12</div></div><div><span> </span><span>name</span><span>:</span><span> </span><span>"GitHub"</span><span>,</span></div></div><div><div><div>13</div></div><div><span> </span><span>icon</span><span>:</span><span> </span><span>"fa7-brands:github"</span><span>, </span><span>// 图标样式（不用改）</span></div></div><div><div><div>14</div></div><div><span> </span><span>url</span><span>:</span><span> </span><span>"https://github.com/你的用户名"</span><span>, </span><span>// 改成你的地址</span></div></div><div><div><div>15</div></div><div><span> </span><span>showName</span><span>:</span><span> </span><span>false</span><span>, </span><span>// false=只显示图标；true=图标+文字</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>18</div></div><div><span> </span><span>name</span><span>:</span><span> </span><span>"Email"</span><span>,</span></div></div><div><div><div>19</div></div><div><span> </span><span>icon</span><span>:</span><span> </span><span>"fa7-solid:envelope"</span><span>,</span></div></div><div><div><div>20</div></div><div><span> </span><span>url</span><span>:</span><span> </span><span>"mailto:你的邮箱@qq.com"</span><span>, </span><span>// 改成你的邮箱</span></div></div><div><div><div>21</div></div><div><span> </span><span>showName</span><span>:</span><span> </span><span>false</span><span>,</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>23</div></div><div><span> </span><span>// 想加微信？复制上面一条，改成：</span></div></div><div><div><div>24</div></div><div><span> </span><span>// { name: "微信", icon: "fa7-brands:weixin", url: "https://u.wechat.com/你的二维码链接", showName: false },</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>],</span></div></div><div><div><div>26</div></div><div><span>};</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p><strong>怎么换头像</strong>：把你的一张正方形头像（建议 <code>.jpg</code> 或 <code>.png</code>）放进 <code>myblog\src\assets\images\</code> 文件夹，假设叫 <code>me.jpg</code>，就把 <code>avatar</code> 改成 <code>"assets/images/me.jpg"</code>。</p><hr /></section><section><h2>步骤 10 · 填友情链接（friendsConfig.ts）<a href="#步骤-10--填友情链接friendsconfigts"><span>#</span></a></h2><p>“交友链接”就是博客里常见的”友情链接”板块——把你欣赏的其他博客/朋友网站列出来，互相推荐。</p><p>打开 <code>src\config\friendsConfig.ts</code>，里面是一个列表，每条长这样：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>export</span><span> </span><span>const</span><span> </span><span>friendsConfig</span><span> </span><span>=</span><span> [</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>3</div></div><div><span> </span><span>title</span><span>:</span><span> </span><span>"对方网站的名字"</span><span>, </span><span>// 比如 "小明的学习笔记"</span></div></div><div><div><div>4</div></div><div><span> </span><span>imgurl</span><span>:</span><span> </span><span>"https://对方头像或图标地址"</span><span>, </span><span>// 可用 https://weavatar.com/ 生成，或对方 favicon</span></div></div><div><div><div>5</div></div><div><span> </span><span>desc</span><span>:</span><span> </span><span>"一句话介绍对方网站"</span><span>, </span><span>// 比如 "分享编程与生活的博客"</span></div></div><div><div><div>6</div></div><div><span> </span><span>siteurl</span><span>:</span><span> </span><span>"https://对方的网址"</span><span>, </span><span>// 比如 "https://xiaoming.com"</span></div></div><div><div><div>7</div></div><div><span> </span><span>tags</span><span>:</span><span> [</span><span>"Blog"</span><span>], </span><span>// 标签，可写 ["博客"] 等</span></div></div><div><div><div>8</div></div><div><span> </span><span>weight</span><span>:</span><span> </span><span>10</span><span>, </span><span>// 排序权重，数字越大越靠前</span></div></div><div><div><div>9</div></div><div><span> </span><span>enabled</span><span>:</span><span> </span><span>true</span><span>, </span><span>// true=显示；false=隐藏</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>11</div></div><div><span> </span><span>// 想再加一个？复制上面整个 { ... } 块，粘贴在逗号后面，改内容即可</span></div></div><div><div><div>12</div></div><div><span>];</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p><strong>每条填什么，对照表</strong>：</p> <table><thead><tr><th>字段</th><th>填什么</th><th>例子</th></tr></thead><tbody><tr><td><code>title</code></td><td>对方站点名称</td><td><code>小明的学习笔记</code></td></tr><tr><td><code>imgurl</code></td><td>对方头像/站点图标图片地址</td><td><code>https://weavatar.com/avatar/abcd?s=200</code></td></tr><tr><td><code>desc</code></td><td>一句话描述</td><td><code>分享编程与生活</code></td></tr><tr><td><code>siteurl</code></td><td>对方网站地址</td><td><code>https://xiaoming.com</code></td></tr><tr><td><code>tags</code></td><td>标签（数组）</td><td><code>["博客"]</code></td></tr><tr><td><code>weight</code></td><td>排序权重（越大越前）</td><td><code>8</code></td></tr><tr><td><code>enabled</code></td><td>是否显示</td><td><code>true</code></td></tr></tbody></table><blockquote><p>💡 <code>imgurl</code> 不会找？两个简单办法：① 去 <a href="https://weavatar.com/" target="_blank">https://weavatar.com/</a> 输入对方邮箱或域名，自动生成头像地址；② 直接填对方网站域名的 favicon，如 <code>https://xiaoming.com/favicon.ico</code>。</p><p>💡 不想显示某个友链，把它的 <code>enabled</code> 改成 <code>false</code> 即可，不用删。</p></blockquote><hr /></section><section><h2>步骤 11 · 换网站背景主题图（backgroundWallpaper.ts）★你特别问的<a href="#步骤-11--换网站背景主题图backgroundwallpaperts你特别问的"><span>#</span></a></h2><p>网站打开时那张好看的背景大图，就是在这里换的。</p><p><strong>第 1 步：准备你的图片</strong></p><ul> <li>挑一张**横向、清晰、不太大（建议压缩到 1MB 以内，否则加载慢）**的图片，比如 <code>mybg.jpg</code>。</li> <li>放进 <code>myblog\src\assets\images\DesktopWallpaper\</code> 文件夹（这个文件夹本来就有，专门放桌面背景图）。</li> </ul><p><strong>第 2 步：改配置</strong> 打开 <code>src\config\backgroundWallpaper.ts</code>，找到这一段：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span>src</span><span>: {</span></span></div></div><div><div><div>2</div></div><div><span> </span><span>// 桌面端背景图</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>desktop</span><span>: [</span></div></div><div><div><div>4</div></div><div><span> </span><span>"assets/images/DesktopWallpaper/d1.avif"</span><span>,</span></div></div><div><div><div>5</div></div><div><span> </span><span>// ... 原来一堆 d2 d3 ...</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>],</span></div></div><div><div><div>7</div></div><div><span> </span><span>// 手机端背景图</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>mobile</span><span>: [</span></div></div><div><div><div>9</div></div><div><span> </span><span>"assets/images/MobileWallpaper/m1.avif"</span><span>,</span></div></div><div><div><div>10</div></div><div><span> </span><span>// ...</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>],</span></div></div><div><div><div>12</div></div><div><span>},</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>把它<strong>改成只指向你自己的那张图</strong>（最不容易出错）：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span>src</span><span>: {</span></span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>desktop</span><span>: </span><span>"assets/images/DesktopWallpaper/mybg.jpg"</span><span>, </span><span>// 你的桌面背景</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>mobile</span><span>: </span><span>"assets/images/MobileWallpaper/mybg.jpg"</span><span>, </span><span>// 你的手机背景（没有就也用同一张）</span></div></div><div><div><div>4</div></div><div><span>},</span></div></div></code></pre><div><div></div><div></div></div></figure></div><blockquote><p>⚠️ <strong>重要</strong>：Firefly 自带的示例图名叫 <code>d1~d6</code>、<code>m1~m6</code>。<strong>别用这些名字覆盖它们</strong>，否则以后官方更新模板会把你的图冲掉。你用自己的名字（如 <code>mybg</code>）就安全。</p></blockquote><p><strong>第 3 步（可选）：改首页大标题文字</strong> 同一个文件往下找 <code>common.homeText</code>：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span>homeText</span><span>: {</span></span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>enable</span><span>: </span><span>true</span><span>,</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>title</span><span>: </span><span>"这里写首页主标题"</span><span>, </span><span>// 比如 "欢迎来到我的博客"</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>subtitle</span><span>: [ </span><span>// 副标题，会打字机效果轮播</span></div></div><div><div><div>5</div></div><div><span> </span><span>"一句话介绍你自己"</span><span>,</span></div></div><div><div><div>6</div></div><div><span> </span><span>"另一句想说的话"</span><span>,</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>],</span></div></div><div><div><div>8</div></div><div><span> </span><span>// ...</span></div></div><div><div><div>9</div></div><div><span>},</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>改完保存。运行 <code>pnpm dev</code> 刷新就能看到新背景和新标题。</p><blockquote><p>💡 背景模式有 4 种：<code>banner</code>（横幅，默认）、<code>fullscreen</code>（全屏）、<code>overlay</code>（全屏透明）、<code>none</code>（纯色无图）。在文件最上面的 <code>mode: "banner"</code> 改。小白先用默认 <code>banner</code> 即可。</p></blockquote><hr /></section><section><h2>步骤 12 · 改导航栏和页脚（可选）<a href="#步骤-12--改导航栏和页脚可选"><span>#</span></a></h2><ul> <li><strong>顶部菜单</strong>：打开 <code>src\config\navBarConfig.ts</code>，里面列着”首页 / 文章 / 友链”等菜单，照着格式增删即可。</li> <li><strong>页面底部</strong>：打开 <code>src\config\footerConfig.ts</code>，改版权信息、备案号（国内上线建议填 ICP 备案号）等。</li> </ul><p>这两步不急，先用默认也能跑，以后想精细化再改。</p><hr /></section><section><h2>步骤 13 · 删除官方示例内容（换成你自己的）★你特别问的<a href="#步骤-13--删除官方示例内容换成你自己的你特别问的"><span>#</span></a></h2><p>Firefly 下载下来自带<strong>十几篇演示文章和一堆示例图</strong>，必须删掉，否则别人看到的全是官方示例。</p><p><strong>要删除的内容在 <code>myblog\src\content\</code> 下</strong>：</p> <table><thead><tr><th>位置</th><th>内容</th><th>处理</th></tr></thead><tbody><tr><td><code>src\content\posts\</code></td><td>演示文章：<code>firefly.md</code>、<code>markdown-tutorial.md</code>、<code>code-examples.md</code>、<code>draft.md</code>、<code>encrypted-demo.md</code>、<code>katex-math-example.md</code>、<code>markdown-extended.md</code>、<code>markdown-mermaid.md</code>、<code>markdown-plantuml.md</code>、<code>mdx-example.mdx</code>、<code>video.md</code>，以及 <code>guide\</code>、<code>images\</code> 两个子目录</td><td><strong>全部删掉</strong>（文章文件 + 那两个子目录），但<strong>保留 <code>posts</code> 文件夹本身</strong></td></tr><tr><td><code>src\content\dynamic\</code></td><td>“动态/说说”示例</td><td>空的或把示例清掉</td></tr><tr><td><code>src\content\spec\</code></td><td>友链页底部自定义内容 <code>friends.md</code> 等</td><td>可保留，或改成你自己的</td></tr></tbody></table><p><strong>怎么删（最简单）</strong>：</p><ol> <li>打开文件夹 <code>myblog\src\content\posts\</code></li> <li><code>Ctrl + A</code> 全选 → <code>Delete</code> 删除里面所有文件和 <code>guide</code>、<code>images</code> 子目录</li> <li>回到 <code>myblog\src\content\</code>，确认 <code>posts</code> 文件夹还在（空的就行）</li> </ol><blockquote><p>✅ 删完后，这个目录就是”你放自己文章的地方”，下一步往里放你的文章。</p></blockquote><hr /></section><section><h2>步骤 14 · 写你自己的第一篇文章<a href="#步骤-14--写你自己的第一篇文章"><span>#</span></a></h2><p>Firefly 的文章就是普通的 Markdown 文件（<code>.md</code>），放在 <code>src\content\posts\</code>。每篇顶部要写一段”文件头”（叫 frontmatter），告诉系统标题、日期等。</p><p><strong>一个完整例子</strong>（新建文件 <code>我的第一篇文章.md</code>，内容如下）：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>---</span></div></div><div><div><div>2</div></div><div><span>title</span><span>: </span><span>"我的第一篇博客"</span></div></div><div><div><div>3</div></div><div><span>published</span><span>: </span><span>2026-08-18</span></div></div><div><div><div>4</div></div><div><span>description</span><span>: </span><span>"用 Firefly 搭建博客后写的第一篇"</span></div></div><div><div><div>5</div></div><div><span>tags</span><span>: [</span><span>随笔</span><span>, </span><span>生活</span><span>]</span></div></div><div><div><div>6</div></div><div><span>category</span><span>: </span><span>日常</span></div></div><div><div><div>7</div></div><div><span>slug</span><span>: </span><span>my-first-post</span></div></div><div><div><div>8</div></div><div><span>---</span></div></div><div><div><div>9</div></div><div> </div></div><div><div><div>10</div></div><div><span>这是正文第一段。Markdown 很好写：</span></div></div><div><div><div>11</div></div><div> </div></div><div><div><div>12</div></div><div><span>## 一个小标题</span></div></div><div><div><div>13</div></div><div> </div></div><div><div><div>14</div></div><div><span><span>-</span><span> 列表项一</span></span></div></div><div><div><div>15</div></div><div><span><span>-</span><span> 列表项二</span></span></div></div><div><div><div>16</div></div><div> </div></div><div><div><div>17</div></div><div><span>**加粗**</span><span>、</span><span>*斜体*</span><span>、</span><span><span>`</span><span>代码</span><span>`</span></span><span> 都支持。</span></div></div><div><div><div>18</div></div><div> </div></div><div><div><div>19</div></div><div><span>&gt; 引用块也支持。</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p><strong>frontmatter 字段说明（必须照格式写）</strong>：</p> <table><thead><tr><th>字段</th><th>含义</th><th>写法</th><th>注意</th></tr></thead><tbody><tr><td><code>title</code></td><td>文章标题</td><td><code>"我的第一篇博客"</code></td><td>必须，带英文双引号</td></tr><tr><td><code>published</code></td><td>发布日期</td><td><code>2026-08-18</code></td><td><strong>必须是 <code>published</code>，不是 date！</strong> 格式 年-月-日</td></tr><tr><td><code>description</code></td><td>描述</td><td><code>"一句话简介"</code></td><td>建议填，利于搜索</td></tr><tr><td><code>tags</code></td><td>标签</td><td><code>[随笔, 生活]</code></td><td>方括号，逗号分隔，<strong>不要</strong>给每个加引号</td></tr><tr><td><code>category</code></td><td>分类</td><td><code>日常</code></td><td>单个字符串</td></tr><tr><td><code>slug</code></td><td>网址别名</td><td><code>my-first-post</code></td><td>英文/数字/短横线，<strong>别用中文</strong>（中文网址会乱码）；不填则系统用文件名</td></tr></tbody></table><blockquote><p>⚠️ <strong>最坑的一点</strong>：Firefly 用的是 <code>published</code> 当日期字段（不是 <code>date</code>，也不是 <code>pubDate</code>）。写错文章就不显示，千万别写错。</p><p>💡 嫌手填麻烦？我们做的<strong>上传辅助小程序</strong>里有”导入已有文档”功能，选你的 <code>.md</code> 文件后，会弹窗引导你填这些字段，自动帮你生成好 frontmatter（详见文末附录）。</p></blockquote><p>写好多篇后，这个目录里就是你的全部文章了。</p><hr /></section></section> <section><h1>第四章 生成网站文件（构建）<a href="#第四章-生成网站文件构建"><span>#</span></a></h1><section><h2>步骤 15 · 构建出 dist 文件夹<a href="#步骤-15--构建出-dist-文件夹"><span>#</span></a></h2><p>在 <code>myblog</code> 目录下执行：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>pnpm build</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>它会把你写的 Markdown + 模板，编译成纯静态网页，生成在 <code>myblog\dist\</code> 文件夹。</li> <li>看到”完成/无报错”就成功。<code>dist\</code> 里就是最终要上传的全部网站文件（<code>index.html</code>、<code>assets\</code> 等）。</li> </ul><blockquote><p>❌ 如果报错：90% 是某篇文章的 frontmatter 写错了（尤其是 <code>published</code> 写成 <code>date</code>、或引号用了中文引号）。把报错里提到的文件名和行号发给我，我帮你查。</p></blockquote><hr /></section></section> <section><h1>第五章 准备云服务器（纯净环境）<a href="#第五章-准备云服务器纯净环境"><span>#</span></a></h1><blockquote><p>这一章假设你买的是<strong>空白云服务器</strong>（什么都没装）。如果你用的是<strong>宝塔面板</strong>，直接跳到本章末尾的 🟦 方框。</p></blockquote><section><h2>步骤 16 · 你已经有服务器了<a href="#步骤-16--你已经有服务器了"><span>#</span></a></h2><p>阿里云轻量应用服务器 / ECS 都行。本文假设你已经有了一台（2 核 2G 足够跑静态网站）。如果没有，去阿里云买一台”轻量应用服务器”，系统选 <strong>Ubuntu 22.04</strong> 或 <strong>CentOS 7/8</strong>。</p></section><section><h2>步骤 17 · 在云平台放行端口（很多人卡在这）<a href="#步骤-17--在云平台放行端口很多人卡在这"><span>#</span></a></h2><p>别人要用浏览器访问你的网站，服务器的”门”得打开。</p><ol> <li>登录阿里云控制台 → 找到你的服务器 → <strong>防火墙 / 安全组</strong></li> <li>添加规则，放行以下端口： <ul> <li><code>22</code>（SSH，用来远程登录和传文件）</li> <li><code>80</code>（HTTP，普通访问）</li> <li><code>443</code>（HTTPS，加密访问，后面开小绿锁用）</li> </ul> </li> <li>保存。</li> </ol><blockquote><p>轻量应用服务器叫”防火墙”，ECS 叫”安全组”，是一回事。</p></blockquote></section><section><h2>步骤 18 · 远程登录服务器<a href="#步骤-18--远程登录服务器"><span>#</span></a></h2><p>在你电脑的 PowerShell 里：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>ssh root</span><span>@你的服务器公网IP</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>第一次会问 <code>Are you sure...</code>，输入 <code>yes</code> 回车</li> <li>然后输入 root 密码（输入时不显示，正常）</li> <li>看到命令行变成 <code>root@xxxx:~#</code> 就是登进去了</li> </ul></section><section><h2>步骤 19 · 安装 Nginx（纯净环境做法）<a href="#步骤-19--安装-nginx纯净环境做法"><span>#</span></a></h2><p>Nginx 是”把网站文件对外提供访问”的软件。</p><p><strong>Ubuntu / Debian</strong>：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>apt</span><span> </span><span>update</span></div></div><div><div><div>2</div></div><div><span>apt</span><span> </span><span>install</span><span> </span><span>-y</span><span> </span><span>nginx</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p><strong>CentOS / Rocky</strong>：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>yum</span><span> </span><span>install</span><span> </span><span>-y</span><span> </span><span>nginx</span></div></div><div><div><div>2</div></div><div><span>systemctl</span><span> </span><span>enable</span><span> </span><span>--now</span><span> </span><span>nginx</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>装完在浏览器访问 <code>http://你的服务器IP</code>，看到 Nginx 欢迎页 = ✅ 成功。</p></section><section><h2>步骤 20 · 建网站目录<a href="#步骤-20--建网站目录"><span>#</span></a></h2><p>还在服务器命令行里：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>mkdir</span><span> </span><span>-p</span><span> </span><span>/var/www/firefly</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>这就是以后放网站文件的地方（记住这个路径）。</p></section><section><h2>步骤 21 · 配置 Nginx 指向网站目录<a href="#步骤-21--配置-nginx-指向网站目录"><span>#</span></a></h2><p>写入一份站点配置：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>cat</span><span> &gt; </span><span>/etc/nginx/sites-available/firefly</span><span> &lt;&lt;</span><span>'EOF'</span></div></div><div><div><div>2</div></div><div><span>server {</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>listen 80;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>server_name 你的服务器IP; # 有域名后改成域名，如 blog.example.com</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>root /var/www/firefly;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>index index.html;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>location / {</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>try_files $uri $uri/ /index.html;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>10</div></div><div><span>}</span></div></div><div><div><div>11</div></div><div><span>EOF</span></div></div><div><div><div>12</div></div><div><span>ln</span><span> </span><span>-s</span><span> </span><span>/etc/nginx/sites-available/firefly</span><span> </span><span>/etc/nginx/sites-enabled/firefly</span></div></div><div><div><div>13</div></div><div><span>nginx</span><span> </span><span>-t</span><span> </span><span># 检查配置有没有错</span></div></div><div><div><div>14</div></div><div><span>systemctl</span><span> </span><span>reload</span><span> </span><span>nginx</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>最后两条没报错 = 配置生效。</p><blockquote><p>🟦 <strong>宝塔用户看这里（跳过步骤 19/20/21）</strong>：你买服务器时如果一键装了宝塔面板，Nginx 已经在由宝塔管理，<strong>不要自己装、不要手写上面配置</strong>。你只需要：</p><ol> <li>登录宝塔面板（地址 <code>http://服务器IP:8888</code>）</li> <li>左侧「文件」→ 进 <code>/www/wwwroot/</code> → 新建文件夹 <code>firefly</code></li> <li>左侧「网站」→「添加站点」，域名填你已有的 <code>blog.xxx.cn</code>（或临时填服务器IP）→ 提交（宝塔会自动建好 Nginx 配置）</li> <li>记住网站目录是 <code>/www/wwwroot/firefly</code>（<strong>不是</strong> <code>/var/www/firefly</code>） 后面的”上传目录”一律用 <code>/www/wwwroot/firefly</code>。</li> </ol></blockquote><hr /></section></section> <section><h1>第六章 把网站传上服务器<a href="#第六章-把网站传上服务器"><span>#</span></a></h1><blockquote><p>现在把电脑上 <code>dist\</code> 里的文件，传到服务器那个网站目录里。</p></blockquote><section><h2>步骤 22 · 用上传辅助小程序一键上传（最推荐，不用记命令）<a href="#步骤-22--用上传辅助小程序一键上传最推荐不用记命令"><span>#</span></a></h2><p>我们专门给你做了一个小程序（<code>firefly_uploader/</code>），双击 <code>start.bat</code> 就能用，界面引导式操作。用法：</p><ol> <li><strong>第 1 页 服务器连接</strong>：填 IP、用户名（root）、密码、SSH 端口（22）、<strong>远程网站目录</strong>（纯净环境填 <code>/var/www/firefly</code>；<strong>宝塔用户填 <code>/www/wwwroot/firefly</code></strong>）。点”测试连接”确认能连上 → 保存。</li> <li><strong>第 2 页 本地项目</strong>：选你的 <code>myblog</code> 文件夹路径（程序会自动找到里面的 <code>dist</code>）。</li> <li><strong>第 3 页 写文档</strong>：可以手填生成文章，或点「导入已有文档」自动加 frontmatter 并上传（详见附录）。</li> <li><strong>第 4 页 一键上传</strong>：点「🚀 一键上传」，程序自动 <code>pnpm build</code> + 把文件传到服务器。<strong>搞定。</strong></li> </ol><blockquote><p>⚠️ 宝塔用户务必在第 1 页把远程目录改成 <code>/www/wwwroot/firefly</code>，否则传上去网站不更新。</p></blockquote></section><section><h2>步骤 23 · 或手动用 scp 上传（不装小程序时）<a href="#步骤-23--或手动用-scp-上传不装小程序时"><span>#</span></a></h2><p>在你<strong>电脑</strong>的 PowerShell 里（注意先 <code>cd</code> 进项目目录）：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>cd D:\myblog</span></div></div><div><div><div>2</div></div><div><span><span>scp </span><span>-</span><span>r .\dist\</span><span>*</span><span> root</span></span><span>@你的服务器IP</span><span><span>:</span><span>/</span></span><span>var</span><span><span>/</span><span>www</span><span>/</span><span>firefly</span><span>/</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>宝塔用户把目标目录换成 <code>/www/wwwroot/firefly/</code>：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span><span>scp </span><span>-</span><span>r .\dist\</span><span>*</span><span> root</span></span><span>@你的服务器IP</span><span><span>:</span><span>/</span><span>www</span><span>/</span><span>wwwroot</span><span>/</span><span>firefly</span><span>/</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>第一次连会问 <code>yes</code>，输入回车；再输密码</li> <li>等文件传完即可</li> </ul><hr /></section></section> <section><h1>第七章 绑定域名 + 开启 HTTPS（免费小绿锁）<a href="#第七章-绑定域名--开启-https免费小绿锁"><span>#</span></a></h1><section><h2>步骤 24 · 域名解析<a href="#步骤-24--域名解析"><span>#</span></a></h2><ol> <li>在域名服务商（阿里云/腾讯云/DNSPod 等）给域名加一条 <strong>A 记录</strong>，指向你的服务器公网 IP。</li> <li>等几分钟生效（ping 一下你的域名看是否指向服务器 IP）。</li> </ol></section><section><h2>步骤 25 · 申请免费证书并配置<a href="#步骤-25--申请免费证书并配置"><span>#</span></a></h2><p><strong>纯净环境（手动）</strong>：</p><ol> <li>阿里云「SSL 证书」申请一张<strong>免费 DV 证书</strong>，下载 Nginx 版，传到服务器 <code>/etc/nginx/ssl/</code></li> <li>把步骤 21 的 Nginx 配置改成 <code>listen 443 ssl;</code> 并填证书路径，加 80→443 跳转（需要我帮你写完整配置时再说）</li> <li>确认防火墙已放行 443（步骤 17 做过），<code>nginx -t</code> 检查后 <code>systemctl reload nginx</code></li> </ol><p><strong>宝塔用户（一键）</strong>：</p><ol> <li>宝塔左侧「网站」→ 你的站点 →「SSL」→「Let’s Encrypt」→ 勾选域名 → 点「申请」</li> <li>申请完点「强制 HTTPS」</li> <li>宝塔自动配好证书和跳转，<strong>不用碰命令行</strong></li> </ol><blockquote><p>💡 没域名也能先用 IP 访问，证书晚点再弄，不影响看网站。</p></blockquote><hr /></section></section> <section><h1>第八章 验证 &amp; 日常更新 &amp; 排错<a href="#第八章-验证--日常更新--排错"><span>#</span></a></h1><section><h2>步骤 26 · 浏览器验证<a href="#步骤-26--浏览器验证"><span>#</span></a></h2><p>打开浏览器访问 <code>http://你的服务器IP</code>（或 <code>https://你的域名</code>）：</p><ul> <li>✅ 首页是你换的背景图 + 你的标题</li> <li>✅ 文章列表里是你自己写的文章</li> <li>✅ 点进文章，图片能显示</li> <li>✅ 地址栏有小绿锁（HTTPS 正常）</li> </ul></section><section><h2>步骤 27 · 以后怎么更新文章（日常流程）<a href="#步骤-27--以后怎么更新文章日常流程"><span>#</span></a></h2><ol> <li>在 <code>myblog\src\content\posts\</code> 增删改你的 <code>.md</code> 文章</li> <li>改完配置/文章后，本地 <code>pnpm build</code> 重新生成 <code>dist</code></li> <li>用辅助小程序「一键上传」（或 scp）传到服务器</li> <li>浏览器 <code>Ctrl + F5</code> 强刷，看到新内容 = 完成</li> </ol><blockquote><p>服务器<strong>不用重装任何东西</strong>，只在第一次部署时配过 Nginx/宝塔。以后永远是”改文章 → 构建 → 上传”三步。</p></blockquote></section><section><h2>步骤 28 · 常见排错表<a href="#步骤-28--常见排错表"><span>#</span></a></h2> <table><thead><tr><th>现象</th><th>原因</th><th>解决</th></tr></thead><tbody><tr><td>文章不显示</td><td>frontmatter 里写了 <code>date</code> 而不是 <code>published</code></td><td>改成 <code>published: 年-月-日</code></td></tr><tr><td>网站显示 Nginx 欢迎页</td><td>文件没传对目录 / Nginx 没指对</td><td>确认传到 <code>/var/www/firefly</code>（或宝塔 <code>/www/wwwroot/firefly</code>），且 Nginx root 指向它</td></tr><tr><td>背景图不显示</td><td>图片名用了 <code>d1~d6</code>/<code>m1~m6</code> 被覆盖，或路径写错</td><td>用自定义名字（如 <code>mybg</code>），确认 <code>src.desktop</code> 路径与文件实际位置一致</td></tr><tr><td>中文网址乱码</td><td><code>slug</code> 用了中文</td><td><code>slug</code> 改英文，如 <code>my-post</code></td></tr><tr><td>上传后没变化</td><td>浏览器缓存</td><td><code>Ctrl + F5</code> 强刷</td></tr><tr><td><code>pnpm</code> 报命令不存在</td><td>没重启终端</td><td>关掉 PowerShell 重开</td></tr><tr><td>访问提示 403</td><td>目录里没有 index.html</td><td>确认 <code>dist</code> 内容传进去了，且根目录直接是 index.html</td></tr></tbody></table><hr /></section></section> <section><h1>附：上传辅助小程序使用说明<a href="#附上传辅助小程序使用说明"><span>#</span></a></h1><p>文件位置：<code>firefly_uploader/</code> 文件夹，双击里面的 <code>start.bat</code> 启动（首次会自动装好所需环境）。</p><p>四个标签页：</p><ol> <li><strong>服务器连接</strong>：填 IP、用户名、密码、端口、远程目录（宝塔填 <code>/www/wwwroot/firefly</code>）。可”测试连接”验证。</li> <li><strong>本地项目</strong>：选择你的 <code>myblog</code> 文件夹。</li> <li><strong>写文档</strong>： <ul> <li>「生成文章」：手填标题/日期/标签/分类 + 正文，点生成，会在 <code>src/content/posts/</code> 下创建带 frontmatter 的 <code>.md</code>。</li> <li><strong>「📂 导入已有文档并上传」</strong>：选你电脑上已有的 <code>.md</code>（可以带旧文件头，也可以纯正文）→ 弹窗引导你填 frontmatter 各字段 → 点”保存并上传”会<strong>自动写好 frontmatter + 复制进项目 + 构建 + 一键上传</strong>一条龙；只想先存着就点”仅保存”。</li> </ul> </li> <li><strong>一键上传</strong>：确认信息后点「🚀 一键上传」，自动构建并传输。</li> </ol><blockquote><p>小程序会自动把 Hugo 等旧格式文件头转成 Firefly 格式、丢弃不认的字段，省去手改烦恼。</p></blockquote><hr /><p>✅ <strong>恭喜你看到这里！</strong> 整套流程就是：装环境 → 拿模板 → 个性化（改资料/换图/删示例/写文章）→ 构建 → 传服务器 → 绑域名开 HTTPS。慢慢来，每一步验证通过再走下一步，就不会乱。遇到问题把报错截图发我即可。</p></section>https://blog.s520j.cn/posts/mysql-dbeaver-setup/https://blog.s520j.cn/posts/mysql-dbeaver-setup/从零开始在 Windows 上安装 MySQL 数据库并配置 DBeaver 图形化管理工具的连接教程。Tue, 18 Aug 2026 00:00:00 GMT<p>这份指南将带你从零开始，一步步完成 MySQL 数据库的安装以及 DBeaver 图形化工具的配置。</p> <p>第一阶段：安装与配置 MySQL 数据库（核心基础）</p> <p>. 下载官方安装包</p> <p>访问 MySQL 官方下载页面，选择 MySQL Community Server（社区版，免费）。推荐下载 MySQL Installer for Windows（图形化安装器），如果网络环境一般，建议下载体积较大的完整离线安装包。</p> <p>. 选择安装类型</p> <p>运行安装程序后，在 Setup Type（安装类型）界面，强烈建议选择 Developer Default（开发者默认模式）。这个模式会自动安装数据库服务以及常用的客户端工具，最适合新手。</p> <p>. 核心参数配置（关键步骤）</p> <p>安装过程中会自动进入配置向导，请重点关注以下设置：</p> <p>网络配置：保持默认的 TCP/IP 协议，端口号保持为 3306（请勿修改，否则后续工具可能无法连接）。</p> <p>身份验证：推荐使用 Use Strong Password Encryption for Authentication（强密码加密），这是 MySQL 8.0 引入的新安全标准。</p> <p>设置 Root 密码：在 Accounts and Roles 界面，务必为 root（超级管理员）设置一个密码。请务必牢记此密码，后续连接数据库必须用到。</p> <p>系统服务：勾选 Start the MySQL Server at System Startup（开机自动启动），这样每次重启电脑后数据库会自动运行，无需手动开启。</p> <p>. 环境变量配置与验证</p> <p>安装完成后，为了让电脑命令行能识别 MySQL 指令，需要将 MySQL 安装目录下的 bin 文件夹路径添加到系统的 Path 环境变量中。</p> <p>配置完成后，打开命令提示符（CMD），输入 mysql -u root -p 并回车，输入密码后若出现 mysql&gt; 提示符，即代表 MySQL 安装配置成功。</p> <p>第二阶段：安装 DBeaver 管理工具</p> <p>. 下载与安装</p> <p>前往 DBeaver 官方网站，下载 Windows 64-bit Installer（.exe 安装包）。运行安装程序，在语言选择界面勾选“简体中文”，一路点击下一步即可。建议将安装路径修改至非系统盘（如 D 盘），且路径中不要包含中文或空格。</p> <p>. 首次启动设置</p> <p>首次打开 DBeaver 时，会提示设置工作空间（Workspace）路径，保持默认路径直接点击 OK 即可。进入主界面后，确认菜单栏等界面元素已显示为中文。</p> <p>第三阶段：使用 DBeaver 连接本地 MySQL</p> <p>. 新建数据库连接</p> <p>在 DBeaver 主界面左上角，点击“新建数据库连接”图标（插头带加号的图标），在弹出的数据库列表中选择 MySQL，点击下一步。</p> <p>. 填写连接参数</p> <p>在“常规”选项卡中，填写以下信息：</p> <p>服务器主机（Server Host）：localhost</p> <p>端口（Port）：3306</p> <p>用户名（Username）：root</p> <p>密码（Password）：你在第一阶段设置的 root 密码</p> <p>. 下载驱动并测试连接</p> <p>填写完密码后，点击左下角的“测试连接”按钮。如果是首次连接，DBeaver 会弹窗提示“下载 MySQL 驱动文件”，直接点击“下载”即可。</p> <p>等待几秒钟，如果弹出带有“绿色对勾”的提示框（显示连接成功），说明配置完美无误。点击“完成”保存连接。</p> <p>现在，你可以在 DBeaver 左侧的数据库导航树中展开你的 MySQL 实例，像操作 Excel 一样可视化地管理你的数据库了！</p>https://blog.s520j.cn/posts/windows-dev-env/https://blog.s520j.cn/posts/windows-dev-env/面向零基础用户，手把手在 Windows 上配置 WSL、Docker Desktop 与 VS Code 开发环境的完整指南。Tue, 18 Aug 2026 00:00:00 GMT<hr /> <section><h2>第一阶段：准备工作与系统开启<a href="#第一阶段准备工作与系统开启"><span>#</span></a></h2><section><h3>1. 确认系统版本<a href="#1-确认系统版本"><span>#</span></a></h3><p>确保你的电脑是 <strong>Windows 10 (版本 2004 及以上)</strong> 或 <strong>Windows 11</strong>。</p><ul> <li><strong>查看方法</strong>：按 <code>Win + R</code>，输入 <code>winver</code> 回车，查看版本号。</li> </ul></section><section><h3>2. 开启虚拟化功能<a href="#2-开启虚拟化功能"><span>#</span></a></h3><p>WSL 和 Docker 需要电脑的 CPU 虚拟化支持。</p><ul> <li><strong>操作</strong>：重启电脑，进入 BIOS/UEFI 设置（通常开机时按 F2、Del 或 F12），找到 <strong>Virtualization Technology</strong> (虚拟化技术) 或 <strong>Intel VT-x / AMD-V</strong>，将其设置为 <strong>Enabled</strong> (开启)。</li> </ul><hr /></section></section> <section><h2>第二阶段：安装 WSL (Windows Subsystem for Linux)<a href="#第二阶段安装-wsl-windows-subsystem-for-linux"><span>#</span></a></h2><section><h3>1. 以管理员身份打开 PowerShell<a href="#1-以管理员身份打开-powershell"><span>#</span></a></h3><ul> <li> <p><strong>操作</strong>：右键点击”开始”按钮 → 选择 <strong>Windows PowerShell (管理员)</strong> 或 <strong>终端(管理员)</strong>。</p> </li> <li> <p><strong>含义</strong>：Administrator (管理员) 权限允许软件修改系统底层设置。</p> </li> </ul></section><section><h3>2. 执行一键安装命令<a href="#2-执行一键安装命令"><span>#</span></a></h3><p>在弹出的蓝色窗口中输入以下命令并回车：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span><span>wsl </span><span>--</span><span>install</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li><strong>含义</strong>：该命令会自动下载并安装 Ubuntu Linux 发行版以及所需的虚拟化组件。</li> </ul></section><section><h3>3. 重启电脑<a href="#3-重启电脑"><span>#</span></a></h3><ul> <li><strong>注意</strong>：安装完成后，<strong>必须手动重启电脑</strong>才能使虚拟化组件生效。</li> </ul></section><section><h3>4. 设置 Linux 用户名和密码<a href="#4-设置-linux-用户名和密码"><span>#</span></a></h3><p>重启后，系统会自动弹出一个黑色窗口（Ubuntu）。</p><ul> <li> <p><strong>Enter new UNIX username</strong>: 输入一个英文名（如 <code>devuser</code>），回车。</p> </li> <li> <p><strong>Enter new UNIX password</strong>: 输入密码（注意：输入时屏幕不会显示星号，输完直接回车），再输入一次确认。</p> </li> <li> <p><strong>含义</strong>：这是你在 Linux 系统中的独立账号，与 Windows 账号无关。</p> </li> </ul><hr /></section></section> <section><h2>第三阶段：安装与配置 Docker Desktop<a href="#第三阶段安装与配置-docker-desktop"><span>#</span></a></h2><section><h3>1. 下载安装包<a href="#1-下载安装包"><span>#</span></a></h3><p>访问 Docker 官网下载 <strong>Docker Desktop for Windows</strong> 并安装。</p><ul> <li><strong>建议</strong>：安装过程中勾选 <strong>Use WSL 2 instead of Hyper-V</strong> (使用 WSL 2 代替 Hyper-V)，以获得最佳性能。</li> </ul></section><section><h3>2. 启动 Docker Desktop<a href="#2-启动-docker-desktop"><span>#</span></a></h3><p>安装完成后，在开始菜单搜索并打开 <strong>Docker Desktop</strong>。</p><ul> <li><strong>等待</strong>：首次启动较慢，直到左下角显示绿色圆点及 “Engine running” (引擎运行中)。</li> </ul></section><section><h3>3. 配置国内镜像加速器 (解决下载慢问题)<a href="#3-配置国内镜像加速器-解决下载慢问题"><span>#</span></a></h3><p>由于 Docker Hub 在国外，国内拉取镜像极慢，需配置加速源。</p><ol> <li> <p>点击 Docker Desktop 右上角的齿轮图标 → <strong>Settings</strong> (设置)。</p> </li> <li> <p>左侧选择 <strong>Resources</strong> (资源) → <strong>Docker Engine</strong> (Docker 引擎)。</p> </li> <li> <p>在右侧 JSON 编辑框中，粘贴以下代码（替换原有内容）：</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>{</span></div></div><div><div><div>2</div></div><div><span> </span><span>"registry-mirrors"</span><span>: [</span></div></div><div><div><div>3</div></div><div><span> </span><span>"https://docker.m.daocloud.io"</span><span>,</span></div></div><div><div><div>4</div></div><div><span> </span><span>"https://huecker.io"</span><span>,</span></div></div><div><div><div>5</div></div><div><span> </span><span>"https://dockerhub.timeweb.cloud"</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>]</span></div></div><div><div><div>7</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <ul> <li><strong>含义</strong>：<code>registry-mirrors</code> 告诉 Docker 去这些国内的服务器找镜像，速度会快很多。</li> </ul> </li> <li> <p>点击右下角 <strong>Apply &amp; restart</strong> (应用并重启)。</p> </li> </ol></section><section><h3>4. 验证 Docker 是否成功<a href="#4-验证-docker-是否成功"><span>#</span></a></h3><p>打开 PowerShell，输入：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>docker</span><span> </span><span>run</span><span> </span><span>hello-world</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>如果看到 <strong>“Hello from Docker!”</strong> 字样，说明安装成功。</p><hr /></section></section> <section><h2>第四阶段：安装开发工具 VS Code<a href="#第四阶段安装开发工具-vs-code"><span>#</span></a></h2><section><h3>1. 下载并安装 Visual Studio Code<a href="#1-下载并安装-visual-studio-code"><span>#</span></a></h3><p>前往微软官网下载并安装 <strong>Visual Studio Code</strong> (简称 VS Code)。</p></section><section><h3>2. 安装 WSL 插件<a href="#2-安装-wsl-插件"><span>#</span></a></h3><ol> <li> <p>打开 VS Code。</p> </li> <li> <p>点击左侧边栏的”四个方块”图标 (<strong>Extensions</strong>，扩展)。</p> </li> <li> <p>搜索 <strong>WSL</strong>。</p> </li> <li> <p>找到微软官方发布的 <strong>WSL</strong> 插件，点击 <strong>Install</strong> (安装)。</p> </li> </ol><ul> <li><strong>含义</strong>：该插件让 VS Code 能够直接连接到 WSL 里的 Linux 系统进行写代码。</li> </ul><hr /></section></section> <section><h2>第五阶段：建立第一个项目并测试<a href="#第五阶段建立第一个项目并测试"><span>#</span></a></h2><section><h3>1. 进入 Linux 环境<a href="#1-进入-linux-环境"><span>#</span></a></h3><p>在 VS Code 中，按下快捷键 <code>Ctrl + Shift + ~</code> 打开终端。</p><ul> <li><strong>确认</strong>：如果终端前缀显示为 <code>user@DESKTOP:~$</code>，说明你已进入 Linux 环境。</li> </ul></section><section><h3>2. 创建项目文件夹<a href="#2-创建项目文件夹"><span>#</span></a></h3><p>在终端中输入：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>mkdir</span><span> </span><span>-p</span><span> </span><span>~/projects</span></div></div><div><div><div>2</div></div><div><span>code</span><span> </span><span>~/projects</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li> <p><strong>含义</strong>：</p> <ul> <li> <p><code>mkdir -p ~/projects</code>：在 Linux 主目录下创建一个名为 <code>projects</code> 的文件夹。</p> </li> <li> <p><code>code ~/projects</code>：用 VS Code 远程打开这个 Linux 文件夹。此时 VS Code 左下角应显示 “WSL: Ubuntu”。</p> </li> </ul> </li> </ul></section><section><h3>3. 运行 Nginx 测试网页<a href="#3-运行-nginx-测试网页"><span>#</span></a></h3><p>在 VS Code 的终端中输入：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>docker</span><span> </span><span>run</span><span> </span><span>-d</span><span> </span><span>-p</span><span> </span><span>8080:80</span><span> </span><span>nginx</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li><strong>含义</strong>：启动一个 Nginx 网页服务器，并将其端口映射到你电脑的 8080 端口。</li> </ul></section><section><h3>4. 浏览器验证<a href="#4-浏览器验证"><span>#</span></a></h3><p>打开 Chrome 或 Edge 浏览器，访问： <strong><code>http://localhost:8080</code></strong></p><p>如果看到 <strong>“Welcome to nginx!”</strong> 页面，恭喜你！你的本机开发环境已全部配置完成。</p><hr /></section></section> <section><h2>常见问题排查 (FAQ)<a href="#常见问题排查-faq"><span>#</span></a></h2> <table><thead><tr><th>问题现象</th><th>解决方法</th></tr></thead><tbody><tr><td><strong>wsl —install 报错</strong></td><td>检查 BIOS 虚拟化是否开启；尝试手动启用功能：<code>dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart</code></td></tr><tr><td><strong>Docker 启动失败</strong></td><td>确保 WSL 2 已更新：在 PowerShell 运行 <code>wsl --update</code>；重启电脑。</td></tr><tr><td><strong>镜像下载卡住</strong></td><td>检查 Docker Engine 中的 JSON 格式是否正确；尝试更换镜像源地址。</td></tr><tr><td><strong>VS Code 连不上 WSL</strong></td><td>确保已安装 WSL 插件；在 VS Code 左下角点击绿色区域，选择 “Connect to WSL”。</td></tr></tbody></table></section>https://blog.s520j.cn/posts/wsl-vscode-docker-setup/https://blog.s520j.cn/posts/wsl-vscode-docker-setup/详解 WSL、VS Code、Docker Desktop 按顺序安装到非系统盘的方法，以及 VS Code 连接 WSL 的图文步骤。Tue, 18 Aug 2026 00:00:00 GMT<section><h2>一、安装顺序与安装到非系统盘的方法<a href="#一安装顺序与安装到非系统盘的方法"><span>#</span></a></h2><p>为了搭建稳定且高效的开发环境，建议按照 <strong>WSL → VS Code → Docker Desktop</strong> 的顺序进行安装。以下是详细的安装顺序逻辑以及将它们安装到非系统盘（如 D 盘）的具体方法：</p><section><h3>1. 第一步：安装 WSL (Windows Subsystem for Linux)<a href="#1-第一步安装-wsl-windows-subsystem-for-linux"><span>#</span></a></h3><p><strong>安装逻辑</strong>：WSL 是底层基础环境，Docker Desktop 依赖 WSL 2 后端运行，因此必须最先安装。</p><p><strong>安装到非系统盘</strong>：</p><p>以<strong>管理员身份</strong>打开 PowerShell，直接使用 <code>--location</code> 参数指定安装路径即可一步到位，无需后期迁移：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>wsl --install -d Ubuntu --location "D:\WSL\Ubuntu"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>（注：将 <code>D:\WSL\Ubuntu</code> 替换为你实际想要安装的目标路径。安装完成后首次启动需设置用户名和密码）</p></section><section><h3>2. 第二步：安装 VS Code<a href="#2-第二步安装-vs-code"><span>#</span></a></h3><p><strong>安装逻辑</strong>：作为代码编辑器，它需要连接 WSL 进行开发，建议在 WSL 之后安装。</p><p><strong>安装到非系统盘</strong>：</p><ul> <li><strong>常规安装版</strong>：运行官方安装包，在”选择安装路径”步骤时，点击”浏览”并选择非系统盘目录（如 <code>D:\VSCode</code>）。<strong>注意：安装路径必须为纯英文</strong>，禁止包含中文或空格，否则会导致后续插件安装失败。</li> <li><strong>便携版 (Portable Mode)</strong>：如果你希望完全不写入注册表、所有配置和插件都保存在本地文件夹，可以下载 Windows ZIP 压缩包，解压到非系统盘后，在解压目录内手动创建一个名为 <code>data</code> 的文件夹，后续双击 <code>Code.exe</code> 启动即可。</li> </ul></section><section><h3>3. 第三步：安装 Docker Desktop<a href="#3-第三步安装-docker-desktop"><span>#</span></a></h3><p><strong>安装逻辑</strong>：Docker 需要依赖已安装好的 WSL 2 环境，因此必须放在最后安装。</p><p><strong>安装到非系统盘</strong>：</p><p>Docker Desktop 默认会安装在 C 盘，需通过命令行指定路径。</p><ol> <li>从官网下载 <code>Docker Desktop Installer.exe</code> 并移至易于访问的位置（如 <code>D:\</code>）。</li> <li>以<strong>管理员身份</strong>打开 PowerShell，运行以下命令：</li> </ol><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&amp; "D:\Docker Desktop Installer.exe" install --installation-dir="D:\Docker"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>（注：<code>--installation-dir</code> 指定的目标目录不能与安装包所在的目录相同，否则会报错。看到 <code>Installation succeeded</code> 即代表安装成功）</p></section><section><h3>额外建议<a href="#额外建议"><span>#</span></a></h3><p>在安装完成后，为了保证开发性能，建议将你的项目代码文件存储在 <strong>WSL 2 文件系统</strong>（如 <code>/home/yourname/projects/</code>）中，而不是 Windows 文件系统（如 <code>C:\</code> 或 <code>D:\</code>）中。跨操作系统的文件共享访问会明显拖慢 Docker 和编译工具的运行速度。</p><hr /></section></section> <section><h2>二、VS Code 连接 WSL 配置教程（通俗版）<a href="#二vs-code-连接-wsl-配置教程通俗版"><span>#</span></a></h2><section><h3>第一步：给 VS Code 装”插件” (Plugin)<a href="#第一步给-vs-code-装插件-plugin"><span>#</span></a></h3><p><strong>插件 (Plugin)</strong>：你可以把它理解为”外挂”或者”扩展功能”。VS Code 本身只是个编辑器，装上插件它才能和 WSL 里的 Linux 系统对话。</p><ol> <li>打开你刚装好的 VS Code。</li> <li>看屏幕最左边那一排图标，找到长得像<strong>四个小方块拼在一起</strong>的图标（这叫 Extensions，意思是”扩展/插件”），点一下它。</li> <li>在顶部的搜索框里，输入 <code>WSL</code>。</li> <li>找到第一个，名字叫 <strong>WSL</strong>，作者是 <strong>Microsoft</strong>（微软官方出的），点击蓝色的 <strong>Install</strong>（安装）按钮。</li> </ol></section><section><h3>第二步：让 VS Code 连上你的 Linux 系统<a href="#第二步让-vs-code-连上你的-linux-系统"><span>#</span></a></h3><p>装好插件后，我们要告诉 VS Code 去 WSL 里面干活。</p><ol> <li>看 VS Code 界面的<strong>左下角</strong>，有一个像 <code>&gt;&lt;</code> 这样的绿色小图标（这叫 Remote，意思是”远程连接”），点一下它。</li> <li>在屏幕最上方弹出的菜单里，选择 <strong>Connect to WSL</strong>（连接到 WSL）。</li> <li>接着会弹出一个列表，里面是你刚才装的 Linux 系统（比如 Ubuntu），点一下它。</li> </ol></section><section><h3>第三步：见证奇迹的时刻<a href="#第三步见证奇迹的时刻"><span>#</span></a></h3><p>点完之后，你会看到 VS Code 稍微闪一下，然后<strong>左下角的图标旁边会多出一行小绿字</strong>，写着类似 <code>WSL: Ubuntu</code>。</p><p><strong>这就说明你已经成功连上了！</strong></p><p>接下来，你只需要点击左上角的 <strong>File</strong>（文件） → <strong>Open Folder</strong>（打开文件夹），这时候弹出的窗口就是 Linux 里面的文件夹了。你可以直接在里面新建代码文件、写代码，所有的操作都在 Linux 环境下进行，速度飞快！</p></section></section>https://blog.s520j.cn/posts/ai-ops-security/https://blog.s520j.cn/posts/ai-ops-security/在阿里云轻量应用服务器上借助 AI Agent 辅助日常运维时的安全操作清单，涵盖备份、命令审查、异常处理与定期巡检。Sun, 09 Aug 2026 00:00:00 GMT<blockquote><p>本文档适用于在阿里云轻量应用服务器上，使用 AI Agent（如阿里云 Workbench AI 助手）辅助日常运维操作的场景。 目标：降低误操作风险，保障服务器与业务安全。</p></blockquote> <hr /> <section><h2>一、使用前的准备<a href="#一使用前的准备"><span>#</span></a></h2><section><h3>1.1 数据备份（必须执行）<a href="#11-数据备份必须执行"><span>#</span></a></h3><p>在执行任何 AI 生成的命令之前，确保以下数据已备份：</p><ul> <li> <p><strong>网站文件</strong>：WordPress 目录（如 <code>/var/www/html</code>）或其他网站根目录</p> </li> <li> <p><strong>数据库</strong>：通过 <code>mysqldump</code> 导出所有数据库</p> </li> <li> <p><strong>配置文件</strong>：Nginx/Apache 配置、SSH 配置、防火墙规则等</p> </li> <li> <p><strong>SSL 证书</strong>：证书文件和私钥文件</p> </li> </ul><p>备份命令示例：</p><ul> <li> <p>备份网站文件：<code>tar -czf /tmp/website_backup.tar.gz /var/www/html</code></p> </li> <li> <p>备份数据库：<code>mysqldump -u root -p --all-databases &gt; /tmp/db_backup.sql</code></p> </li> </ul></section><section><h3>1.2 创建系统快照<a href="#12-创建系统快照"><span>#</span></a></h3><ul> <li> <p>登录阿里云控制台 → 轻量应用服务器 → 快照 → 创建当前系统快照</p> </li> <li> <p>快照可在服务器出现问题时一键回滚，是最后的”后悔药”</p> </li> </ul></section><section><h3>1.3 确认当前状态<a href="#13-确认当前状态"><span>#</span></a></h3><p>在执行 AI 命令前，先了解服务器当前状态：</p><ul> <li> <p>磁盘空间：<code>df -h</code></p> </li> <li> <p>内存使用：<code>free -h</code></p> </li> <li> <p>运行进程：<code>top</code> 或 <code>htop</code></p> </li> <li> <p>已安装软件：<code>dpkg -l</code>（Ubuntu）或 <code>rpm -qa</code>（CentOS）</p> </li> <li> <p>防火墙状态：<code>sudo ufw status</code></p> </li> </ul><hr /></section></section> <section><h2>二、AI 命令安全审查流程<a href="#二ai-命令安全审查流程"><span>#</span></a></h2><section><h3>2.1 三步审查法<a href="#21-三步审查法"><span>#</span></a></h3><p>每次 AI 生成命令后，在确认执行前，按以下顺序审查：</p> <table><thead><tr><th>步骤</th><th>审查内容</th><th>说明</th></tr></thead><tbody><tr><td><strong>第一步：看命令</strong></td><td>逐字阅读命令，识别危险操作符</td><td>重点检查 <code>rm -rf</code>、<code>dd</code>、<code>mkfs</code>、`wget</td></tr><tr><td><strong>第二步：问 AI</strong></td><td>向 AI 提问：“这条命令具体做了什么？会删除哪些文件？”</td><td>让 AI 解释每条参数的含义</td></tr><tr><td><strong>第三步：试运行</strong></td><td>对破坏性命令，先用 <code>echo</code> 模拟或 <code>dry-run</code> 模式测试</td><td>例如 <code>rm -rf</code> 改为 <code>echo rm -rf</code> 预览将要删除的文件</td></tr></tbody></table></section><section><h3>2.2 高危命令速查表<a href="#22-高危命令速查表"><span>#</span></a></h3><p>以下命令具有不可逆的破坏性，<strong>必须逐字审查后确认执行</strong>：</p> <table><thead><tr><th>命令</th><th>风险说明</th><th>安全替代方案</th></tr></thead><tbody><tr><td><code>rm -rf /</code> 或 <code>rm -rf *</code></td><td>递归强制删除，可能导致系统崩溃</td><td>先 <code>ls</code> 确认目标，再执行删除</td></tr><tr><td><code>dd if=/dev/zero of=/dev/sda</code></td><td>覆盖整个磁盘，数据永久丢失</td><td>使用 <code>truncate</code> 或 <code>fallocate</code> 代替</td></tr><tr><td><code>mkfs.ext4 /dev/sda</code></td><td>格式化磁盘，所有数据清空</td><td>先 <code>lsblk</code> 确认磁盘编号</td></tr><tr><td>`wget <a href="http://xxx" target="_blank">http://xxx</a></td><td>bash`</td><td>下载并直接执行未知脚本</td></tr><tr><td><code>echo "" &gt; /etc/passwd</code></td><td>覆盖系统用户配置文件</td><td>使用 <code>cp</code> 先备份再编辑</td></tr><tr><td><code>iptables -F</code></td><td>清空所有防火墙规则</td><td>先 <code>iptables -L</code> 查看当前规则</td></tr><tr><td><code>swapoff -a</code></td><td>关闭交换分区，可能导致 OOM 崩溃</td><td>先确认内存是否充足</td></tr></tbody></table></section><section><h3>2.3 “先查后改”原则<a href="#23-先查后改原则"><span>#</span></a></h3><p>所有涉及修改的配置类操作，遵循以下流程：</p><ol> <li> <p><strong>查看当前值</strong>：先执行查看命令，确认当前配置</p> </li> <li> <p><strong>备份原文件</strong>：<code>cp 原文件 原文件.bak</code></p> </li> <li> <p><strong>执行修改</strong>：再执行 AI 生成的修改命令</p> </li> <li> <p><strong>验证结果</strong>：修改后再次查看，确认生效</p> </li> </ol><hr /></section></section> <section><h2>三、AI 助手使用规范<a href="#三ai-助手使用规范"><span>#</span></a></h2><section><h3>3.1 提问技巧<a href="#31-提问技巧"><span>#</span></a></h3><p>向 AI 提问时，提供足够的上下文信息，以获得更准确的回答：</p><ul> <li> <p><strong>明确操作系统</strong>：说明是 Ubuntu 22.04 还是 CentOS 8</p> </li> <li> <p><strong>说明当前状态</strong>：如”我的 Nginx 无法启动，错误日志显示 xxx”</p> </li> <li> <p><strong>限定操作范围</strong>：如”只查看，不要执行”、“只生成命令，不要删除文件”</p> </li> <li> <p><strong>要求解释</strong>：如”请解释这条命令每个参数的含义”</p> </li> </ul></section><section><h3>3.2 安全提问模板<a href="#32-安全提问模板"><span>#</span></a></h3> <table><thead><tr><th>场景</th><th>推荐提问方式</th></tr></thead><tbody><tr><td>清理磁盘空间</td><td>“请帮我分析磁盘占用情况，列出最大的目录和文件，只查看不删除”</td></tr><tr><td>安装软件</td><td>“在 Ubuntu 22.04 上安装 Nginx，请列出安装命令并解释每一步”</td></tr><tr><td>排查问题</td><td>“网站打不开，请帮我查看 Nginx 错误日志，分析可能的原因”</td></tr><tr><td>安全加固</td><td>“帮我检查当前服务器的安全配置，列出所有需要修复的问题”</td></tr></tbody></table></section><section><h3>3.3 禁止 AI 执行的操作<a href="#33-禁止-ai-执行的操作"><span>#</span></a></h3><p>以下操作<strong>禁止交给 AI 自动生成并执行</strong>，必须手动操作：</p><ul> <li> <p>删除用户账户（<code>userdel</code>）</p> </li> <li> <p>修改 SSH 端口或认证方式（可能把自己锁在外面）</p> </li> <li> <p>修改 <code>/etc/passwd</code>、<code>/etc/shadow</code>、<code>/etc/sudoers</code> 等系统核心文件</p> </li> <li> <p>执行来源不明的第三方脚本</p> </li> <li> <p>修改内核参数（<code>sysctl</code>）</p> </li> <li> <p>调整磁盘分区（<code>fdisk</code>、<code>parted</code>）</p> </li> </ul><hr /></section></section> <section><h2>四、执行后的验证<a href="#四执行后的验证"><span>#</span></a></h2><section><h3>4.1 每次操作后必做检查<a href="#41-每次操作后必做检查"><span>#</span></a></h3> <table><thead><tr><th>检查项</th><th>命令</th><th>关注点</th></tr></thead><tbody><tr><td>服务状态</td><td><code>systemctl status 服务名</code></td><td>确认服务正常运行</td></tr><tr><td>端口监听</td><td><code>sudo ss -tlnp</code></td><td>确认只有必要的端口在监听</td></tr><tr><td>磁盘空间</td><td><code>df -h</code></td><td>确认没有因操作导致磁盘异常</td></tr><tr><td>系统日志</td><td><code>sudo tail -n 50 /var/log/syslog</code></td><td>检查是否有异常报错</td></tr><tr><td>用户登录</td><td><code>who</code> 或 <code>last</code></td><td>确认没有未知用户登录</td></tr></tbody></table></section><section><h3>4.2 异常处理流程<a href="#42-异常处理流程"><span>#</span></a></h3><p>如果执行 AI 命令后出现异常：</p><ol> <li> <p><strong>立即停止操作</strong>：不要继续执行任何命令</p> </li> <li> <p><strong>检查状态</strong>：执行 <code>df -h</code>、<code>free -h</code>、<code>systemctl --failed</code> 查看系统状态</p> </li> <li> <p><strong>查看日志</strong>：<code>sudo tail -n 100 /var/log/syslog</code> 或对应服务的日志</p> </li> <li> <p><strong>回滚操作</strong>：</p> <ul> <li> <p>如果修改了配置文件，用 <code>.bak</code> 备份文件恢复</p> </li> <li> <p>如果安装了有问题的软件，用 <code>sudo apt remove 软件名</code> 卸载</p> </li> <li> <p>如果系统严重异常，通过阿里云控制台<strong>使用快照回滚</strong></p> </li> </ul> </li> <li> <p><strong>记录问题</strong>：记录异常现象和执行的命令，便于后续排查</p> </li> </ol><hr /></section></section> <section><h2>五、定期安全巡检清单<a href="#五定期安全巡检清单"><span>#</span></a></h2><p>建议每周执行一次以下巡检：</p><section><h3>5.1 系统健康检查<a href="#51-系统健康检查"><span>#</span></a></h3><ul> <li> <p> 磁盘使用率：<code>df -h</code>，超过 80% 需清理</p> </li> <li> <p> 内存使用率：<code>free -h</code>，Swap 使用过高需排查</p> </li> <li> <p> CPU 负载：<code>top</code> 或 <code>uptime</code>，负载持续高于 CPU 核心数需排查</p> </li> <li> <p> 系统更新：<code>apt list --upgradable</code>，评估是否安装安全更新</p> </li> <li> <p> 内核版本：<code>uname -r</code>，确认是否为最新稳定版</p> </li> </ul></section><section><h3>5.2 安全检查<a href="#52-安全检查"><span>#</span></a></h3><ul> <li> <p> 防火墙状态：<code>sudo ufw status</code>，确认仅开放必要端口</p> </li> <li> <p> 异常进程：<code>top</code> 查看是否有异常高 CPU/内存的进程</p> </li> <li> <p> 登录记录：<code>last</code> 查看是否有异常 IP 登录</p> </li> <li> <p> 定时任务：<code>crontab -l</code> 检查是否有未知的定时任务</p> </li> <li> <p> 已安装服务：<code>systemctl list-units --type=service --state=running</code>，关闭不必要的服务</p> </li> </ul></section><section><h3>5.3 备份验证<a href="#53-备份验证"><span>#</span></a></h3><ul> <li> <p> 确认最近的备份文件存在：<code>ls -lh /tmp/website_backup.tar.gz</code></p> </li> <li> <p> 确认快照为最近创建：登录阿里云控制台查看快照时间</p> </li> <li> <p> 测试恢复流程（建议每月至少测试一次）</p> </li> </ul><hr /></section></section> <section><h2>六、常见问题与应对<a href="#六常见问题与应对"><span>#</span></a></h2><section><h3>6.1 AI 生成的命令报权限错误<a href="#61-ai-生成的命令报权限错误"><span>#</span></a></h3><ul> <li> <p><strong>原因</strong>：命令需要 <code>sudo</code> 权限但未加</p> </li> <li> <p><strong>处理</strong>：在命令前加 <code>sudo</code>，或询问 AI “这条命令需要 sudo 权限吗？”</p> </li> </ul></section><section><h3>6.2 AI 推荐的软件与当前系统不兼容<a href="#62-ai-推荐的软件与当前系统不兼容"><span>#</span></a></h3><ul> <li> <p><strong>原因</strong>：AI 未正确识别你的操作系统版本</p> </li> <li> <p><strong>处理</strong>：先执行 <code>cat /etc/os-release</code> 确认系统版本，再向 AI 提问</p> </li> </ul></section><section><h3>6.3 执行命令后服务无法启动<a href="#63-执行命令后服务无法启动"><span>#</span></a></h3><ul> <li> <p><strong>原因</strong>：配置文件被修改或有端口冲突</p> </li> <li> <p><strong>处理</strong>：</p> <ol> <li> <p>查看服务日志：<code>journalctl -u 服务名 -n 50 --no-pager</code></p> </li> <li> <p>用备份的配置文件恢复：<code>cp 原文件.bak 原文件</code></p> </li> <li> <p>重启服务：<code>sudo systemctl restart 服务名</code></p> </li> </ol> </li> </ul></section><section><h3>6.4 把自己锁在服务器外面（SSH 断开）<a href="#64-把自己锁在服务器外面ssh-断开"><span>#</span></a></h3><ul> <li> <p><strong>原因</strong>：修改了 SSH 配置或防火墙规则，导致 22 端口不可访问</p> </li> <li> <p><strong>处理</strong>：</p> <ol> <li> <p>登录阿里云控制台 → 轻量应用服务器 → 远程连接（VNC 方式）</p> </li> <li> <p>通过 VNC 终端修复 SSH 配置或防火墙规则</p> </li> <li> <p>恢复后重启 SSH 服务：<code>sudo systemctl restart sshd</code></p> </li> </ol> </li> </ul><hr /></section></section> <section><h2>七、总结<a href="#七总结"><span>#</span></a></h2> <table><thead><tr><th>原则</th><th>说明</th></tr></thead><tbody><tr><td><strong>先备份，后操作</strong></td><td>任何修改前，确保有可用的备份或快照</td></tr><tr><td><strong>先查看，后修改</strong></td><td>先确认当前状态，再执行修改命令</td></tr><tr><td><strong>先模拟，后执行</strong></td><td>破坏性命令先用 <code>echo</code> 或 <code>dry-run</code> 预览</td></tr><tr><td><strong>逐条审查</strong></td><td>不复制粘贴整段命令，逐条阅读并理解</td></tr><tr><td><strong>操作后验证</strong></td><td>每次操作后检查服务状态和系统日志</td></tr><tr><td><strong>异常即停</strong></td><td>出现异常立即停止，先排查再行动</td></tr></tbody></table><blockquote><p><strong>核心原则：AI 是辅助工具，不是替代者。你对服务器的最终安全负责。</strong></p></blockquote></section>https://blog.s520j.cn/posts/guide/firefly-layout-system/https://blog.s520j.cn/posts/guide/firefly-layout-system/深入了解 Firefly 的布局系统，包括侧边栏布局（左侧/双侧）和文章列表布局（列表/网格），以及自适应网格列数。Sat, 03 Jan 1970 00:00:00 GMT<section><h2>📖 概述<a href="#-概述"><span>#</span></a></h2><p>Firefly 提供了灵活的布局系统，允许您根据内容需求和个人喜好自定义博客的视觉呈现方式。布局系统主要包括<strong>侧边栏布局</strong>和<strong>文章列表布局</strong>两个维度，它们相互配合，共同决定了页面的整体结构。</p><p>本文将详细介绍 Firefly 的各种布局模式、它们的特点、使用场景，以及不同布局组合的效果。</p><hr /><div><figure><img alt="左侧边栏+列表布局" loading="lazy" width="2192" height="1233" src="/_astro/left-list.CdJfuugk_23fiFf.webp" /><figcaption>左侧边栏+列表布局</figcaption></figure><figure><img alt="右侧边栏+网格布局" loading="lazy" width="2192" height="1233" src="/_astro/right-grid2.BDLeNFG9_Z1Ypd95.webp" /><figcaption>右侧边栏+网格布局</figcaption></figure><figure><img alt="左侧边栏+三列网格布局" loading="lazy" width="2192" height="1233" src="/_astro/left-grid3.DCIbm9j3_Z5Vd5j.webp" /><figcaption>左侧边栏+三列网格布局</figcaption></figure></div><div><figure><img alt="双侧边栏+列表布局" loading="lazy" width="2192" height="1233" src="/_astro/both-list.CybtDZTU_xxVkb.webp" /><figcaption>双侧边栏+列表布局</figcaption></figure><figure><img alt="双侧边栏+网格布局" loading="lazy" width="2192" height="1233" src="/_astro/both-grid.B-BFe9Al_1g1tLj.webp" /><figcaption>双侧边栏+网格布局</figcaption></figure><figure><img alt="双侧边栏+网格瀑布流布局" loading="lazy" width="2192" height="1233" src="/_astro/masonry.BgzRsBcp_2mfpqn.webp" /><figcaption>双侧边栏+网格瀑布流布局</figcaption></figure></div></section> <section><h2>一、侧边栏布局系统<a href="#一侧边栏布局系统"><span>#</span></a></h2><p>侧边栏是博客页面的重要组成部分，用于展示导航、分类、标签、统计信息等辅助内容。Firefly 支持两种侧边栏布局模式。</p><section><h3>1.1 单侧边栏模式<a href="#11-单侧边栏模式"><span>#</span></a></h3><section><h4>左侧边栏 (position: “left”)<a href="#左侧边栏-position-left"><span>#</span></a></h4><p></p><figure><img alt="左侧边栏布局" loading="lazy" width="2192" height="1233" src="/_astro/left-list.CdJfuugk_23fiFf.webp" /><figcaption>左侧边栏布局</figcaption></figure><p></p></section><section><h4>右侧边栏 (position: “right”)<a href="#右侧边栏-position-right"><span>#</span></a></h4><p></p><figure><img alt="右侧边栏布局" loading="lazy" width="2192" height="1233" src="/_astro/right-grid2.BDLeNFG9_Z1Ypd95.webp" /><figcaption>右侧边栏布局</figcaption></figure><p></p></section><section><h4>特点<a href="#特点"><span>#</span></a></h4><ul> <li>侧边栏固定在页面其中一侧</li> <li>文章阅读区域体验更佳，更宽敞</li> <li>更加简约，没有那么紧凑</li> </ul></section><section><h4>适用场景<a href="#适用场景"><span>#</span></a></h4><ul> <li>传统博客风格</li> <li>强调导航和分类的博客</li> <li>需要突出用户资料的个人博客</li> <li>内容为主，辅助信息次之的场景</li> </ul><div><div><div></div><div>Tip</div></div><div><p>可以通过showBothSidebarsOnPostPage配置是否在文章详情页显示双侧边栏</p><p>当position为left或right时开启此项后，文章详情页将显示双侧边栏，主页等其他页面保持单侧边栏</p><p>适用在只想用单侧栏，但在文章详情页想用对侧栏的目录等组件的场景</p></div></div></section><section><h4>配置示例<a href="#配置示例"><span>#</span></a></h4><div><figure><figcaption><span>src/config/sidebarConfig.ts</span></figcaption><pre><code><div><div><div>1</div></div><div><span>export</span><span> </span><span>const</span><span> </span><span>sidebarLayoutConfig</span><span>:</span><span> </span><span>SidebarLayoutConfig</span><span> </span><span>=</span><span> {</span></div></div><div><div><div>2</div></div><div><span> </span><span>enable</span><span>:</span><span> </span><span>true</span><span>,</span></div></div><div><div><div>3</div></div><div><span> </span><span>position</span><span>:</span><span> </span><span>"left"</span><span>, </span><span>// 左侧边栏</span></div></div><div><div><div>4</div></div><div><span> </span><span>showBothSidebarsOnPostPage</span><span>:</span><span> </span><span>true</span><span>, </span><span>// 是否在文章详情页显示双侧边栏</span></div></div><div><div><div>5</div></div><div><span>};</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section></section><section><h3>1.2 双侧边栏模式 (position: “both”)<a href="#12-双侧边栏模式-position-both"><span>#</span></a></h3><section><h4>特点<a href="#特点-1"><span>#</span></a></h4><ul> <li>左右两侧同时存在侧边栏</li> <li>主内容区域位于中间</li> <li>最大化利用屏幕空间</li> <li>可以展示更多辅助信息</li> <li>适合宽屏显示器</li> </ul></section><section><h4>布局结构<a href="#布局结构"><span>#</span></a></h4><p></p><figure><img alt="双侧边栏+列表布局" loading="lazy" width="2192" height="1233" src="/_astro/both-list.CybtDZTU_xxVkb.webp" /><figcaption>双侧边栏+列表布局</figcaption></figure><p></p><p></p><figure><img alt="双侧边栏+网格布局" loading="lazy" width="2192" height="1233" src="/_astro/both-grid.B-BFe9Al_1g1tLj.webp" /><figcaption>双侧边栏+网格布局</figcaption></figure><p></p></section><section><h4>适用场景<a href="#适用场景-1"><span>#</span></a></h4><ul> <li>宽屏桌面端浏览</li> <li>信息密集型博客</li> <li>需要展示大量辅助内容</li> <li>专业性强的技术博客</li> </ul></section><section><h4>配置示例<a href="#配置示例-1"><span>#</span></a></h4><div><figure><figcaption><span>src/config/sidebarConfig.ts</span></figcaption><pre><code><div><div><div>1</div></div><div><span>export</span><span> </span><span>const</span><span> </span><span>sidebarLayoutConfig</span><span>:</span><span> </span><span>SidebarLayoutConfig</span><span> </span><span>=</span><span> {</span></div></div><div><div><div>2</div></div><div><span> </span><span>enable</span><span>:</span><span> </span><span>true</span><span>,</span></div></div><div><div><div>3</div></div><div><span> </span><span>position</span><span>:</span><span> </span><span>"both"</span><span>, </span><span>// 双侧边栏</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section></section></section> <section><h2>二、文章列表布局系统<a href="#二文章列表布局系统"><span>#</span></a></h2><p>文章列表是博客首页和归档页的核心内容，Firefly 提供两种展示方式，并支持多种网格配置。</p><section><h3>2.1 列表模式 (defaultMode: “list”)<a href="#21-列表模式-defaultmode-list"><span>#</span></a></h3><section><h4>特点<a href="#特点-2"><span>#</span></a></h4><ul> <li>单列纵向排列</li> <li>显示文章封面图，可配置在左侧或右侧</li> <li>展示更多文章摘要</li> <li>适合深度阅读</li> </ul></section><section><h4>列表布局结构<a href="#列表布局结构"><span>#</span></a></h4><p></p><figure><img alt="列表模式布局" loading="lazy" width="2192" height="1233" src="/_astro/left-list.CdJfuugk_23fiFf.webp" /><figcaption>列表模式布局</figcaption></figure><p></p></section><section><h4>封面位置<a href="#封面位置"><span>#</span></a></h4><p>列表模式的封面图默认在卡片右侧，可以通过 <code>coverPosition</code> 改到左侧。改到左侧后，标题前的主题色竖线会自动隐藏（它是贴着卡片左边缘的设计），腾出的间距留给正文。</p><p>网格模式的封面固定在卡片顶部，不受这项配置影响。</p></section><section><h4>优点<a href="#优点"><span>#</span></a></h4><ul> <li>✅ 视觉冲击力强，封面图吸引眼球</li> <li>✅ 可以展示更多文章信息（摘要、标签等）</li> <li>✅ 适合图片内容丰富的博客</li> <li>✅ 移动端友好，单列更易阅读</li> <li>✅ 兼容所有侧边栏配置（单侧、双侧）</li> </ul></section><section><h4>配置示例<a href="#配置示例-2"><span>#</span></a></h4><div><figure><figcaption><span>src/config/siteConfig.ts</span></figcaption><pre><code><div><div><div>1</div></div><div><span>export</span><span> </span><span>const</span><span> </span><span>siteConfig</span><span>:</span><span> </span><span>SiteConfig</span><span> </span><span>=</span><span> {</span></div></div><div><div><div>2</div></div><div><span> </span><span>postListLayout</span><span>:</span><span> {</span></div></div><div><div><div>3</div></div><div><span> </span><span>defaultMode</span><span>:</span><span> </span><span>"list"</span><span>, </span><span>// 列表模式</span></div></div><div><div><div>4</div></div><div><span> </span><span>coverPosition</span><span>:</span><span> </span><span>"right"</span><span>, </span><span>// 封面图位置："right" 右侧，"left" 左侧</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>6</div></div><div><span>};</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section></section><section><h3>2.2 网格模式 (defaultMode: “grid”)<a href="#22-网格模式-defaultmode-grid"><span>#</span></a></h3><section><h4>特点<a href="#特点-3"><span>#</span></a></h4><ul> <li>自适应列数，根据浏览器宽度自动调整</li> <li>紧凑布局，信息密度高</li> <li>适合快速浏览</li> </ul></section><section><h4>自适应网格<a href="#自适应网格"><span>#</span></a></h4><p>网格模式通过 <code>columnWidth</code> 配置卡片的最小宽度（单位 px），浏览器会根据容器可用宽度自动计算能容纳多少列。</p><p></p><figure><img alt="网格布局" loading="lazy" width="2192" height="1233" src="/_astro/left-grid3.DCIbm9j3_Z5Vd5j.webp" /><figcaption>网格布局</figcaption></figure><p></p></section><section><h4>配置示例<a href="#配置示例-3"><span>#</span></a></h4><div><figure><figcaption><span>src/config/siteConfig.ts</span></figcaption><pre><code><div><div><div>1</div></div><div><span>export</span><span> </span><span>const</span><span> </span><span>siteConfig</span><span>:</span><span> </span><span>SiteConfig</span><span> </span><span>=</span><span> {</span></div></div><div><div><div>2</div></div><div><span> </span><span>postListLayout</span><span>:</span><span> {</span></div></div><div><div><div>3</div></div><div><span> </span><span>defaultMode</span><span>:</span><span> </span><span>"grid"</span><span>,</span></div></div><div><div><div>4</div></div><div><span> </span><span>grid</span><span>:</span><span> {</span></div></div><div><div><div>5</div></div><div><span> </span><span>masonry</span><span>:</span><span> </span><span>true</span><span>, </span><span>// 开启瀑布流</span></div></div><div><div><div>6</div></div><div><span> </span><span>columnWidth</span><span>:</span><span> </span><span>320</span><span>, </span><span>// 卡片最小宽度(px)，浏览器自动计算列数</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>9</div></div><div><span>};</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section></section><section><h3>2.3 瀑布流布局 (Masonry)<a href="#23-瀑布流布局-masonry"><span>#</span></a></h3><p>Firefly 的网格模式内置了智能瀑布流布局支持，解决了网格布局中因图文混合文章导致的卡片高度不一致导致的空白问题。</p><p></p><figure><img alt="瀑布流布局" loading="lazy" width="2192" height="1233" src="/_astro/masonry.BgzRsBcp_2mfpqn.webp" /><figcaption>瀑布流布局</figcaption></figure><p></p><ul> <li><strong>智能排版</strong>：自动将卡片放置到最短的列，最大化利用垂直空间。</li> <li><strong>消除空白</strong>：通过绝对定位精确计算每个卡片的位置，让卡片紧贴上方卡片，消除垂直方向的空白间隙。</li> <li><strong>自适应列数</strong>：瀑布流同样根据 <code>columnWidth</code> 和容器宽度动态计算列数，无需固定配置。</li> <li><strong>配置灵活</strong>：您可以在 <code>siteConfig.ts</code> 中通过 <code>postListLayout.grid.masonry</code> 选项自由开启或关闭此功能。</li> </ul><hr /></section></section> <section><h2>三、布局组合指南<a href="#三布局组合指南"><span>#</span></a></h2><p>Firefly 允许您自由组合侧边栏和文章列表布局。以下是各种组合的效果说明。</p> <table><thead><tr><th>侧边栏模式</th><th>文章列表模式</th><th>推荐度</th><th>适用场景</th></tr></thead><tbody><tr><td>单侧边栏</td><td>列表模式</td><td>⭐⭐⭐⭐⭐</td><td>摄影、设计、生活类博客，强调图片和沉浸感</td></tr><tr><td>单侧边栏</td><td>网格模式</td><td>⭐⭐⭐⭐⭐</td><td>技术、笔记类博客，平衡阅读与检索效率</td></tr><tr><td>双侧边栏</td><td>列表模式</td><td>⭐⭐⭐⭐⭐</td><td>需要展示大量侧边栏信息的站点</td></tr><tr><td>双侧边栏</td><td>网格模式</td><td>⭐⭐⭐⭐⭐</td><td>极客风格，追求最高信息密度</td></tr></tbody></table><hr /></section> <section><h2>四、响应式布局行为<a href="#四响应式布局行为"><span>#</span></a></h2><p>Firefly 的布局系统具有智能的响应式设计，会根据屏幕尺寸自动调整。</p><p>为了保证最佳阅读体验，系统会在屏幕变窄时自动调整布局：</p><ol> <li><strong>网格列数自动减少</strong>：网格模式的列数由 <code>columnWidth</code> 和容器宽度自动决定，屏幕越窄列数越少。</li> <li><strong>列表模式 -&gt; 网格模式</strong>：当屏幕宽度小于 380px（超小屏设备）时，列表模式会自动切换为网格模式，以保证卡片内容的可读性。</li> <li><strong>双侧边栏 -&gt; 单侧边栏</strong>：当屏幕宽度小于 1280px 时，会根据<code>tabletSidebar</code>配置显示单侧边栏，隐藏其中一个侧边栏，文章目录导航会切换成浮动目录导航。</li> </ol><hr /></section> <section><h2>五、常见问题<a href="#五常见问题"><span>#</span></a></h2><section><h3>Q1: 如何调整网格列数？<a href="#q1-如何调整网格列数"><span>#</span></a></h3><p><strong>A</strong>: 通过 <code>columnWidth</code> 配置卡片最小宽度即可。值越小，同等宽度下列数越多；值越大，列数越少。浏览器会自动根据可用宽度计算最佳列数。</p><hr /></section></section> <section><h2>六、总结<a href="#六总结"><span>#</span></a></h2><p>Firefly 的布局系统给予了您更大的自由度，您都可以通过简单的配置实现。</p><p>我们建议您根据自己的内容类型和目标读者的设备偏好，尝试不同的组合，找到最适合您的博客形态。</p><hr /></section> <section><h2>相关链接<a href="#相关链接"><span>#</span></a></h2><ul> <li>📚 <a href="https://docs-firefly.cuteleaf.cn/config/sidebarConfig-usage/" target="_blank">侧边栏配置文档</a></li> <li>📚 <a href="https://docs-firefly.cuteleaf.cn/config/siteConfig-usage/" target="_blank">站点配置文档</a></li> <li>🏠 <a href="https://docs-firefly.cuteleaf.cn/" target="_blank">Firefly 官方文档</a></li> <li>⭐ <a href="https://github.com/CuteLeaf/Firefly" target="_blank">Firefly GitHub</a></li> </ul></section>https://blog.s520j.cn/posts/guide/firefly-wiki-link/https://blog.s520j.cn/posts/guide/firefly-wiki-link/在 Firefly 文章中使用 Obsidian 风格的 Wiki Link 内部链接，并自动生成文章链接卡片。Sat, 03 Jan 1970 00:00:00 GMT<p>Firefly 支持在 Markdown、MDX 文章中使用 Obsidian 风格的 Wiki Link 内部链接。链接目标填写文章的 slug 或文件路径，都不需要包含扩展名，具体匹配规则见下文「链接目标的三种写法」。</p> <section><h2>文章链接卡片<a href="#文章链接卡片"><span>#</span></a></h2><p><code>[[slug]]</code> 单独成段时，会自动读取目标文章的标题、描述、发布时间、分类、标签和封面，渲染为链接卡片：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[</span><span>[</span><span>firefly</span><span>]</span><span>]</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>[</span><span>[</span><span>guide/index</span><span>]</span><span>]</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span>[</span><span>[</span><span>markdown-extended</span><span>]</span><span>]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><a href="/posts/firefly/"><div><div>Firefly 一款清新美观的 Astro 博客主题模板</div><div>Firefly 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。</div><div><span>1970-01-02</span><span>文章示例</span><span><span>#Markdown</span><span>#Firefly</span><span>#博客</span><span>#主题</span><span>#模板</span></span></div></div><div><img alt="" loading="lazy" width="480" height="259" src="/_astro/firefly2.dxmXG905_Z2o5m8L.webp" /></div></a><a href="/posts/guide/"><div><div>Firefly 简单使用指南</div><div>如何使用 Firefly 博客模板。</div><div><span>1970-01-02</span><span>博客指南</span><span><span>#Firefly</span><span>#博客</span><span>#Markdown</span><span>#指南</span></span></div></div><div><img alt="" loading="lazy" width="480" height="270" src="/_astro/cover.bDPQizdp_C8GFs.webp" /></div></a><a href="/posts/markdown-extended/"><div><div>Markdown 扩展功能</div><div>了解 Firefly 中的 Markdown 功能</div><div><span>1970-01-01</span><span>文章示例</span><span><span>#演示</span><span>#示例</span><span>#Markdown</span><span>#Firefly</span></span></div></div></a></section> <section><h2>行内链接<a href="#行内链接"><span>#</span></a></h2><p><code>[[slug]]</code> 出现在正文中间时，渲染为普通链接，链接文字自动使用目标文章的标题</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>请参阅 [</span><span>[</span><span>firefly</span><span>]</span><span>] 了解主题特性。</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>请参阅 <a href="/posts/firefly/">Firefly 一款清新美观的 Astro 博客主题模板</a> 了解主题特性。</p></section> <section><h2>自定义显示标题<a href="#自定义显示标题"><span>#</span></a></h2><p>在 <code>|</code> 后填写链接的显示文字。行内链接会用它替换文章标题；单独成段时依然渲染为卡片，卡片标题使用自定义文字，描述、时间、分类、标签和封面仍然读取目标文章：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>请参阅 [</span><span>[</span><span>firefly|主题介绍</span><span>]</span><span>] 了解主题特性。</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>[[firefly|Firefly 主题介绍]]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>请参阅 <a href="/posts/firefly/">主题介绍</a> 了解主题特性。</p><a href="/posts/firefly/"><div><div>Firefly 主题介绍</div><div>Firefly 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。</div><div><span>1970-01-02</span><span>文章示例</span><span><span>#Markdown</span><span>#Firefly</span><span>#博客</span><span>#主题</span><span>#模板</span></span></div></div><div><img alt="" loading="lazy" width="480" height="259" src="/_astro/firefly2.dxmXG905_Z2o5m8L.webp" /></div></a><p>一个例外：如果 <code>|</code> 后的文字只是把链接目标又抄了一遍（<code>[[guide/index|index]]</code>），会被当作无效别名忽略，仍然显示文章标题。Obsidian 在插入的链接时会自动补上这样的别名，避免笔记里显示一长串路径，这个例外就是为它准备的。</p></section> <section><h2>链接目标的三种写法<a href="#链接目标的三种写法"><span>#</span></a></h2><p>用 Obsidian 管理文章时，把 <code>src/content/posts</code> 目录本身作为 Obsidian 仓库（vault）打开。下文提到的「仓库根目录」都指这个目录，它正好也是 Firefly 解析链接路径的起点。</p><p>链接目标按以下顺序匹配：</p> <table><thead><tr><th>写法</th><th>示例</th><th>在 Obsidian 中</th></tr></thead><tbody><tr><td>frontmatter 的 <code>slug</code></td><td><code>[[firefly-wiki-link]]</code></td><td>✗ 不支持</td></tr><tr><td>文件路径（相对仓库根目录）</td><td><code>[[guide/firefly-layout-system]]</code></td><td>✓ 需改设置（推荐）</td></tr><tr><td>裸文件名（仓库内唯一时）</td><td><code>[[firefly-layout-system]]</code></td><td>✓ 默认即是</td></tr></tbody></table><section><h3>第一种：slug<a href="#第一种slug"><span>#</span></a></h3><p><code>slug</code> 写法在 Obsidian 中不支持，<code>slug</code> 是 Firefly 自己的概念，Obsidian 不读取 frontmatter 里的 <code>slug</code>，所以按 slug 写的链接在 Obsidian 里既不会自动补全，也点不动，只有构建出的站点上能正常跳转。如果你主要在 Obsidian 里写作，用下面两种写法。</p></section><section><h3>第二种：文件路径（推荐）<a href="#第二种文件路径推荐"><span>#</span></a></h3><p>文件路径写法需要改 Obsidian 设置，在 <code>设置 → 文件与链接 → 链接 → 内部链接类型</code> 中选择<strong>基于仓库根目录的绝对路径</strong>，Obsidian 插入的链接才会带上目录：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[</span><span>[</span><span>guide/firefly-layout-system|firefly-layout-system</span><span>]</span><span>]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><a href="/posts/guide/firefly-layout-system/"><div><div>Firefly 布局系统详解</div><div>深入了解 Firefly 的布局系统，包括侧边栏布局（左侧/双侧）和文章列表布局（列表/网格），以及自适应网格列数。</div><div><span>1970-01-03</span><span>博客指南</span><span><span>#Firefly</span><span>#布局</span><span>#博客</span><span>#指南</span></span></div></div><div><img alt="" loading="lazy" width="480" height="270" src="/_astro/firefly1.CZCuCN4V_1uGCKh.webp" /></div></a><p>因为仓库根目录就是 <code>src/content/posts</code>，Obsidian 写出的这个路径和 Firefly 需要的路径完全一致，不需要任何额外转换。</p><p>上面这行末尾的 <code>|firefly-layout-system</code> 是 Obsidian 自动补的别名，Firefly 会忽略它，卡片标题仍然取文章的 title，除非你把它修改和文件名不一致，才会变成你修改后的别名。</p><p>内部链接类型下拉框里的<strong>基于当前笔记的相对路径</strong>只在同目录内可用：它给同目录文章生成的是裸文件名，能正常匹配；但跨目录时会生成 <code>../</code> 前缀，Firefly 无法解析，链接会按原文显示。</p></section><section><h3>第三种：裸文件名<a href="#第三种裸文件名"><span>#</span></a></h3><p>「内部链接类型」的默认值就是<strong>尽可能简短的形式</strong>：只要文件名在整个仓库里唯一，Obsidian 插入的链接就只有文件名，不带目录。这种写法不需要改任何设置，效果和写完整路径完全一致：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[</span><span>[</span><span>firefly-layout-system</span><span>]</span><span>]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><a href="/posts/guide/firefly-layout-system/"><div><div>Firefly 布局系统详解</div><div>深入了解 Firefly 的布局系统，包括侧边栏布局（左侧/双侧）和文章列表布局（列表/网格），以及自适应网格列数。</div><div><span>1970-01-03</span><span>博客指南</span><span><span>#Firefly</span><span>#布局</span><span>#博客</span><span>#指南</span></span></div></div><div><img alt="" loading="lazy" width="480" height="270" src="/_astro/firefly1.CZCuCN4V_1uGCKh.webp" /></div></a><p>文件名重名时这种写法会失效，构建日志里会给出提示，改用完整文件路径即可，所以推荐直接修改 Obsidian 内部链接类型设置为<strong>基于仓库根目录的绝对路径</strong>，使用第二种文件路径写法，一劳永逸</p></section></section> <section><h2>链接到其他文章的标题<a href="#链接到其他文章的标题"><span>#</span></a></h2><p>在文章 slug 后添加 <code>#标题</code>。带标题锚点的链接始终渲染为普通链接：</p><p><a href="/posts/code-examples/#%E8%AF%AD%E6%B3%95%E9%AB%98%E4%BA%AE">查看代码块语法高亮</a></p><p><a href="/posts/guide/firefly-layout-system/#%E7%9B%B8%E5%85%B3%E9%93%BE%E6%8E%A5">Firefly 布局系统详解#相关链接</a></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[</span><span>[</span><span>code-examples#语法高亮|查看代码块语法高亮</span><span>]</span><span>]</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>[</span><span>[</span><span>guide/firefly-layout-system#相关链接|firefly-layout-system</span><span>]</span><span>]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>标题锚点使用与页面标题相同的 slug 规则，因此中文、空格和大小写都会按页面实际生成的 ID 处理。</p></section> <section><h2>链接到本页标题<a href="#链接到本页标题"><span>#</span></a></h2><p>省略文章 slug，只填写标题即可链接到当前文章：</p><p><a href="#%E6%9C%AC%E9%A1%B5%E7%9B%AE%E6%A0%87">跳转到本页目标</a></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[</span><span>[</span><span>#本页目标|跳转到本页目标</span><span>]</span><span>]</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h2>本页目标<a href="#本页目标"><span>#</span></a></h2><p>这是本页 Wiki Link 指向的标题。</p></section> <section><h2>不支持附件嵌入<a href="#不支持附件嵌入"><span>#</span></a></h2><p>附件嵌入语法目前不会被转换，会按原文显示：</p><p>![[image.png]]</p><p>行内代码和代码块中的 <code>[[firefly]]</code> 也不会被转换。</p></section>https://blog.s520j.cn/posts/firefly/https://blog.s520j.cn/posts/firefly/Firefly 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。Fri, 02 Jan 1970 00:00:00 GMT<section><h2>🌟 项目概述<a href="#-项目概述"><span>#</span></a></h2><p><strong>Firefly</strong> 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。</p><p><strong>🖥️在线预览： <a href="https://firefly.cuteleaf.cn/" target="_blank">Firefly - Demo site</a></strong></p><p><strong>🏠我的博客： <a href="https://blog.cuteleaf.cn/" target="_blank">https://blog.cuteleaf.cn</a></strong></p><p><strong>📝Firefly使用文档： <a href="https://docs-firefly.cuteleaf.cn/" target="_blank">https://docs-firefly.cuteleaf.cn</a></strong></p><p><strong>⭐Firefly开源地址：<a href="https://github.com/CuteLeaf/Firefly" target="_blank">https://github.com/CuteLeaf/Firefly</a></strong></p><p><strong>⭐Fuwari开源地址：<a href="https://github.com/saicaca/fuwari" target="_blank">https://github.com/saicaca/fuwari</a></strong></p><a href="https://github.com/CuteLeaf/Firefly" target="_blank"><div><div><div><div></div><div>CuteLeaf</div></div><div>/</div><div>Firefly</div></div><div></div></div><div>Waiting for api.github.com...</div><div><div>00K</div><div>0K</div><div>0K</div><span>Waiting...</span></div></a><a href="https://github.com/saicaca/fuwari" target="_blank"><div><div><div><div></div><div>saicaca</div></div><div>/</div><div>fuwari</div></div><div></div></div><div>Waiting for api.github.com...</div><div><div>00K</div><div>0K</div><div>0K</div><span>Waiting...</span></div></a><p></p><figure><img alt="Firefly" loading="lazy" width="2192" height="1233" src="/_astro/1.BQ4-k1kz_Z17x8Xz.webp" /><figcaption>Firefly</figcaption></figure><p></p></section> <section><h2>🚀 技术架构<a href="#-技术架构"><span>#</span></a></h2><ul> <li> <p><strong>静态站点生成</strong>: 基于 Astro ，提供极快的加载速度和优秀的 SEO 优化</p> </li> <li> <p><strong>TypeScript 支持</strong>: 完整的类型安全，提升开发体验和代码质量</p> </li> <li> <p><strong>响应式设计</strong>: 使用 Tailwind CSS 构建，完美适配桌面端和移动端</p> </li> <li> <p><strong>组件化开发</strong>: 支持 Astro、Svelte 组件，灵活可扩展</p> </li> </ul></section> <section><h2>📖 配置说明<a href="#-配置说明"><span>#</span></a></h2><blockquote><p>📚 <strong>详细配置文档</strong>: 查看 <a href="https://docs-firefly.cuteleaf.cn/" target="_blank">Firefly 使用文档</a> 获取完整的配置指南</p></blockquote></section>https://blog.s520j.cn/posts/guide/https://blog.s520j.cn/posts/guide/如何使用 Firefly 博客模板。Fri, 02 Jan 1970 00:00:00 GMT<p>这个博客模板是基于 <a href="https://astro.build/" target="_blank">Astro</a> 构建的。对于本指南中未提及的内容，您可以在 <a href="https://docs.astro.build/" target="_blank">Astro 文档</a> 中找到答案。</p> <section><h2>文章的 Front-matter<a href="#文章的-front-matter"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>---</span></div></div><div><div><div>2</div></div><div><span>title</span><span>: </span><span>我的第一篇博客文章</span></div></div><div><div><div>3</div></div><div><span>published</span><span>: </span><span>2023-09-09</span></div></div><div><div><div>4</div></div><div><span>description</span><span>: </span><span>这是我新 Astro 博客的第一篇文章。</span></div></div><div><div><div>5</div></div><div><span>image</span><span>: </span><span>./cover.jpg</span></div></div><div><div><div>6</div></div><div><span>tags</span><span>: [</span><span>前端</span><span>, </span><span>开发</span><span>]</span></div></div><div><div><div>7</div></div><div><span>category</span><span>: </span><span>前端开发</span></div></div><div><div><div>8</div></div><div><span>draft</span><span>: </span><span>false</span></div></div><div><div><div>9</div></div><div><span>---</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <table><thead><tr><th>属性</th><th>描述</th></tr></thead><tbody><tr><td><code>title</code></td><td>文章标题。</td></tr><tr><td><code>published</code></td><td>文章发布日期。</td></tr><tr><td><code>updated</code></td><td>文章更新日期。如果未设置，将默认使用发布日期。</td></tr><tr><td><code>pinned</code></td><td>是否将此文章置顶在文章列表顶部。</td></tr><tr><td><code>description</code></td><td>文章的简短描述。显示在首页上。</td></tr><tr><td><code>image</code></td><td>文章封面图片路径。<br />1. 以 <code>http://</code> 或 <code>https://</code> 开头：使用网络图片<br />2. 以 <code>/</code> 开头：<code>public</code> 目录中的图片<br />3. 不带任何前缀：相对于 markdown 文件的路径</td></tr><tr><td><code>tags</code></td><td>文章标签。</td></tr><tr><td><code>category</code></td><td>文章分类。</td></tr><tr><td><code>lang</code></td><td>文章语言代码（如 <code>zh-CN</code>）。仅当文章语言与站点默认语言不同时设置。</td></tr><tr><td><code>licenseName</code></td><td>文章内容的许可证名称。</td></tr><tr><td><code>licenseUrl</code></td><td>文章内容的许可证链接。</td></tr><tr><td><code>author</code></td><td>文章作者。</td></tr><tr><td><code>sourceLink</code></td><td>文章内容的来源链接或参考。</td></tr><tr><td><code>draft</code></td><td>如果这篇文章仍是草稿，则不会显示。</td></tr><tr><td><code>comment</code></td><td>是否启用此文章的评论功能。默认为 <code>true</code>。</td></tr><tr><td><code>slug</code></td><td>自定义文章 URL 路径。如果不设置，将使用文件名作为 URL。</td></tr><tr><td><code>password</code></td><td>文章密码。设置后文章内容将被 AES-256-GCM 加密，访客需输入密码才能查看。</td></tr><tr><td><code>passwordHint</code></td><td>密码提示。显示在密码输入框上方，帮助访客回忆密码，也可以不加。</td></tr></tbody></table></section> <section><h2>文章文件的放置位置<a href="#文章文件的放置位置"><span>#</span></a></h2><p>您的文章文件应放置在 <code>src/content/posts/</code> 目录中。您也可以创建子目录来更好地组织您的文章和资源。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>src/content/posts/</span></div></div><div><div><div>2</div></div><div><span>├── post-1.md</span></div></div><div><div><div>3</div></div><div><span>└── post-2/</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>├── cover.png</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>└── index.md</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h2>自定义文章 URL (Slug)<a href="#自定义文章-url-slug"><span>#</span></a></h2><section><h3>什么是 Slug？<a href="#什么是-slug"><span>#</span></a></h3><p>Slug 是文章 URL 路径的自定义部分。如果不设置 slug，系统将使用文件名作为 URL。</p></section><section><h3>Slug 使用示例<a href="#slug-使用示例"><span>#</span></a></h3><section><h4>示例 1：使用文件名作为 URL<a href="#示例-1使用文件名作为-url"><span>#</span></a></h4><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>---</span></div></div><div><div><div>2</div></div><div><span>title</span><span>: </span><span>我的第一篇博客文章</span></div></div><div><div><div>3</div></div><div><span>published</span><span>: </span><span>2023-09-09</span></div></div><div><div><div>4</div></div><div><span>---</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>文件：<code>src/content/posts/my-first-blog-post.md</code></p><p>URL：<code>/posts/my-first-blog-post</code></p></section><section><h4>示例 2：自定义 Slug<a href="#示例-2自定义-slug"><span>#</span></a></h4><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>---</span></div></div><div><div><div>2</div></div><div><span>title</span><span>: </span><span>我的第一篇博客文章</span></div></div><div><div><div>3</div></div><div><span>published</span><span>: </span><span>2023-09-09</span></div></div><div><div><div>4</div></div><div><span>slug</span><span>: </span><span>hello-world</span></div></div><div><div><div>5</div></div><div><span>---</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>文件：<code>src/content/posts/my-first-blog-post.md</code></p><p>URL：<code>/posts/hello-world</code></p></section><section><h4>示例 3：其他语言文件名使用Slug<a href="#示例-3其他语言文件名使用slug"><span>#</span></a></h4><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>---</span></div></div><div><div><div>2</div></div><div><span>title</span><span>: </span><span>如何使用 Firefly 博客主题</span></div></div><div><div><div>3</div></div><div><span>published</span><span>: </span><span>2023-09-09</span></div></div><div><div><div>4</div></div><div><span>slug</span><span>: </span><span>how-to-use-firefly-blog-theme</span></div></div><div><div><div>5</div></div><div><span>---</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>文件：<code>src/content/posts/如何使用Firefly博客主题.md</code></p><p>URL：<code>/posts/how-to-use-firefly-blog-theme</code></p></section></section><section><h3>Slug 使用建议<a href="#slug-使用建议"><span>#</span></a></h3><ol> <li><strong>使用英文和连字符</strong>：<code>my-awesome-post</code> 而不是 <code>my awesome post</code></li> <li><strong>保持简洁</strong>：避免过长的 slug</li> <li><strong>具有描述性</strong>：让 URL 能够反映文章内容</li> <li><strong>避免特殊字符</strong>：只使用字母、数字和连字符</li> <li><strong>保持一致性</strong>：在整个博客中使用相似的命名模式</li> </ol></section><section><h3>注意事项<a href="#注意事项"><span>#</span></a></h3><ul> <li>Slug 一旦设置并发布，建议不要随意更改，以免影响 SEO 和已存在的链接</li> <li>如果多个文章使用相同的 slug，后面的文章会覆盖前面的</li> <li>Slug 会自动转换为小写</li> </ul></section></section>https://blog.s520j.cn/posts/katex-math-example/https://blog.s520j.cn/posts/katex-math-example/展示 Firefly 主题对 KaTeX 数学公式的支持，包括行内公式、块级公式和复杂数学符号。Fri, 02 Jan 1970 00:00:00 GMT<p>本文展示了 <a href="https://github.com/CuteLeaf/Firefly" target="_blank">Firefly</a> 主题对 KaTeX 数学公式的渲染支持。</p> <section><h2>行内公式 (Inline)<a href="#行内公式-inline"><span>#</span></a></h2><p>行内公式使用单个 <code>$</code> 符号包裹。</p><p>例如：欧拉公式 <span><span>eiπ+1=0e^{i\pi} + 1 = 0</span><span><span><span></span><span><span>e</span><span><span><span><span><span><span></span><span><span><span>iπ</span></span></span></span></span></span></span></span></span><span></span><span>+</span><span></span></span><span><span></span><span>1</span><span></span><span>=</span><span></span></span><span><span></span><span>0</span></span></span></span> 是数学中最优美的公式之一。</p><p>质能方程 <span><span>E=mc2E = mc^2</span><span><span><span></span><span>E</span><span></span><span>=</span><span></span></span><span><span></span><span>m</span><span><span>c</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span></span> 也是家喻户晓。</p></section> <section><h2>块级公式 (Block)<a href="#块级公式-block"><span>#</span></a></h2><p>块级公式使用两个 <code>$$</code> 符号包裹，会居中显示。</p><span><span><span>∫−∞∞e−x2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}</span><span><span><span></span><span><span>∫</span><span><span><span><span><span><span></span><span><span><span>−</span><span>∞</span></span></span></span><span><span></span><span><span><span>∞</span></span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span><span></span><span><span>e</span><span><span><span><span><span><span></span><span><span><span>−</span><span><span>x</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span><span>d</span><span>x</span><span></span><span>=</span><span></span></span><span><span></span><span><span><span><span><span><span></span><span><span>π</span></span></span><span><span></span><span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span></span></span></span><span><span><span>x=−b±b2−4ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}</span><span><span><span></span><span>x</span><span></span><span>=</span><span></span></span><span><span></span><span><span></span><span><span><span><span><span><span></span><span><span>2</span><span>a</span></span></span><span><span></span><span></span></span><span><span></span><span><span>−</span><span>b</span><span></span><span>±</span><span></span><span><span><span><span><span><span></span><span><span><span>b</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span><span></span><span>−</span><span></span><span>4</span><span>a</span><span>c</span></span></span><span><span></span><span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span></span></span></span></span></span></section> <section><h2>复杂示例<a href="#复杂示例"><span>#</span></a></h2><section><h3>矩阵 (Matrices)<a href="#矩阵-matrices"><span>#</span></a></h3><span><span><span>(abcd)(αβγδ)=(aα+bγaβ+bδcα+dγcβ+dδ)\begin{pmatrix} a &amp; b \\ c &amp; d \end{pmatrix} \begin{pmatrix} \alpha &amp; \beta \\ \gamma &amp; \delta \end{pmatrix} = \begin{pmatrix} a\alpha + b\gamma &amp; a\beta + b\delta \\ c\alpha + d\gamma &amp; c\beta + d\delta \end{pmatrix}</span><span><span><span></span><span><span><span>(</span></span><span><span><span><span><span><span><span><span></span><span><span>a</span></span></span><span><span></span><span><span>c</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span><span></span><span><span><span><span><span><span></span><span><span>b</span></span></span><span><span></span><span><span>d</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span></span><span><span>)</span></span></span><span></span><span><span><span>(</span></span><span><span><span><span><span><span><span><span></span><span><span>α</span></span></span><span><span></span><span><span>γ</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span><span></span><span><span><span><span><span><span></span><span><span>β</span></span></span><span><span></span><span><span>δ</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span></span><span><span>)</span></span></span><span></span><span>=</span><span></span></span><span><span></span><span><span><span>(</span></span><span><span><span><span><span><span><span><span></span><span><span>a</span><span>α</span><span></span><span>+</span><span></span><span>bγ</span></span></span><span><span></span><span><span>c</span><span>α</span><span></span><span>+</span><span></span><span>d</span><span>γ</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span><span></span><span><span><span><span><span><span></span><span><span>a</span><span>β</span><span></span><span>+</span><span></span><span>b</span><span>δ</span></span></span><span><span></span><span><span>c</span><span>β</span><span></span><span>+</span><span></span><span>d</span><span>δ</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span></span><span><span>)</span></span></span></span></span></span></span></section><section><h3>极限与求和 (Limits and Sums)<a href="#极限与求和-limits-and-sums"><span>#</span></a></h3><span><span><span>∑n=1∞1n2=π26\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}</span><span><span><span></span><span><span><span><span><span><span></span><span><span><span>n</span><span>=</span><span>1</span></span></span></span><span><span></span><span><span>∑</span></span></span><span><span></span><span><span><span>∞</span></span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span><span><span></span><span><span><span><span><span><span></span><span><span><span>n</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span><span><span></span><span></span></span><span><span></span><span><span>1</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span></span><span></span><span>=</span><span></span></span><span><span></span><span><span></span><span><span><span><span><span><span></span><span><span>6</span></span></span><span><span></span><span></span></span><span><span></span><span><span><span>π</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span></span></span></span></span></span><span><span><span>lim⁡x→0sin⁡xx=1\lim_{x \to 0} \frac{\sin x}{x} = 1</span><span><span><span></span><span><span><span><span><span><span></span><span><span><span>x</span><span>→</span><span>0</span></span></span></span><span><span></span><span><span>lim</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span><span><span></span><span><span><span><span><span><span></span><span><span>x</span></span></span><span><span></span><span></span></span><span><span></span><span><span>sin</span><span></span><span>x</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span></span><span></span><span>=</span><span></span></span><span><span></span><span>1</span></span></span></span></span></section><section><h3>麦克斯韦方程组 (Maxwell’s Equations)<a href="#麦克斯韦方程组-maxwells-equations"><span>#</span></a></h3><span><span><span>∇⋅E=ρε0∇⋅B=0∇×E=−∂B∂t∇×B=μ0J+μ0ε0∂E∂t\begin{aligned} \nabla \cdot \mathbf{E} &amp;= \frac{\rho}{\varepsilon_0} \\ \nabla \cdot \mathbf{B} &amp;= 0 \\ \nabla \times \mathbf{E} &amp;= -\frac{\partial \mathbf{B}}{\partial t} \\ \nabla \times \mathbf{B} &amp;= \mu_0\mathbf{J} + \mu_0\varepsilon_0\frac{\partial \mathbf{E}}{\partial t} \end{aligned}</span><span><span><span></span><span><span><span><span><span><span><span><span></span><span><span>∇</span><span></span><span>⋅</span><span></span><span>E</span></span></span><span><span></span><span><span>∇</span><span></span><span>⋅</span><span></span><span>B</span></span></span><span><span></span><span><span>∇</span><span></span><span>×</span><span></span><span>E</span></span></span><span><span></span><span><span>∇</span><span></span><span>×</span><span></span><span>B</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span><span><span><span><span><span></span><span><span></span><span></span><span>=</span><span></span><span><span></span><span><span><span><span><span><span></span><span><span><span>ε</span><span><span><span><span><span><span></span><span><span>0</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span></span></span><span><span></span><span></span></span><span><span></span><span><span>ρ</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span></span></span></span><span><span></span><span><span></span><span></span><span>=</span><span></span><span>0</span></span></span><span><span></span><span><span></span><span></span><span>=</span><span></span><span>−</span><span><span></span><span><span><span><span><span><span></span><span><span>∂</span><span>t</span></span></span><span><span></span><span></span></span><span><span></span><span><span>∂</span><span>B</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span></span></span></span><span><span></span><span><span></span><span></span><span>=</span><span></span><span><span>μ</span><span><span><span><span><span><span></span><span><span>0</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span><span>J</span><span></span><span>+</span><span></span><span><span>μ</span><span><span><span><span><span><span></span><span><span>0</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span><span><span>ε</span><span><span><span><span><span><span></span><span><span>0</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span><span><span></span><span><span><span><span><span><span></span><span><span>∂</span><span>t</span></span></span><span><span></span><span></span></span><span><span></span><span><span>∂</span><span>E</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span></span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span></span></span></span></span></span></section><section><h3>化学方程式 (Chemical Equations)<a href="#化学方程式-chemical-equations"><span>#</span></a></h3><span><span><span>\ceCH4+2O2−&gt;CO2+2H2O\ce{CH4 + 2O2 -&gt; CO2 + 2H2O}</span><span><span><span></span><span><span>\ce</span></span><span><span>C</span><span>H</span><span>4</span><span></span><span>+</span><span></span><span>2</span><span>O</span><span>2</span><span>−</span><span></span><span>&gt;</span><span></span><span>C</span><span>O</span><span>2</span><span></span><span>+</span><span></span><span>2</span><span>H</span><span>2</span><span>O</span></span></span></span></span></span></section></section> <section><h2>更多符号<a href="#更多符号"><span>#</span></a></h2> <table><thead><tr><th>符号</th><th>代码</th><th>渲染结果</th></tr></thead><tbody><tr><td>Alpha</td><td><code>\alpha</code></td><td><span><span>α\alpha</span><span><span><span></span><span>α</span></span></span></span></td></tr><tr><td>Beta</td><td><code>\beta</code></td><td><span><span>β\beta</span><span><span><span></span><span>β</span></span></span></span></td></tr><tr><td>Gamma</td><td><code>\Gamma</code></td><td><span><span>Γ\Gamma</span><span><span><span></span><span>Γ</span></span></span></span></td></tr><tr><td>Pi</td><td><code>\pi</code></td><td><span><span>π\pi</span><span><span><span></span><span>π</span></span></span></span></td></tr><tr><td>Infinity</td><td><code>\infty</code></td><td><span><span>∞\infty</span><span><span><span></span><span>∞</span></span></span></span></td></tr><tr><td>Right Arrow</td><td><code>\rightarrow</code></td><td><span><span>→\rightarrow</span><span><span><span></span><span>→</span></span></span></span></td></tr><tr><td>Partial</td><td><code>\partial</code></td><td><span><span>∂\partial</span><span><span><span></span><span>∂</span></span></span></span></td></tr></tbody></table><p>更多 KaTeX 语法请参考 <a href="https://katex.org/docs/supported.html" target="_blank">KaTeX Supported Functions</a>。</p></section>https://blog.s520j.cn/posts/mdx-example/https://blog.s520j.cn/posts/mdx-example/这是一个 MDX 格式的示例文章，展示了如何在 Markdown 中使用 JSX。Fri, 02 Jan 1970 00:00:00 GMT<div><div><div></div><div>Tip</div></div><div><p><a href="https://github.com/CuteLeaf/Firefly" target="_blank">Firefly</a> 支持 <code>MDX</code> 和 <code>Markdown</code> 两种类型的文章，你可以在文章中混合使用两种格式，如果没有特别复杂内容和需求，推荐使用 Markdown 格式就够了。</p></div></div> <section><h2>Markdown 和 MDX 的区别<a href="#markdown-和-mdx-的区别"><span>#</span></a></h2><ul> <li>Markdown (MD) 是一种轻量级标记语言，允许用户使用纯文本格式编写文档，然后将其转换为格式化的HTML。它因其简洁易用的语法而广受欢迎，特别适合编写文档和博客文章。</li> <li>MDX 是一种扩展了 Markdown 语法的格式，允许在 Markdown 文档中无缝地插入 JSX 代码。通过 MDX，用户可以在文档中嵌入 React 组件，从而实现更丰富的交互性和动态性。</li> </ul> <table><thead><tr><th>特性</th><th>Markdown</th><th>MDX</th></tr></thead><tbody><tr><td>基础语法</td><td>支持 (CommonMark)</td><td>支持 (CommonMark)</td></tr><tr><td>HTML 标签</td><td>支持</td><td>支持 (作为 JSX)</td></tr><tr><td>组件导入</td><td>不支持</td><td>支持 (import)</td></tr><tr><td>动态数据</td><td>不支持</td><td>支持 (JS 表达式)</td></tr><tr><td>样式定制</td><td>有限 (class/style)</td><td>灵活 (className/CSS-in-JS)</td></tr></tbody></table><hr /></section> <section><h2>Firefly 内置的专属 MDX UI 组件<a href="#firefly-内置的专属-mdx-ui-组件"><span>#</span></a></h2><p>这里列出 Firefly 内置的 MDX UI 组件，方便在 MDX 文章中直接使用。</p><section><h3>Tab分组：<code>TabGroup</code><a href="#tab分组tabgroup"><span>#</span></a></h3><p>用于创建可切换的标签页，方便在文章中展示不同语言或不同版本的代码等等。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>TabGroup</span><span> </span><span>labels</span><span>=</span><span>{</span><span>[</span><span>"test.js"</span><span>, </span><span>"test.py"</span><span>]</span><span>}</span><span> </span><span>client</span><span>:</span><span>load</span><span>&gt;</span></div></div><div><div><div>2</div></div><div><span> </span><span>```</span><span>js</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>console</span><span>.</span><span>log</span><span>(</span><span>1</span><span>)</span></div></div><div><div><div>4</div></div><div><span> </span><span>```</span></div></div><div><div><div>5</div></div><div> </div></div><div><div><div>6</div></div><div><span> </span><span>```</span><span>py</span></div></div><div><div><div>7</div></div><div><span> </span><span>print</span><span>(</span><span>"hello world"</span><span>)</span></div></div><div><div><div>8</div></div><div><span> </span><span>```</span></div></div><div><div><div>9</div></div><div><span>&lt;/</span><span>TabGroup</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><div><div>test.jstest.py</div> <div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span>console</span><span>.</span></span><span>log</span><span>(</span><span>1</span><span>)</span></div></div></code></pre><div><div></div><div></div></div></figure></div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>print</span><span>(</span><span>"hello world"</span><span>)</span></div></div></code></pre><div><div></div><div></div></div></figure></div></div></div><hr /></section><section><h3>时间线：<code>Timeline</code> / <code>TimelineItem</code><a href="#时间线timeline--timelineitem"><span>#</span></a></h3> <table><thead><tr><th>属性</th><th>必填</th><th>说明</th></tr></thead><tbody><tr><td><code>date</code></td><td>否</td><td>时间标签，如 “2024-03-10”</td></tr><tr><td><code>title</code></td><td>否</td><td>条目标题</td></tr><tr><td><code>type</code></td><td>否</td><td>节点颜色，default 为主题色，其余对应提示框色板（tip / note / important / warning / caution）</td></tr><tr><td><code>icon</code></td><td>否</td><td>内置图标名，显示在圆点内：star / rocket / git / flag / book / heart / zap / bug / tag / calendar / code / edit</td></tr><tr><td>正文</td><td>否</td><td><code>&lt;TimelineItem&gt;</code> 标签内的内容，支持 Markdown</td></tr></tbody></table><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>Timeline</span><span>&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;</span><span>TimelineItem</span><span> </span><span>date</span><span>=</span><span>"2026-08-16"</span><span> </span><span>title</span><span>=</span><span>"新版本发布"</span><span> </span><span>icon</span><span>=</span><span>"rocket"</span><span>&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>发布了全新版本，带来以下更新：</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span><span> </span></span><span>- 新增时间线组件</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>- 改进暗色主题</span></div></div><div><div><div>7</div></div><div> </div></div><div><div><div>8</div></div><div><span><span> </span></span><span>正文里支持 </span><span>**</span><span>Markdown</span><span>**</span><span> 内容。</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>&lt;/</span><span>TimelineItem</span><span>&gt;</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>&lt;</span><span>TimelineItem</span><span> </span><span>date</span><span>=</span><span>"2025-11-02"</span><span> </span><span>title</span><span>=</span><span>"站点上线"</span><span> </span><span>type</span><span>=</span><span>"tip"</span><span> </span><span>icon</span><span>=</span><span>"flag"</span><span>&gt;</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>欢迎来到我的博客。</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>&lt;/</span><span>TimelineItem</span><span>&gt;</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>&lt;</span><span>TimelineItem</span><span> </span><span>date</span><span>=</span><span>"2025-06-15"</span><span> </span><span>title</span><span>=</span><span>"项目立项"</span><span> </span><span>type</span><span>=</span><span>"note"</span><span>&gt;</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>开始规划 Firefly 主题。</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>&lt;/</span><span>TimelineItem</span><span>&gt;</span></div></div><div><div><div>16</div></div><div><span>&lt;/</span><span>Timeline</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><ol><li><div><span></span></div><div><div>2026-08-16</div><div>新版本发布</div><div><p>发布了全新版本，带来以下更新：</p><ul> <li>新增时间线组件</li> <li>改进暗色主题</li> </ul><p>正文里支持 <strong>Markdown</strong> 内容。</p></div></div></li><li><div><span></span></div><div><div>2025-11-02</div><div>站点上线</div><div><p>欢迎来到我的博客。</p></div></div></li><li><div></div><div><div>2025-06-15</div><div>项目立项</div><div><p>开始规划 Firefly 主题。</p></div></div></li></ol><hr /></section><section><h3>步骤条：<code>Steps</code> / <code>StepItem</code><a href="#步骤条steps--stepitem"><span>#</span></a></h3><p>编号步骤条，适合教程、部署流程。编号自动生成，无需手动传序号。</p> <table><thead><tr><th>属性</th><th>必填</th><th>说明</th></tr></thead><tbody><tr><td><code>title</code></td><td>否</td><td>步骤标题</td></tr><tr><td><code>type</code></td><td>否</td><td>编号圆颜色，default 为主题色，其余对应提示框色板（tip / note / important / warning / caution）</td></tr><tr><td><code>icon</code></td><td>否</td><td>内置图标名，有图标时显示图标而非数字（star / rocket / git / flag / book / heart / zap / bug / tag / calendar / code / edit）</td></tr><tr><td>正文</td><td>否</td><td><code>&lt;StepItem&gt;</code> 标签内的内容，支持 Markdown</td></tr></tbody></table><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>Steps</span><span>&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;</span><span>StepItem</span><span> </span><span>title</span><span>=</span><span>"安装依赖"</span><span>&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>运行 </span><span>`</span><span>pnpm install</span><span>`</span><span>。</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;/</span><span>StepItem</span><span>&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>&lt;</span><span>StepItem</span><span> </span><span>title</span><span>=</span><span>"启动开发服务器"</span><span> </span><span>type</span><span>=</span><span>"tip"</span><span> </span><span>icon</span><span>=</span><span>"rocket"</span><span>&gt;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>运行 </span><span>`</span><span>pnpm dev</span><span>`</span><span>，打开 </span><span>`</span><span>localhost:4321</span><span>`</span><span>。</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;/</span><span>StepItem</span><span>&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;</span><span>StepItem</span><span> </span><span>title</span><span>=</span><span>"编写文章"</span><span>&gt;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>在 </span><span>`</span><span>src/content/posts/</span><span>`</span><span> 新建 </span><span>`</span><span>.mdx</span><span>`</span><span> 文章。</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>&lt;/</span><span>StepItem</span><span>&gt;</span></div></div><div><div><div>11</div></div><div><span>&lt;/</span><span>Steps</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ol><li><span></span><div><div>安装依赖</div><div><p>运行 <code>pnpm install</code>。</p></div></div></li><li><span><span></span></span><div><div>启动开发服务器</div><div><p>运行 <code>pnpm dev</code>，打开 <code>localhost:4321</code>。</p></div></div></li><li><span></span><div><div>编写文章</div><div><p>在 <code>src/content/posts/</code> 新建 <code>.mdx</code> 文章。</p></div></div></li></ol><hr /></section><section><h3>徽章：<code>Badge</code><a href="#徽章badge"><span>#</span></a></h3><p>内联彩色小徽章，可嵌在段落或标题里。</p> <table><thead><tr><th>属性</th><th>必填</th><th>说明</th></tr></thead><tbody><tr><td><code>type</code></td><td>否</td><td>default 为主题色，其余对应提示框色板（tip / note / important / warning / caution）</td></tr></tbody></table><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>Badge</span><span> </span><span>type</span><span>=</span><span>"tip"</span><span>&gt;提示&lt;/</span><span>Badge</span><span>&gt; &lt;</span><span>Badge</span><span> </span><span>type</span><span>=</span><span>"warning"</span><span>&gt;注意&lt;/</span><span>Badge</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><span>新功能</span><span>提示</span><span>笔记</span><span>重要</span><span>注意</span><span>危险</span><hr /><p>更多信息，请查看 <a href="https://mdxjs.com/" target="_blank">MDX 文档</a></p></section></section>https://blog.s520j.cn/posts/markdown-extended/https://blog.s520j.cn/posts/markdown-extended/了解 Firefly 中的 Markdown 功能Thu, 01 Jan 1970 00:00:00 GMT<section><h2>GitHub 仓库卡片<a href="#github-仓库卡片"><span>#</span></a></h2><p>您可以添加链接到 GitHub 仓库的动态卡片，在页面加载时，仓库信息会从 GitHub API 获取。</p><a href="https://github.com/CuteLeaf/Firefly" target="_blank"><div><div><div><div></div><div>CuteLeaf</div></div><div>/</div><div>Firefly</div></div><div></div></div><div>Waiting for api.github.com...</div><div><div>00K</div><div>0K</div><div>0K</div><span>Waiting...</span></div></a><p>使用代码 <code>::github{repo="CuteLeaf/Firefly"}</code> 创建 GitHub 仓库卡片。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>::github{repo="CuteLeaf/Firefly"}</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h2>提醒框(Admonitions)配置<a href="#提醒框admonitions配置"><span>#</span></a></h2><p>Firefly 采用了 <a href="https://github.com/lin-stephanie/rehype-callouts" target="_blank">rehype-callouts</a> 插件，支持了四种风格的提醒框主题：<code>GitHub</code>、<code>Obsidian</code>、<code>VitePress</code> 和 <code>Docusaurus</code>。您可以在 <code>src/config/siteConfig.ts</code> 中进行配置：</p><div><figure><figcaption><span>src/config/siteConfig.ts</span></figcaption><pre><code><div><div><div>1</div></div><div><span>export</span><span> </span><span>const</span><span> </span><span>siteConfig</span><span>:</span><span> </span><span>SiteConfig</span><span> </span><span>=</span><span> {</span></div></div><div><div><div>2</div></div><div><span> </span><span>// ...</span></div></div><div><div><div>3</div></div><div><span> </span><span>rehypeCallouts</span><span>:</span><span> {</span></div></div><div><div><div>4</div></div><div><span> </span><span>// 选项: "github" | "obsidian" | "vitepress" | "docusaurus"</span></div></div><div><div><div>5</div></div><div><span> </span><span>theme</span><span>:</span><span> </span><span>"github"</span><span>,</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>7</div></div><div><span> </span><span>// ...</span></div></div><div><div><div>8</div></div><div><span>};</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>注意：<strong>更改配置后需要重启开发服务器才能生效。</strong></p><p>以下是各个主题支持的类型列表，每个主题风格和语法不同，可根据喜好选择。</p><section><h3>1. GitHub 主题风格<a href="#1-github-主题风格"><span>#</span></a></h3><p>这是 GitHub 官方支持的 5 种基本类型。</p><p></p><figure><img alt="GitHub" loading="lazy" width="2144" height="1086" src="/_astro/github.urcbElKG_Z1bC9wS.webp" /><figcaption>GitHub</figcaption></figure><p></p><p><strong>基本语法</strong></p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&gt; </span><span>[</span><span>!NOTE</span><span>]</span><span> NOTE</span></div></div><div><div><div>2</div></div><div><span>&gt; 突出显示用户应该考虑的信息。</span></div></div><div><div><div>3</div></div><div> </div></div><div><div><div>4</div></div><div><span>&gt; </span><span>[</span><span>!TIP</span><span>]</span><span> TIP</span></div></div><div><div><div>5</div></div><div><span>&gt; 可选信息，帮助用户更成功。</span></div></div><div><div><div>6</div></div><div> </div></div><div><div><div>7</div></div><div><span>&gt; </span><span>[</span><span>!IMPORTANT</span><span>]</span><span> IMPORTANT</span></div></div><div><div><div>8</div></div><div><span>&gt; 用户成功所必需的关键信息。</span></div></div><div><div><div>9</div></div><div> </div></div><div><div><div>10</div></div><div><span>&gt; </span><span>[</span><span>!WARNING</span><span>]</span><span> WARNING</span></div></div><div><div><div>11</div></div><div><span>&gt; 关键内容，需要立即注意。</span></div></div><div><div><div>12</div></div><div> </div></div><div><div><div>13</div></div><div><span>&gt; </span><span>[</span><span>!CAUTION</span><span>]</span><span> CAUTION</span></div></div><div><div><div>14</div></div><div><span>&gt; 行动的负面潜在后果。</span></div></div><div><div><div>15</div></div><div> </div></div><div><div><div>16</div></div><div><span>&gt; </span><span>[</span><span>!NOTE</span><span>]</span><span> 自定义标题</span></div></div><div><div><div>17</div></div><div><span>&gt; 这是一个带有自定义标题的示例。</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><hr /></section><section><h3>2. Obsidian 主题风格<a href="#2-obsidian-主题风格"><span>#</span></a></h3><p><a href="https://obsidian.md/" target="_blank">Obsidian</a> 风格支持非常丰富的类型和别名。</p> 点击展开 Obsidian 语法列表<div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&gt; </span><span>[</span><span>!NOTE</span><span>]</span><span> NOTE</span></div></div><div><div><div>2</div></div><div><span>&gt; 通用的笔记块。</span></div></div><div><div><div>3</div></div><div> </div></div><div><div><div>4</div></div><div><span>&gt; </span><span>[</span><span>!ABSTRACT</span><span>]</span><span> ABSTRACT</span></div></div><div><div><div>5</div></div><div><span>&gt; 文章的摘要。</span></div></div><div><div><div>6</div></div><div> </div></div><div><div><div>7</div></div><div><span>&gt; </span><span>[</span><span>!SUMMARY</span><span>]</span><span> SUMMARY</span></div></div><div><div><div>8</div></div><div><span>&gt; 文章的总结（同 Abstract）。</span></div></div><div><div><div>9</div></div><div> </div></div><div><div><div>10</div></div><div><span>&gt; </span><span>[</span><span>!TLDR</span><span>]</span><span> TLDR</span></div></div><div><div><div>11</div></div><div><span>&gt; 太长不看（同 Abstract）。</span></div></div><div><div><div>12</div></div><div> </div></div><div><div><div>13</div></div><div><span>&gt; </span><span>[</span><span>!INFO</span><span>]</span><span> INFO</span></div></div><div><div><div>14</div></div><div><span>&gt; 提供额外信息。</span></div></div><div><div><div>15</div></div><div> </div></div><div><div><div>16</div></div><div><span>&gt; </span><span>[</span><span>!TODO</span><span>]</span><span> TODO</span></div></div><div><div><div>17</div></div><div><span>&gt; 需要完成的事项。</span></div></div><div><div><div>18</div></div><div> </div></div><div><div><div>19</div></div><div><span>&gt; </span><span>[</span><span>!TIP</span><span>]</span><span> TIP</span></div></div><div><div><div>20</div></div><div><span>&gt; 实用技巧或提示。</span></div></div><div><div><div>21</div></div><div> </div></div><div><div><div>22</div></div><div><span>&gt; </span><span>[</span><span>!HINT</span><span>]</span><span> HINT</span></div></div><div><div><div>23</div></div><div><span>&gt; 暗示（同 Tip）。</span></div></div><div><div><div>24</div></div><div> </div></div><div><div><div>25</div></div><div><span>&gt; </span><span>[</span><span>!IMPORTANT</span><span>]</span><span> IMPORTANT</span></div></div><div><div><div>26</div></div><div><span>&gt; 重要信息（Obsidian 风格通常使用类似的图标）。</span></div></div><div><div><div>27</div></div><div> </div></div><div><div><div>28</div></div><div><span>&gt; </span><span>[</span><span>!SUCCESS</span><span>]</span><span> SUCCESS</span></div></div><div><div><div>29</div></div><div><span>&gt; 操作成功。</span></div></div><div><div><div>30</div></div><div> </div></div><div><div><div>31</div></div><div><span>&gt; </span><span>[</span><span>!CHECK</span><span>]</span><span> CHECK</span></div></div><div><div><div>32</div></div><div><span>&gt; 检查通过（同 Success）。</span></div></div><div><div><div>33</div></div><div> </div></div><div><div><div>34</div></div><div><span>&gt; </span><span>[</span><span>!DONE</span><span>]</span><span> DONE</span></div></div><div><div><div>35</div></div><div><span>&gt; 已完成（同 Success）。</span></div></div><div><div><div>36</div></div><div> </div></div><div><div><div>37</div></div><div><span>&gt; </span><span>[</span><span>!QUESTION</span><span>]</span><span> QUESTION</span></div></div><div><div><div>38</div></div><div><span>&gt; 提出问题。</span></div></div><div><div><div>39</div></div><div> </div></div><div><div><div>40</div></div><div><span>&gt; </span><span>[</span><span>!HELP</span><span>]</span><span> HELP</span></div></div><div><div><div>41</div></div><div><span>&gt; 寻求帮助（同 Question）。</span></div></div><div><div><div>42</div></div><div> </div></div><div><div><div>43</div></div><div><span>&gt; </span><span>[</span><span>!FAQ</span><span>]</span><span> FAQ</span></div></div><div><div><div>44</div></div><div><span>&gt; 常见问题（同 Question）。</span></div></div><div><div><div>45</div></div><div> </div></div><div><div><div>46</div></div><div><span>&gt; </span><span>[</span><span>!WARNING</span><span>]</span><span> WARNING</span></div></div><div><div><div>47</div></div><div><span>&gt; 警告信息。</span></div></div><div><div><div>48</div></div><div> </div></div><div><div><div>49</div></div><div><span>&gt; </span><span>[</span><span>!CAUTION</span><span>]</span><span> CAUTION</span></div></div><div><div><div>50</div></div><div><span>&gt; 注意事项（同 Warning）。</span></div></div><div><div><div>51</div></div><div> </div></div><div><div><div>52</div></div><div><span>&gt; </span><span>[</span><span>!ATTENTION</span><span>]</span><span> ATTENTION</span></div></div><div><div><div>53</div></div><div><span>&gt; 引起注意（同 Warning）。</span></div></div><div><div><div>54</div></div><div> </div></div><div><div><div>55</div></div><div><span>&gt; </span><span>[</span><span>!FAILURE</span><span>]</span><span> FAILURE</span></div></div><div><div><div>56</div></div><div><span>&gt; 操作失败。</span></div></div><div><div><div>57</div></div><div> </div></div><div><div><div>58</div></div><div><span>&gt; </span><span>[</span><span>!FAIL</span><span>]</span><span> FAIL</span></div></div><div><div><div>59</div></div><div><span>&gt; 失败（同 Failure）。</span></div></div><div><div><div>60</div></div><div> </div></div><div><div><div>61</div></div><div><span>&gt; </span><span>[</span><span>!MISSING</span><span>]</span><span> MISSING</span></div></div><div><div><div>62</div></div><div><span>&gt; 缺失内容（同 Failure）。</span></div></div><div><div><div>63</div></div><div> </div></div><div><div><div>64</div></div><div><span>&gt; </span><span>[</span><span>!DANGER</span><span>]</span><span> DANGER</span></div></div><div><div><div>65</div></div><div><span>&gt; 危险操作警告。</span></div></div><div><div><div>66</div></div><div> </div></div><div><div><div>67</div></div><div><span>&gt; </span><span>[</span><span>!ERROR</span><span>]</span><span> ERROR</span></div></div><div><div><div>68</div></div><div><span>&gt; 错误信息（同 Danger）。</span></div></div><div><div><div>69</div></div><div> </div></div><div><div><div>70</div></div><div><span>&gt; </span><span>[</span><span>!BUG</span><span>]</span><span> BUG</span></div></div><div><div><div>71</div></div><div><span>&gt; 报告软件缺陷。</span></div></div><div><div><div>72</div></div><div> </div></div><div><div><div>73</div></div><div><span>&gt; </span><span>[</span><span>!EXAMPLE</span><span>]</span><span> EXAMPLE</span></div></div><div><div><div>74</div></div><div><span>&gt; 展示一个例子。</span></div></div><div><div><div>75</div></div><div> </div></div><div><div><div>76</div></div><div><span>&gt; </span><span>[</span><span>!QUOTE</span><span>]</span><span> QUOTE</span></div></div><div><div><div>77</div></div><div><span>&gt; 引用一段话。</span></div></div><div><div><div>78</div></div><div> </div></div><div><div><div>79</div></div><div><span>&gt; </span><span>[</span><span>!CITE</span><span>]</span><span> CITE</span></div></div><div><div><div>80</div></div><div><span>&gt; 引证（同 Quote）。</span></div></div><div><div><div>81</div></div><div> </div></div><div><div><div>82</div></div><div><span>&gt; </span><span>[</span><span>!NOTE</span><span>]</span><span> 自定义标题</span></div></div><div><div><div>83</div></div><div><span>&gt; 这是一个带有自定义标题的示例。</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p></p><figure><img alt="Obsidian" loading="lazy" width="2144" height="1320" src="/_astro/obsidian.Cwb2iYzd_1I7Wom.webp" /><figcaption>Obsidian</figcaption></figure><p></p><hr /></section><section><h3>3. VitePress 主题风格<a href="#3-vitepress-主题风格"><span>#</span></a></h3><p><a href="https://vitepress.dev/" target="_blank">VitePress</a> 风格提供了一套现代化的、扁平的默认样式。目前仅包含与 GitHub 一致的 <strong>5 种</strong> 基础类型。</p> 点击展开 VitePress 语法列表<div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&gt; </span><span>[</span><span>!NOTE</span><span>]</span><span> NOTE</span></div></div><div><div><div>2</div></div><div><span>&gt; 对应 GitHub 的 Note。</span></div></div><div><div><div>3</div></div><div> </div></div><div><div><div>4</div></div><div><span>&gt; </span><span>[</span><span>!TIP</span><span>]</span><span> TIP</span></div></div><div><div><div>5</div></div><div><span>&gt; 对应 GitHub 的 Tip。</span></div></div><div><div><div>6</div></div><div> </div></div><div><div><div>7</div></div><div><span>&gt; </span><span>[</span><span>!IMPORTANT</span><span>]</span><span> IMPORTANT</span></div></div><div><div><div>8</div></div><div><span>&gt; 对应 GitHub 的 Important。</span></div></div><div><div><div>9</div></div><div> </div></div><div><div><div>10</div></div><div><span>&gt; </span><span>[</span><span>!WARNING</span><span>]</span><span> WARNING</span></div></div><div><div><div>11</div></div><div><span>&gt; 对应 GitHub 的 Warning。</span></div></div><div><div><div>12</div></div><div> </div></div><div><div><div>13</div></div><div><span>&gt; </span><span>[</span><span>!CAUTION</span><span>]</span><span> CAUTION</span></div></div><div><div><div>14</div></div><div><span>&gt; 对应 GitHub 的 Caution。</span></div></div><div><div><div>15</div></div><div> </div></div><div><div><div>16</div></div><div><span>&gt; </span><span>[</span><span>!TIP</span><span>]</span><span> 自定义标题</span></div></div><div><div><div>17</div></div><div><span>&gt; VitePress 风格同样支持自定义标题。</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p></p><figure><img alt="VitePress" loading="lazy" width="2144" height="1318" src="/_astro/vitepress.D2YnjBWE_Z1rUl1H.webp" /><figcaption>VitePress</figcaption></figure><p></p><hr /></section><section><h3>4. Docusaurus 主题风格<a href="#4-docusaurus-主题风格"><span>#</span></a></h3><p><a href="https://docusaurus.io/docs/markdown-features/admonitions" target="_blank">Docusaurus</a> 风格提供了一套现代化的提醒框样式，支持 5 种类型。</p> 点击展开 Docusaurus 语法列表 <p>支持以下类型的提醒框：<code>note</code> <code>tip</code> <code>info</code> <code>warning</code> <code>danger</code></p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>:::note</span></div></div><div><div><div>2</div></div><div><span>突出显示用户应该考虑的信息，即使在快速浏览时也是如此。</span></div></div><div><div><div>3</div></div><div><span>:::</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span>:::tip</span></div></div><div><div><div>6</div></div><div><span>可选信息，帮助用户更成功。</span></div></div><div><div><div>7</div></div><div><span>:::</span></div></div><div><div><div>8</div></div><div> </div></div><div><div><div>9</div></div><div><span>:::info</span></div></div><div><div><div>10</div></div><div><span>一般信息。</span></div></div><div><div><div>11</div></div><div><span>:::</span></div></div><div><div><div>12</div></div><div> </div></div><div><div><div>13</div></div><div><span>:::warning</span></div></div><div><div><div>14</div></div><div><span>由于潜在风险需要用户立即注意的关键内容。</span></div></div><div><div><div>15</div></div><div><span>:::</span></div></div><div><div><div>16</div></div><div> </div></div><div><div><div>17</div></div><div><span>:::danger</span></div></div><div><div><div>18</div></div><div><span>行动的负面潜在后果。</span></div></div><div><div><div>19</div></div><div><span>:::</span></div></div><div><div><div>20</div></div><div> </div></div><div><div><div>21</div></div><div><span>:::tip</span><span>[</span><span>自定义标题</span><span>]</span></div></div><div><div><div>22</div></div><div><span>可选信息，帮助用户更成功。</span></div></div><div><div><div>23</div></div><div><span>:::</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p></p><figure><img alt="Docusaurus" loading="lazy" width="2158" height="1394" src="/_astro/docusaurus.Cu-On_k2_Zy4rHX.webp" /><figcaption>Docusaurus</figcaption></figure><p></p><hr /></section></section> <section><h2>剧透<a href="#剧透"><span>#</span></a></h2><p>您可以为文本添加剧透。文本也支持 <strong>Markdown</strong> 语法。</p><p>内容 被隐藏了 <strong>哈哈</strong>！</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>内容 :spoiler[被隐藏了 </span><span>**哈哈**</span><span>]！</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h2>图片画廊网格 (Image Grid)<a href="#图片画廊网格-image-grid"><span>#</span></a></h2><p>您可以使用 <code>[grid]</code> 和 <code>[/grid]</code> 标签将多张图片纵向并排展示。这对于展示照片画廊或对比图非常有用。系统会自动根据包裹在其中的图片数量（最多支持并排展示4张）以响应式网格进行布局。</p><p><strong>自动补齐图片高度：</strong> 同一排中如果有高度、大小或者比例不一的图片，会像「九宫格画廊相册」一样自动撑满。较短或不协调的图片会自动使用 object-cover 进行完美中心裁剪补充视野。图片边框水平彻底对齐无缝隙，但被裁剪后，只有点击图片通过灯箱才能查看完整图片，所以建议尽量避免使用长宽比例不一致的图片在同一排中。</p><p><strong>图注恒定底端对齐：</strong> 不论上面的图片长宽如何变化，在同一行的所有图像解释文字（图注）都会对标到一条完美的水平基线上了。</p><div><figure><img alt="示例图片一" loading="lazy" width="3328" height="1872" src="/_astro/firefly1.CZCuCN4V_1dgNYg.webp" /><figcaption>示例图片一</figcaption></figure><figure><img alt="示例图片二" loading="lazy" width="4096" height="2212" src="/_astro/firefly2.dxmXG905_ZyJm5m.webp" /><figcaption>示例图片二</figcaption></figure><figure><img alt="示例图片二" loading="lazy" width="3840" height="2160" src="/_astro/firefly3.CGzFXcxi_Z1Lz6q8.webp" /><figcaption>示例图片二</figcaption></figure></div><p><strong>基本语法</strong></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[</span><span>grid</span><span>]</span></div></div><div><div><div>2</div></div><div><span>![</span><span>示例图片一</span><span>]</span><span><span>(</span><span>./images/firefly1.avif</span><span>)</span></span></div></div><div><div><div>3</div></div><div><span>![</span><span>示例图片二</span><span>]</span><span><span>(</span><span>./images/firefly2.avif</span><span>)</span></span></div></div><div><div><div>4</div></div><div><span>![</span><span>示例图片二</span><span>]</span><span><span>(</span><span>./images/firefly3.avif</span><span>)</span></span></div></div><div><div><div>5</div></div><div><span>[</span><span>/grid</span><span>]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section>https://blog.s520j.cn/posts/markdown-mermaid/https://blog.s520j.cn/posts/markdown-mermaid/一个包含 Mermaid 的 Markdown 博客文章简单示例。Thu, 01 Jan 1970 00:00:00 GMT<section><h2>Markdown 中 Mermaid 图表完整指南<a href="#markdown-中-mermaid-图表完整指南"><span>#</span></a></h2><p>本文演示如何在 Markdown 文档中使用 Mermaid 创建各种复杂图表，包括流程图、时序图、ER 图、类图、状态图、XY 图、甘特图、思维导图等。</p><blockquote><p>Mermaid 图表由 <a href="https://github.com/Latias94/merman" target="_blank">Merman</a> 实现。Firefly 在 Astro 构建阶段生成亮色和深色两套静态 SVG，无需在浏览器中加载 Mermaid 渲染运行时。可以前往 <a href="http://frankorz.com/merman/" target="_blank">Merman Playground</a> 实时编辑语法并预览渲染结果。</p></blockquote></section> <section><h2>流程图示例<a href="#流程图示例"><span>#</span></a></h2><p>流程图非常适合表示流程或算法步骤。</p><div><div><div><div><span></span></div><div><span><p>是</p></span></div><div><span><p>否</p></span></div><div><span><p>选项 1</p></span></div><div><span><p>选项 2</p></span></div><div><span><p>选项 3</p></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span><p>子过程详情</p></span></div><div><span></span></div><div><span></span></div><div><span><p>子步骤 1</p></span></div><div><span><p>子步骤 2</p></span></div><div><span><p>子步骤 3</p></span></div><div><span><p>开始</p></span></div><div><span><p>条件检查</p></span></div><div><span><p>处理步骤 1</p></span></div><div><span><p>处理步骤 2</p></span></div><div><span><p>另一个决策</p></span></div><div><span><p>结果 1</p></span></div><div><span><p>结果 2</p></span></div><div><span><p>结果 3</p></span></div><div><span><p>结束</p></span></div> </div><div><div><span></span></div><div><span><p>是</p></span></div><div><span><p>否</p></span></div><div><span><p>选项 1</p></span></div><div><span><p>选项 2</p></span></div><div><span><p>选项 3</p></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span><p>子过程详情</p></span></div><div><span></span></div><div><span></span></div><div><span><p>子步骤 1</p></span></div><div><span><p>子步骤 2</p></span></div><div><span><p>子步骤 3</p></span></div><div><span><p>开始</p></span></div><div><span><p>条件检查</p></span></div><div><span><p>处理步骤 1</p></span></div><div><span><p>处理步骤 2</p></span></div><div><span><p>另一个决策</p></span></div><div><span><p>结果 1</p></span></div><div><span><p>结果 2</p></span></div><div><span><p>结果 3</p></span></div><div><span><p>结束</p></span></div> </div></div></div></section> <section><h2>时序图示例<a href="#时序图示例"><span>#</span></a></h2><p>时序图显示对象之间随时间的交互。</p><div><div><div>数据库服务器网页应用用户数据库服务器网页应用用户alt[认证成功][认证失败]提交登录请求发送认证请求查询用户凭据返回用户数据返回认证结果显示欢迎页面请求用户数据获取用户偏好返回偏好设置返回用户数据加载个性化界面显示错误消息提示重新输入 </div><div>数据库服务器网页应用用户数据库服务器网页应用用户alt[认证成功][认证失败]提交登录请求发送认证请求查询用户凭据返回用户数据返回认证结果显示欢迎页面请求用户数据获取用户偏好返回偏好设置返回用户数据加载个性化界面显示错误消息提示重新输入 </div></div></div></section> <section><h2>ER 图示例<a href="#er-图示例"><span>#</span></a></h2><p>ER 图（实体关系图）非常适合表示数据库结构。</p><div><div><div> <div><span><p>writes</p></span></div><div><span><p>posts</p></span></div><div><span><p>has</p></span></div><div><span><p>belongs to</p></span></div> <div><span><p>USER</p></span></div><div><span><p>int</p></span></div><div><span><p>id</p></span></div><div><span><p>PK</p></span></div><div><span></span></div><div><span><p>string</p></span></div><div><span><p>username</p></span></div><div><span></span></div><div><span></span></div><div><span><p>string</p></span></div><div><span><p>email</p></span></div><div><span></span></div><div><span></span></div><div><span><p>datetime</p></span></div><div><span><p>created_at</p></span></div><div><span></span></div><div><span></span></div><div><span><p>ARTICLE</p></span></div><div><span><p>int</p></span></div><div><span><p>id</p></span></div><div><span><p>PK</p></span></div><div><span></span></div><div><span><p>string</p></span></div><div><span><p>title</p></span></div><div><span></span></div><div><span></span></div><div><span><p>text</p></span></div><div><span><p>content</p></span></div><div><span></span></div><div><span></span></div><div><span><p>datetime</p></span></div><div><span><p>published</p></span></div><div><span></span></div><div><span></span></div><div><span><p>int</p></span></div><div><span><p>author_id</p></span></div><div><span><p>FK</p></span></div><div><span></span></div><div><span><p>COMMENT</p></span></div><div><span><p>int</p></span></div><div><span><p>id</p></span></div><div><span><p>PK</p></span></div><div><span></span></div><div><span><p>text</p></span></div><div><span><p>content</p></span></div><div><span></span></div><div><span></span></div><div><span><p>datetime</p></span></div><div><span><p>created_at</p></span></div><div><span></span></div><div><span></span></div><div><span><p>int</p></span></div><div><span><p>user_id</p></span></div><div><span><p>FK</p></span></div><div><span></span></div><div><span><p>int</p></span></div><div><span><p>article_id</p></span></div><div><span><p>FK</p></span></div><div><span></span></div><div><span><p>CATEGORY</p></span></div><div><span><p>int</p></span></div><div><span><p>id</p></span></div><div><span><p>PK</p></span></div><div><span></span></div><div><span><p>string</p></span></div><div><span><p>name</p></span></div><div><span></span></div><div><span></span></div><div><span><p>string</p></span></div><div><span><p>description</p></span></div><div><span></span></div><div><span></span></div> </div><div> <div><span><p>writes</p></span></div><div><span><p>posts</p></span></div><div><span><p>has</p></span></div><div><span><p>belongs to</p></span></div> <div><span><p>USER</p></span></div><div><span><p>int</p></span></div><div><span><p>id</p></span></div><div><span><p>PK</p></span></div><div><span></span></div><div><span><p>string</p></span></div><div><span><p>username</p></span></div><div><span></span></div><div><span></span></div><div><span><p>string</p></span></div><div><span><p>email</p></span></div><div><span></span></div><div><span></span></div><div><span><p>datetime</p></span></div><div><span><p>created_at</p></span></div><div><span></span></div><div><span></span></div><div><span><p>ARTICLE</p></span></div><div><span><p>int</p></span></div><div><span><p>id</p></span></div><div><span><p>PK</p></span></div><div><span></span></div><div><span><p>string</p></span></div><div><span><p>title</p></span></div><div><span></span></div><div><span></span></div><div><span><p>text</p></span></div><div><span><p>content</p></span></div><div><span></span></div><div><span></span></div><div><span><p>datetime</p></span></div><div><span><p>published</p></span></div><div><span></span></div><div><span></span></div><div><span><p>int</p></span></div><div><span><p>author_id</p></span></div><div><span><p>FK</p></span></div><div><span></span></div><div><span><p>COMMENT</p></span></div><div><span><p>int</p></span></div><div><span><p>id</p></span></div><div><span><p>PK</p></span></div><div><span></span></div><div><span><p>text</p></span></div><div><span><p>content</p></span></div><div><span></span></div><div><span></span></div><div><span><p>datetime</p></span></div><div><span><p>created_at</p></span></div><div><span></span></div><div><span></span></div><div><span><p>int</p></span></div><div><span><p>user_id</p></span></div><div><span><p>FK</p></span></div><div><span></span></div><div><span><p>int</p></span></div><div><span><p>article_id</p></span></div><div><span><p>FK</p></span></div><div><span></span></div><div><span><p>CATEGORY</p></span></div><div><span><p>int</p></span></div><div><span><p>id</p></span></div><div><span><p>PK</p></span></div><div><span></span></div><div><span><p>string</p></span></div><div><span><p>name</p></span></div><div><span></span></div><div><span></span></div><div><span><p>string</p></span></div><div><span><p>description</p></span></div><div><span></span></div><div><span></span></div> </div></div></div></section> <section><h2>类图示例<a href="#类图示例"><span>#</span></a></h2><p>类图显示系统的静态结构，包括类、属性、方法及其关系。</p><div><div><div><div><span><p>写作</p></span></div><div><span><p>发表</p></span></div><div><span><p>拥有</p></span></div><div><span><p>属于</p></span></div><div><span><p>1</p></span></div><div><span><p>1</p></span></div><div><span><p>1</p></span></div><div><span><p>1</p></span></div><div><span><p>*</p></span></div><div><span><p>*</p></span></div><div><span><p>*</p></span></div><div><span><p>*</p></span></div><div><span><p>User</p></span></div><div><span><p>+String username</p></span></div><div><span><p>+String password</p></span></div><div><span><p>+String email</p></span></div><div><span><p>+Boolean active</p></span></div><div><span><p>+login()</p></span></div><div><span><p>+logout()</p></span></div><div><span><p>+updateProfile()</p></span></div><div><span><p>Article</p></span></div><div><span><p>+String title</p></span></div><div><span><p>+String content</p></span></div><div><span><p>+Date publishDate</p></span></div><div><span><p>+Boolean published</p></span></div><div><span><p>+publish()</p></span></div><div><span><p>+edit()</p></span></div><div><span><p>+delete()</p></span></div><div><span><p>Comment</p></span></div><div><span><p>+String content</p></span></div><div><span><p>+Date commentDate</p></span></div><div><span><p>+addComment()</p></span></div><div><span><p>+deleteComment()</p></span></div><div><span><p>Category</p></span></div><div><span><p>+String name</p></span></div><div><span><p>+String description</p></span></div><div><span><p>+addArticle()</p></span></div><div><span><p>+removeArticle()</p></span></div></div><div><div><span><p>写作</p></span></div><div><span><p>发表</p></span></div><div><span><p>拥有</p></span></div><div><span><p>属于</p></span></div><div><span><p>1</p></span></div><div><span><p>1</p></span></div><div><span><p>1</p></span></div><div><span><p>1</p></span></div><div><span><p>*</p></span></div><div><span><p>*</p></span></div><div><span><p>*</p></span></div><div><span><p>*</p></span></div><div><span><p>User</p></span></div><div><span><p>+String username</p></span></div><div><span><p>+String password</p></span></div><div><span><p>+String email</p></span></div><div><span><p>+Boolean active</p></span></div><div><span><p>+login()</p></span></div><div><span><p>+logout()</p></span></div><div><span><p>+updateProfile()</p></span></div><div><span><p>Article</p></span></div><div><span><p>+String title</p></span></div><div><span><p>+String content</p></span></div><div><span><p>+Date publishDate</p></span></div><div><span><p>+Boolean published</p></span></div><div><span><p>+publish()</p></span></div><div><span><p>+edit()</p></span></div><div><span><p>+delete()</p></span></div><div><span><p>Comment</p></span></div><div><span><p>+String content</p></span></div><div><span><p>+Date commentDate</p></span></div><div><span><p>+addComment()</p></span></div><div><span><p>+deleteComment()</p></span></div><div><span><p>Category</p></span></div><div><span><p>+String name</p></span></div><div><span><p>+String description</p></span></div><div><span><p>+addArticle()</p></span></div><div><span><p>+removeArticle()</p></span></div></div></div></div></section> <section><h2>状态图示例<a href="#状态图示例"><span>#</span></a></h2><p>状态图显示对象在其生命周期中经历的状态序列。</p><div><div><div><div><span></span></div><div><span><p>提交</p></span></div><div><span><p>拒绝</p></span></div><div><span><p>批准</p></span></div><div><span><p>发布</p></span></div><div><span><p>归档</p></span></div><div><span><p>撤回</p></span></div><div><span></span></div><div><span><p>草稿</p></span></div><div><span><p>审核中</p></span></div><div><span><p>已批准</p></span></div><div><span><p>已归档</p></span></div><div><span>已发布</span></div><div><span></span></div><div><span><p>临时隐藏</p></span></div><div><span><p>恢复</p></span></div><div><span></span></div><div><span></span></div><div><span><p>活跃</p></span></div><div><span><p>隐藏</p></span></div> </div><div><div><span></span></div><div><span><p>提交</p></span></div><div><span><p>拒绝</p></span></div><div><span><p>批准</p></span></div><div><span><p>发布</p></span></div><div><span><p>归档</p></span></div><div><span><p>撤回</p></span></div><div><span></span></div><div><span><p>草稿</p></span></div><div><span><p>审核中</p></span></div><div><span><p>已批准</p></span></div><div><span><p>已归档</p></span></div><div><span>已发布</span></div><div><span></span></div><div><span><p>临时隐藏</p></span></div><div><span><p>恢复</p></span></div><div><span></span></div><div><span></span></div><div><span><p>活跃</p></span></div><div><span><p>隐藏</p></span></div> </div></div></div></section> <section><h2>XY 图示例<a href="#xy-图示例"><span>#</span></a></h2><p>XY 图表非常适合展示趋势和对比数据。</p><div><div><div>月度访问量趋势1月2月3月4月5月6月5000450040003500300025002000150010005000访问量 </div><div>月度访问量趋势1月2月3月4月5月6月5000450040003500300025002000150010005000访问量 </div></div></div></section> <section><h2>饼图示例<a href="#饼图示例"><span>#</span></a></h2><p>饼图适合直观展示各部分在整体中的占比。</p><div><div><div>45%30%15%10%内容类型占比技术文章 [45]项目记录 [30]生活随笔 [15]其他 [10] </div><div>45%30%15%10%内容类型占比技术文章 [45]项目记录 [30]生活随笔 [15]其他 [10] </div></div></div></section> <section><h2>甘特图示例<a href="#甘特图示例"><span>#</span></a></h2><p>甘特图可以按时间轴展示项目阶段、任务依赖和当前进度。</p><div><div><div>07/0107/0307/0507/0707/0907/1107/1307/1507/17需求整理 视觉设计 功能实现 内容迁移 构建检查 正式上线 准备开发发布博客版本发布计划 </div><div>07/0107/0307/0507/0707/0907/1107/1307/1507/17需求整理 视觉设计 功能实现 内容迁移 构建检查 正式上线 准备开发发布博客版本发布计划 </div></div></div></section> <section><h2>思维导图示例<a href="#思维导图示例"><span>#</span></a></h2><p>思维导图适合梳理主题层级和知识结构。</p><div><div><div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span><p>Firefly</p></span></div><div><span><p>内容</p></span></div><div><span><p>技术文章</p></span></div><div><span><p>生活记录</p></span></div><div><span><p>体验</p></span></div><div><span><p>搜索</p></span></div><div><span><p>深色模式</p></span></div><div><span><p>图表</p></span></div><div><span><p>工程</p></span></div><div><span><p>Astro</p></span></div><div><span><p>Svelte</p></span></div><div><span><p>Merman</p></span></div> </div><div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span></span></div><div><span><p>Firefly</p></span></div><div><span><p>内容</p></span></div><div><span><p>技术文章</p></span></div><div><span><p>生活记录</p></span></div><div><span><p>体验</p></span></div><div><span><p>搜索</p></span></div><div><span><p>深色模式</p></span></div><div><span><p>图表</p></span></div><div><span><p>工程</p></span></div><div><span><p>Astro</p></span></div><div><span><p>Svelte</p></span></div><div><span><p>Merman</p></span></div> </div></div></div></section> <section><h2>时间线示例<a href="#时间线示例"><span>#</span></a></h2><p>时间线用于按年份或阶段呈现项目的重要事件。</p><div><div><div>2024建立博客完成基础主题2025加入搜索与图库完善内容系统2026升级 Astro 7使用 Merman 渲染图表Firefly 演进时间线 </div><div>2024建立博客完成基础主题2025加入搜索与图库完善内容系统2026升级 Astro 7使用 Merman 渲染图表Firefly 演进时间线 </div></div></div></section> <section><h2>用户旅程图示例<a href="#用户旅程图示例"><span>#</span></a></h2><p>用户旅程图能够描述用户在不同阶段的行为和体验评分。</p><div><div><div>读者<div><div>发现内容</div></div>发现内容读者<div><div> 打开首页</div></div> 打开首页读者<div><div> 搜索主题</div></div> 搜索主题<div><div>阅读文章</div></div>阅读文章读者<div><div> 浏览正文</div></div> 浏览正文读者<div><div> 查看图表</div></div> 查看图表<div><div>继续探索</div></div>继续探索读者<div><div> 查看相关文章</div></div> 查看相关文章读者<div><div> 分享文章</div></div> 分享文章读者浏览文章的旅程 </div><div>读者<div><div>发现内容</div></div>发现内容读者<div><div> 打开首页</div></div> 打开首页读者<div><div> 搜索主题</div></div> 搜索主题<div><div>阅读文章</div></div>阅读文章读者<div><div> 浏览正文</div></div> 浏览正文读者<div><div> 查看图表</div></div> 查看图表<div><div>继续探索</div></div>继续探索读者<div><div> 查看相关文章</div></div> 查看相关文章读者<div><div> 分享文章</div></div> 分享文章读者浏览文章的旅程 </div></div></div></section> <section><h2>Git 图示例<a href="#git-图示例"><span>#</span></a></h2><p>Git 图可以清晰展示分支、提交和合并历史。</p><div><div><div>mainfeatureinitadd-diagramspolish-themesmerge-featurerelease </div><div>mainfeatureinitadd-diagramspolish-themesmerge-featurerelease </div></div></div></section> <section><h2>看板示例<a href="#看板示例"><span>#</span></a></h2><p>看板适合展示任务在不同工作阶段之间的分布。</p><div><div><div><div><span><p>待办</p></span></div><div><span><p>进行中</p></span></div><div><span><p>已完成</p></span></div><div><span><p>整理需求</p></span></div><div><span></span></div><div><span></span></div><div><span><p>准备示例</p></span></div><div><span></span></div><div><span></span></div><div><span><p>接入 Merman</p></span></div><div><span></span></div><div><span></span></div><div><span><p>服务端渲染</p></span></div><div><span></span></div><div><span></span></div><div><span><p>亮暗主题</p></span></div><div><span></span></div><div><span></span></div> </div><div><div><span><p>待办</p></span></div><div><span><p>进行中</p></span></div><div><span><p>已完成</p></span></div><div><span><p>整理需求</p></span></div><div><span></span></div><div><span></span></div><div><span><p>准备示例</p></span></div><div><span></span></div><div><span></span></div><div><span><p>接入 Merman</p></span></div><div><span></span></div><div><span></span></div><div><span><p>服务端渲染</p></span></div><div><span></span></div><div><span></span></div><div><span><p>亮暗主题</p></span></div><div><span></span></div><div><span></span></div> </div></div></div></section> <section><h2>Sankey 图示例<a href="#sankey-图示例"><span>#</span></a></h2><p>Sankey 图通过连线宽度展示流量在不同节点之间的流向。</p><div><div><div>Home 1650Post list 1200Search 450Post detail 1220Related posts 260External shares 180</div><div>Home 1650Post list 1200Search 450Post detail 1220Related posts 260External shares 180</div></div></div></section> <section><h2>总结<a href="#总结"><span>#</span></a></h2><p>Mermaid 是在 Markdown 文档中创建各种类型图表的强大工具。本文演示了流程图、时序图、ER 图、类图、状态图、XY 图、饼图、甘特图、思维导图、时间线、用户旅程图、Git 图、看板和 Sankey 图。这些图表可以帮助您更清晰地表达复杂的概念、流程和数据结构。</p><p>要使用 Mermaid，只需在代码块中指定 mermaid 语言，并使用简洁的文本语法描述图表。图表会在构建时自动渲染为 SVG，无需客户端 JavaScript 加载。</p><p>可以前往 <a href="http://frankorz.com/merman/" target="_blank">Merman Playground</a> 尝试更多语法，再将图表代码粘贴到文章中。</p></section>https://blog.s520j.cn/posts/markdown-plantuml/https://blog.s520j.cn/posts/markdown-plantuml/用于验证 Firefly 中 PlantUML 插件渲染、主题切换与交互能力的示例文章。Thu, 01 Jan 1970 00:00:00 GMT<section><h2>Markdown 中 PlantUML 图表指南<a href="#markdown-中-plantuml-图表指南"><span>#</span></a></h2><p>PlantUML 是一种使用纯文本描述图表的工具。你只需要写一段结构化语法，就可以生成时序图、类图、用例图、活动图等常见工程图。</p><p>它特别适合写在技术博客和项目文档里：</p><ul> <li>图表和正文一起版本管理，便于协作与审阅</li> <li>修改图只需要改文本，适合频繁迭代</li> <li>能和 Markdown 无缝结合，保持文档统一</li> </ul><p>在 Firefly 中，<code>plantuml</code> 代码块会在构建阶段编码并生成服务器 SVG 地址，页面端再根据亮暗主题自动切换图源，并支持缩放、拖拽和全屏交互。</p><p>如果你想快速上手，可以记住这个最小模板：</p><div><div><img alt="@startuml Alice -&gt; Bob: Hello Bob --&gt; Alice: Hi @enduml" src="https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuNBCoKnELT2rKt3AJx9Iy4ZDoSddSifFKj3LjLC0orafU6HoEQJcfPJcvW00" loading="lazy" /></div></div></section> <section><h2>活动图示例<a href="#活动图示例"><span>#</span></a></h2><div><div><img alt="@startuml start :用户提交订单; if (库存充足?) then (是) :冻结库存; :创建支付单; if (支付成功?) then (是) :生成发货单; :通知仓库拣货; else (否) :取消订单; :释放库存; endif else (否) :提示缺货; endif stop @enduml" src="https://www.plantuml.com/plantuml/svg/NOuz2i9048NhtLEaZ5VO57eLmHM56CN4taODYYHYbA15mFz6BHI5ZNYQp6oyXMI38dRpcFTzl9BjbDjEfs5ITL0cWmEwT_JyH6pIqmh6CuFMgveEOWh747gzz7Of5ZIdnYrDn_1Se8H1FvRnD6yOMNQN40iCpaaSAW7937b6ruTXz6SWJ0PHzl4cwNMV8uIzkWiPRHDbnj4wlUuDIhXfSqq7VwSmyEPuSpyxCsOmnE3vdSAjIhrAVnc6dYytGZw4ykK5sscsQ8bRbKx3V0C0" loading="lazy" /></div></div></section> <section><h2>状态图示例<a href="#状态图示例"><span>#</span></a></h2><div><div><img alt="@startuml [*] --&gt; 草稿 草稿 --&gt; 待审核 : 提交 待审核 --&gt; 草稿 : 驳回 待审核 --&gt; 已发布 : 审核通过 已发布 --&gt; 已归档 : 到期归档 已发布 --&gt; 草稿 : 撤回修改 state 已发布 { [*] --&gt; 可见 可见 --&gt; 隐藏 : 手动隐藏 隐藏 --&gt; 可见 : 恢复展示 } 已归档 --&gt; [*] @enduml" src="https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuOhMYbNGrRLJUD7R-Np5VYuk20qMUhglzUcwXSyMx52mKdZMF-79hYLS22647WKhXPShDp-TFGzDzkdsJK_x9pxTqQnWfG0HVjamwyN-TYw414pPtadF5Yu6AUlOy6pEV0WNJHdShcUJbZoTFU_9_dNFfkpauYekIIn9HRAgceiJvgEd_UjVB6_aueJGOA6NioQycDuFCgIp-sdN2WYNYnCgZD04Kj6uwEcItgSRfpvViekhbeiBuKoGicYjM2w7rBoKqjmS0000" loading="lazy" /></div></div></section> <section><h2>用例图示例<a href="#用例图示例"><span>#</span></a></h2><div><div><img alt="@startuml left to right direction actor 游客 actor 用户 actor 管理员 rectangle 博客系统 { usecase &quot;浏览文章&quot; as UC1 usecase &quot;搜索内容&quot; as UC2 usecase &quot;发表评论&quot; as UC3 usecase &quot;点赞收藏&quot; as UC4 usecase &quot;审核评论&quot; as UC5 usec" src="https://www.plantuml.com/plantuml/svg/PP3BJi9058RNdASuOSz2Raj3uZFm09CoOfFI9krqPTm88XjJI8WQGv1s8ud9i02qoFFCvJ6CCf8EBh_pvJyvvsz5Z8GixddWqKk6BC3GxLunxBWXTPWR-40S5eGeyrpmp82QBkNeymzugiP3CNa6-8aGl-jH50ylWcTglLVxLxo6KXnHXqGKotARwBUHVBnNxuioaWZR5sT5FPwfJIQ6TuBlZAuMj4WcEbtgrK3pBwDh1QrkTtexbzCF_PGONI-cUIeNkPLksCj5thTEQy8DmE5rh5JEVu-ri0g7BexMmXDRix4En-hCfF5lqeGMzJjnp_i6" loading="lazy" /></div></div></section> <section><h2>组件图示例<a href="#组件图示例"><span>#</span></a></h2><div><div><img alt="@startuml package &quot;Firefly Site&quot; { [Astro App] as App [Markdown Parser] as Parser [PlantUML Encoder] as Encoder [Theme Switcher] as Theme [Search Indexer] as Search } cloud &quot;PlantUML Server&quot; as " src="https://www.plantuml.com/plantuml/svg/JL51QiCm43nxNp7u7dht8IIK5WeD15oVJ0-oj8sDPKcLvAIbzEz5YX9wqZ2pxCoiTY4A7zT5anDo5YT6_Jnv_j3VQAV8DNwewlSXUekzS-yG8RrKzGVXPsKl1aVX0_kiN25L_L4B4xl3AvwCjAge1LFLlusyCDhB5ELOn4nHrRSil1pnOXH_5UbAqI-Hr7PLgE_RM_PdzdMsxaY9A0OH6FMZDP5DH1kjvomNXcZl73QRROcA1Yu1BAKD5JwDbBnem1d19TzrqHYqbNEWsq3Urw61vy-LGqGud-v6rwuDGcuB9VpyeAVJ616yl4-LsWs6TT8ABdt4b6xmFz2jLZ8I2iw666Z7HgsB_WC0" loading="lazy" /></div></div></section> <section><h2>部署图示例<a href="#部署图示例"><span>#</span></a></h2><div><div><img alt="@startuml node &quot;User Device&quot; { artifact &quot;Browser&quot; } node &quot;CDN / Edge&quot; { artifact &quot;Static Assets&quot; } node &quot;Cloudflare Worker&quot; { artifact &quot;SSR Handler&quot; } node &quot;PlantUML Service&quot; { artifact &quot;SVG Re" src="https://www.plantuml.com/plantuml/svg/ROz1Jy9044RFxg_uqZlfdOD1WS11r53Hyz2TraAxYpDJE1Z_kqb3J6azxtkpxvkfaLZRr2v4pqXsoe85dwkS4toxEnAh2ieDoQF4Yx8axiTTsVdY6IcMlXoYcP5LEHvKsRGlrB7rHKt2-8XoP1bwsHPh2hw--UQrfc2xpHCobd-wilSLjXmyozNoPBGdPIGl-mFdXioYq2XoGtBqyH8mZy4uMEV-hSHaSZySWYbMopSSDCrLqwefHtYl7rC8VxMiXXELx6uVEtnKq3daSOfgezlzcPYYOCi_uIigXHhekNGp3hvjwby0" loading="lazy" /></div></div></section> <section><h2>ER 图示例<a href="#er-图示例"><span>#</span></a></h2><div><div><img alt="@startuml entity User { *id : uuid &lt;&lt;PK&gt;&gt; -- username : varchar email : varchar created_at : datetime } entity Post { *id : uuid &lt;&lt;PK&gt;&gt; -- author_id : uuid &lt;&lt;FK&gt;&gt; title : varchar content : " src="https://www.plantuml.com/plantuml/svg/VP2x2W9134NhoLUa5lO71X51iB6niPRiJc07vY6JZ0_KVvTTKHGVRKwIavkvA1MjCG0dzNh2ZN31CvY9TsYnLkzmEbslPZCmJGEc2fT4aT7YdahNKm73aNnuBNI5ITbjIT6Y8sNraU4A3ySwY_vnKDK-b-qhN8vGlOOtSvUJSXeioaS5iwjjyDB_KIzoZCF4R_ikYtvn3y6_bDliJa_zpzpZKo-NfiddUtYBX-ALvOqyRhDuNoGmzdxGdWJcd5oDuGO0" loading="lazy" /></div></div></section> <section><h2>时序图示例（登录与刷新令牌）<a href="#时序图示例登录与刷新令牌"><span>#</span></a></h2><div><div><img alt="@startuml autonumber actor User as 用户 participant Web as 前端页面 participant API as 网关接口 participant Auth as 认证服务 database Redis as 会话缓存 用户 -&gt; 前端页面 : 输入账号密码并提交 前端页面 -&gt; 网关接口 : POST /login 网关接口 -&gt; 认证服务 : " src="https://www.plantuml.com/plantuml/svg/bP3BJi9068NtynJ_thGIbrqqk7GbyHANPYYZ4A4bxVG1M70D5GrAn42u2CPee2HUY0BwCioql8L1t0ma1jVVEJFVVu8MnIQr4t64RMheTY9CJ8GrQfXmQ14Ji0NUrGFF3L4IcpIcnP9Oft14mdF2yextvCvQhxDwM-3RePsVvkIIfP_vUPULxaHkq-WyuFSxlflYDOSLMYY2AGvZYy0UYSIiEPwERtstxetBh7U3qC8395Nu5nJmFyiitVLVxbbfoDoCrqonzpTUkfX-T90GbLH12HG8xUuVm6RSE8tfI42IAiY10hpPcZqMMRR7dJuIcAGAfg00orHPkWicEJ695JscnXdHbpghBbZJY6Kjmh2nL1RbLZVO2WJ0guxOv9hdBbYXWP0io-AJ_bUMrneWop9QRvPVW_M6-VFObO7yIPyxxNyEn2i3uQArHk6LmNJKyV9552Hwn4x4lm40" loading="lazy" /></div></div></section> <section><h2>C4 风格容器图示例<a href="#c4-风格容器图示例"><span>#</span></a></h2><div><div><img alt="@startuml !includeurl https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml Person(user, &quot;博客访客&quot;, &quot;阅读文章与搜索内容&quot;) System_Boundary(system, &quot;Firefly Blog&quot;) { Container(we" src="https://www.plantuml.com/plantuml/svg/PL7BJjj055tNNp7robP3l67L5I7b9GKHnQ6egyYE9udBn8x6Oq9KLQeeeLMbGDHIYWfL6fTAIAXs7w2cGOAVoTZENrHZfsaYTZFtddlkkUVCMKJ1nAuYxhvk596jGHiZK26aPZsK9ApKasMTL6pLjY0kcWQ11aaMpQfKGuh1ncOieY5TbTApCrbMMb_DI5N58X1BwTb2sZI8eXiG9sji1PU5s38DWP4b04zR7wdhXEujTHq-0VZXSJFqhlsZLy75vq5lts-V1fSEtMjIzmylSfpSi0Yi5kPDsz0Kt12iw9y0_AAEOGarm3mooxm8dd7tndk5EbGJWD-0AaZLQcn9oYBO10-0l0KHWQpYztxwdNV3xjNmapFexG_wPuF-MrwSOZ7nPYHPbdDW8_gmoJGoRQs450n7HOjLwTbkqDxpJrlqJJUuy6BwqFlj_zYPOdsa2YD76LNy0Z8nSQHgLS6RcbatW0JMrAUm6BUKSjIatuxfpldOgV1gr--tQVEb__wxttAdjLjGmSKAqnuzm8gXmMr6abNAiAGRMkJ1GNjmSqARZDF_yYAuT7YHUpxsV66R2FyIPvEZf84CyLPiHN3OyL-tWVnu2T2Jcx1xpXBBGJJAEeuXT6-77rm6Nyxdip8lHeYeDtOuDWeme-D8xi17oF_UXTurFJYAtPZa75_kTxw6daERluQ7RkYr9Z4JLyMRO_Ni47P19lLaRJrVo2mivWkvbQNbl21oSz3Gx2hw2m00" loading="lazy" /></div></div></section>https://blog.s520j.cn/posts/markdown-tutorial/https://blog.s520j.cn/posts/markdown-tutorial/一个简明的 Markdown 博客示例。Thu, 01 Jan 1970 00:00:00 GMT<p>这是一个展示如何编写 Markdown 文件的示例。本文档汇总了核心语法与常见扩展（GFM）。</p> <ul> <li><a href="#block-elements">块级元素</a> <ul> <li><a href="#paragraphs-and-line-breaks">段落与换行</a></li> <li><a href="#headers">标题</a></li> <li><a href="#blockquotes">引用</a></li> <li><a href="#lists">列表</a></li> <li><a href="#code-blocks">代码块</a></li> <li><a href="#horizontal-rules">分割线</a></li> <li><a href="#table">表格</a></li> </ul> </li> <li><a href="#span-elements">内联元素</a> <ul> <li><a href="#links">链接</a></li> <li><a href="#emphasis">强调</a></li> <li><a href="#code">行内代码</a></li> <li><a href="#images">图片</a></li> <li><a href="#strikethrough">删除线</a></li> </ul> </li> <li><a href="#miscellaneous">杂项</a> <ul> <li><a href="#automatic-links">自动链接</a></li> <li><a href="#backslash-escapes">反斜杠转义</a></li> </ul> </li> <li><a href="#inline-html">内联 HTML</a></li> </ul> <p><a></a></p> <section><h2>块级元素<a href="#块级元素"><span>#</span></a></h2><p><a></a></p><section><h3>段落与换行<a href="#段落与换行"><span>#</span></a></h3><section><h4>段落<a href="#段落"><span>#</span></a></h4><p>HTML 标签：<code>&lt;p&gt;</code></p><p>使用一个或多个空行分隔段落。（仅包含<strong>空格</strong>或<strong>制表符</strong>的行也视为空行。）</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>This will be</span></div></div><div><div><div>2</div></div><div><span>inline.</span></div></div><div><div><div>3</div></div><div> </div></div><div><div><div>4</div></div><div><span>This is second paragraph.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>This will be inline.</p><p>This is second paragraph.</p><hr /></section><section><h4>换行<a href="#换行"><span>#</span></a></h4><p>HTML 标签：<code>&lt;br /&gt;</code></p><p>在行末添加<strong>两个或更多空格</strong>来产生换行。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>This will be not</span></div></div><div><div><div>2</div></div><div><span>inline.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>This will be not<br /> inline.</p><hr /><p><a></a></p></section></section><section><h3>标题<a href="#标题"><span>#</span></a></h3><p>Markdown 支持两种标题样式：Setext 与 atx。</p><section><h4>Setext<a href="#setext"><span>#</span></a></h4><p>HTML 标签：<code>&lt;h1&gt;</code>，<code>&lt;h2&gt;</code></p><p>使用<strong>等号 (=)</strong> 表示 <code>&lt;h1&gt;</code>、使用<strong>短横线 (-)</strong> 表示 <code>&lt;h2&gt;</code>，数量不限，作为“下划线”。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>This is an H1</span></div></div><div><div><div>2</div></div><div><span>=============</span></div></div><div><div><div>3</div></div><div><span>This is an H2</span></div></div><div><div><div>4</div></div><div><span>-------------</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /></section></section></section> <section><h1>This is an H1<a href="#this-is-an-h1"><span>#</span></a></h1><section><h2>This is an H2<a href="#this-is-an-h2"><span>#</span></a></h2><hr /><section><h4>atx<a href="#atx"><span>#</span></a></h4><p>HTML 标签：<code>&lt;h1&gt;</code>，<code>&lt;h2&gt;</code>，<code>&lt;h3&gt;</code>，<code>&lt;h4&gt;</code>，<code>&lt;h5&gt;</code>，<code>&lt;h6&gt;</code></p><p>在行首使用 1-6 个<strong>井号 (#)</strong>，对应 <code>&lt;h1&gt;</code> 至 <code>&lt;h6&gt;</code>。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span># This is an H1</span></div></div><div><div><div>2</div></div><div><span>## This is an H2</span></div></div><div><div><div>3</div></div><div><span>###### This is an H6</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /></section></section></section> <section><h1>This is an H1<a href="#this-is-an-h1-1"><span>#</span></a></h1><section><h2>This is an H2<a href="#this-is-an-h2-1"><span>#</span></a></h2><section><h6>This is an H6<a href="#this-is-an-h6"><span>#</span></a></h6><hr /><p>可选：你可以在行尾“闭合” atx 标题。末尾的井号数量<strong>不必与</strong>开头一致。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span># This is an H1 #</span></div></div><div><div><div>2</div></div><div><span>## This is an H2 ##</span></div></div><div><div><div>3</div></div><div><span>### This is an H3 ######</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /></section></section></section> <section><h1>This is an H1<a href="#this-is-an-h1-2"><span>#</span></a></h1><section><h2>This is an H2<a href="#this-is-an-h2-2"><span>#</span></a></h2><section><h3>This is an H3<a href="#this-is-an-h3"><span>#</span></a></h3><hr /><p><a></a></p></section><section><h3>引用<a href="#引用"><span>#</span></a></h3><p>HTML 标签：<code>&lt;blockquote&gt;</code></p><p>Markdown 使用邮件风格的 <strong>&gt;</strong> 作为引用符号。若手动换行并在每行前加 &gt;，显示效果最佳。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&gt; This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,</span></div></div><div><div><div>2</div></div><div><span>&gt; consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.</span></div></div><div><div><div>3</div></div><div><span>&gt; Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</span></div></div><div><div><div>4</div></div><div><span>&gt;</span></div></div><div><div><div>5</div></div><div><span>&gt; Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse</span></div></div><div><div><div>6</div></div><div><span>&gt; id sem consectetuer libero luctus adipiscing.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><blockquote><p>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</p><p>Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.</p></blockquote><hr /><p>Markdown 允许“偷懒”：在一个硬换行段落中，只在第一行前加 &gt; 即可。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&gt; This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,</span></div></div><div><div><div>2</div></div><div><span>consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.</span></div></div><div><div><div>3</div></div><div><span>Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span>&gt; Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse</span></div></div><div><div><div>6</div></div><div><span>id sem consectetuer libero luctus adipiscing.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><blockquote><p>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</p></blockquote><blockquote><p>Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.</p></blockquote><hr /><p>引用可以嵌套（引用中的引用），通过增加 &gt; 层级实现。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&gt; This is the first level of quoting.</span></div></div><div><div><div>2</div></div><div><span>&gt;</span></div></div><div><div><div>3</div></div><div><span>&gt; &gt; This is nested blockquote.</span></div></div><div><div><div>4</div></div><div><span>&gt;</span></div></div><div><div><div>5</div></div><div><span>&gt; Back to the first level.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><blockquote><p>This is the first level of quoting.</p><blockquote><p>This is nested blockquote.</p></blockquote><p>Back to the first level.</p></blockquote><hr /><p>引用内可包含其他 Markdown 元素，包括标题、列表与代码块。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&gt; ## This is a header.</span></div></div><div><div><div>2</div></div><div><span>&gt;</span></div></div><div><div><div>3</div></div><div><span>&gt; 1. This is the first list item.</span></div></div><div><div><div>4</div></div><div><span>&gt; 2. This is the second list item.</span></div></div><div><div><div>5</div></div><div><span>&gt;</span></div></div><div><div><div>6</div></div><div><span>&gt; Here's some example code:</span></div></div><div><div><div>7</div></div><div><span>&gt;</span></div></div><div><div><div>8</div></div><div><span>&gt; return shell_exec("echo $input | $markdown_script");</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><blockquote><h2>This is a header.<a href="#this-is-a-header"><span>#</span></a></h2><ol> <li>This is the first list item.</li> <li>This is the second list item.</li> </ol><p>Here’s some example code:</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>return shell_exec("echo $input | $markdown_script");</span></div></div></code></pre><div><div></div><div></div></div></figure></div></blockquote><hr /><p><a></a></p></section><section><h3>列表<a href="#列表"><span>#</span></a></h3><p>Markdown 支持有序（数字）与无序（圆点）列表。</p><section><h4>无序列表<a href="#无序列表"><span>#</span></a></h4><p>HTML 标签：<code>&lt;ul&gt;</code></p><p>无序列表可使用 <strong>星号 (*)</strong>、<strong>加号 (+)</strong> 或 <strong>短横线 (-)</strong>。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>* Red</span></div></div><div><div><div>2</div></div><div><span>* Green</span></div></div><div><div><div>3</div></div><div><span>* Blue</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><ul> <li>Red</li> <li>Green</li> <li>Blue</li> </ul><hr /><p>等价于：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>+ Red</span></div></div><div><div><div>2</div></div><div><span>+ Green</span></div></div><div><div><div>3</div></div><div><span>+ Blue</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>或者：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>- Red</span></div></div><div><div><div>2</div></div><div><span>- Green</span></div></div><div><div><div>3</div></div><div><span>- Blue</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h4>有序列表<a href="#有序列表"><span>#</span></a></h4><p>HTML 标签：<code>&lt;ol&gt;</code></p><p>有序列表使用数字加英文句点：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>1. Bird</span></div></div><div><div><div>2</div></div><div><span>2. McHale</span></div></div><div><div><div>3</div></div><div><span>3. Parish</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><ol> <li>Bird</li> <li>McHale</li> <li>Parish</li> </ol><hr /><p>注意：像下面这样可能会“意外触发”有序列表：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>1986. What a great season.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><ol> <li>What a great season.</li> </ol><hr /><p>你可以用<strong>反斜杠转义 (\)</strong> 句点：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>1986\. What a great season.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>1986. What a great season.</p><hr /></section><section><h4>列表中的缩进内容<a href="#列表中的缩进内容"><span>#</span></a></h4><section><h5>列表项里的引用<a href="#列表项里的引用"><span>#</span></a></h5><p>在列表项内放置引用，需要将 &gt; 符号整体缩进：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>* A list item with a blockquote:</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&gt; This is a blockquote</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&gt; inside a list item.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><ul> <li> <p>A list item with a blockquote:</p> <blockquote><p>This is a blockquote inside a list item.</p></blockquote> </li> </ul><hr /></section><section><h5>列表项里的代码块<a href="#列表项里的代码块"><span>#</span></a></h5><p>在列表项内放置代码块，需要缩进两层——<strong>8 个空格</strong>或<strong>两个 Tab</strong>：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>* A list item with a code block:</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;code goes here&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><ul> <li> <p>A list item with a code block:</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;code goes here&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div> </li> </ul><hr /></section><section><h5>嵌套列表<a href="#嵌套列表"><span>#</span></a></h5><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>* A</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>* A1</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>* A2</span></div></div><div><div><div>4</div></div><div><span>* B</span></div></div><div><div><div>5</div></div><div><span>* C</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><ul> <li>A <ul> <li>A1</li> <li>A2</li> </ul> </li> <li>B</li> <li>C</li> </ul><hr /><p><a></a></p></section></section></section><section><h3>代码块<a href="#代码块"><span>#</span></a></h3><p>HTML 标签：<code>&lt;pre&gt;</code></p><p>将代码块中的每行缩进至少<strong>4 个空格</strong>或<strong>1 个制表符</strong>。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>This is a normal paragraph:</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span><span> </span></span><span>This is a code block.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>This is a normal paragraph:</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>This is a code block.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>代码块会一直持续，直到遇到未缩进的行（或文末）。</p><p>在代码块内，<strong>与号 (&amp;)</strong> 和尖括号 <strong>(&lt; &gt;)</strong> 会自动转为 HTML 实体。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span> </span></span><span>&lt;div class="footer"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&amp;copy; 2004 Foo Corporation</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;div class="footer"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&amp;copy; 2004 Foo Corporation</span></div></div><div><div><div>3</div></div><div><span>&lt;/div&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>下文的“围栏代码块”和“语法高亮”属于扩展语法，你也可以用它们来书写代码块。</p><section><h4>围栏代码块<a href="#围栏代码块"><span>#</span></a></h4><p>使用成对的反引号围起来（如下所示），就不需要四空格缩进了。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>Here's an example:</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>```</span></div></div><div><div><div>4</div></div><div><span>function test() {</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>console.log("notice the blank line before this function?");</span></div></div><div><div><div>6</div></div><div><span>}</span></div></div><div><div><div>7</div></div><div><span>```</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>Here’s an example:</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>function test() {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>console.log("notice the blank line before this function?");</span></div></div><div><div><div>3</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section><section><h4>语法高亮<a href="#语法高亮"><span>#</span></a></h4><p>在围栏代码块后添加可选的语言标识，即可启用语法高亮（参见支持语言列表）。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>```ruby</span></div></div><div><div><div>2</div></div><div><span>require 'redcarpet'</span></div></div><div><div><div>3</div></div><div><span>markdown = Redcarpet.new("Hello World!")</span></div></div><div><div><div>4</div></div><div><span>puts markdown.to_html</span></div></div><div><div><div>5</div></div><div><span>```</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>require </span><span>'redcarpet'</span></div></div><div><div><div>2</div></div><div><span>markdown</span><span><span> </span><span>=</span><span> </span></span><span>Redcarpet</span><span>.</span><span>new</span><span>(</span><span>"Hello World!"</span><span>)</span></div></div><div><div><div>3</div></div><div><span>puts</span><span> markdown.</span><span>to_html</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p><a></a></p></section></section><section><h3>分割线（水平线）<a href="#分割线水平线"><span>#</span></a></h3><p>HTML 标签：<code>&lt;hr /&gt;</code> 一行中放置<strong>三个或以上的短横线 (-)、星号 (*) 或下划线 (_)</strong>。符号之间允许有空格。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>* * *</span></div></div><div><div><div>2</div></div><div><span>***</span></div></div><div><div><div>3</div></div><div><span>*****</span></div></div><div><div><div>4</div></div><div><span>- - -</span></div></div><div><div><div>5</div></div><div><span>---------------------------------------</span></div></div><div><div><div>6</div></div><div><span>___</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><p><a></a></p></section><section><h3>表格<a href="#表格"><span>#</span></a></h3><p>HTML 标签：<code>&lt;table&gt;</code></p><p>这是扩展语法。</p><p>用<strong>竖线 (|)</strong> 分隔列，用<strong>短横线 (-)</strong> 分隔表头，使用<strong>冒号 (:)</strong> 指定对齐方式。</p><p>两侧的<strong>竖线 (|)</strong> 与对齐可选。用于表头分隔时，每列至少需要 <strong>3 个短横线</strong>。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>| Left | Center | Right |</span></div></div><div><div><div>2</div></div><div><span>|:-----|:------:|------:|</span></div></div><div><div><div>3</div></div><div><span>|aaa |bbb |ccc |</span></div></div><div><div><div>4</div></div><div><span>|ddd |eee |fff |</span></div></div><div><div><div>5</div></div><div> </div></div><div><div><div>6</div></div><div><span><span> </span></span><span>A | B</span></div></div><div><div><div>7</div></div><div><span>---|---</span></div></div><div><div><div>8</div></div><div><span>123|456</span></div></div><div><div><div>9</div></div><div> </div></div><div><div><div>10</div></div><div> </div></div><div><div><div>11</div></div><div><span>A |B</span></div></div><div><div><div>12</div></div><div><span>--|--</span></div></div><div><div><div>13</div></div><div><span>12|45</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /> <table><thead><tr><th>Left</th><th>Center</th><th>Right</th></tr></thead><tbody><tr><td>aaa</td><td>bbb</td><td>ccc</td></tr><tr><td>ddd</td><td>eee</td><td>fff</td></tr></tbody></table> <table><thead><tr><th>A</th><th>B</th></tr></thead><tbody><tr><td>123</td><td>456</td></tr></tbody></table> <table><thead><tr><th>A</th><th>B</th></tr></thead><tbody><tr><td>12</td><td>45</td></tr></tbody></table><hr /><p><a></a></p></section></section><section><h2>内联元素<a href="#内联元素"><span>#</span></a></h2><p><a></a></p><section><h3>链接<a href="#链接"><span>#</span></a></h3><p>HTML 标签：<code>&lt;a&gt;</code></p><p>Markdown 支持两种链接样式：行内链接与引用式链接。</p><section><h4>行内链接<a href="#行内链接"><span>#</span></a></h4><p>行内链接格式：<code>[文本](URL "标题")</code></p><p>标题可选。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>This is [an example](http://example.com/ "Title") inline link.</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>[This link](http://example.net/) has no title attribute.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>This is <a href="http://example.com/" target="_blank">an example</a> inline link.</p><p><a href="http://example.net/" target="_blank">This link</a> has no title attribute.</p><hr /><p>如果引用同一站点的本地资源，可以使用相对路径：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>See my [About](/about/) page for details.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>See my <a href="/about/">About</a> page for details.</p><hr /></section><section><h4>引用式链接<a href="#引用式链接"><span>#</span></a></h4><p>可以预定义链接引用。定义格式：<code>[id]: URL "标题"</code></p><p>标题同样可选。引用时使用：<code>[文本][id]</code></p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[id]: http://example.com/ "Optional Title Here"</span></div></div><div><div><div>2</div></div><div><span>This is [an example][id] reference-style link.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>This is <a href="http://example.com/" target="_blank">an example</a> reference-style link.</p><hr /><p>说明：</p><ul> <li>方括号中包含链接标识（<strong>不区分大小写</strong>，可在左侧缩进最多三格空格）；</li> <li>随后是冒号；</li> <li>再跟一个或多个空格（或 tab）；</li> <li>然后是链接 URL；</li> <li>URL 可选地用尖括号包裹；</li> <li>可选地跟随标题属性，用引号或圆括号包裹。</li> </ul><p>以下三种定义等价：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[foo]: http://example.com/ "Optional Title Here"</span></div></div><div><div><div>2</div></div><div><span>[foo]: http://example.com/ 'Optional Title Here'</span></div></div><div><div><div>3</div></div><div><span>[foo]: http://example.com/ (Optional Title Here)</span></div></div><div><div><div>4</div></div><div><span>[foo]: &lt;http://example.com/&gt; "Optional Title Here"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>如果使用空的方括号，则链接文本本身会作为名称。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[Google]: http://google.com/</span></div></div><div><div><div>2</div></div><div><span>[Google][]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p><a href="http://google.com/" target="_blank">Google</a></p><hr /><p><a></a></p></section></section><section><h3>强调<a href="#强调"><span>#</span></a></h3><p>HTML 标签：<code>&lt;em&gt;</code>，<code>&lt;strong&gt;</code></p><p>Markdown 使用 <strong>星号 (*)</strong> 或 <strong>下划线 (_)</strong> 表示强调。<strong>一个分隔符</strong>对应 <code>&lt;em&gt;</code>；<strong>两个分隔符</strong>对应 <code>&lt;strong&gt;</code>。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>*single asterisks*</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>_single underscores_</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span>**double asterisks**</span></div></div><div><div><div>6</div></div><div> </div></div><div><div><div>7</div></div><div><span>__double underscores__</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p><em>single asterisks</em></p><p><em>single underscores</em></p><p><strong>double asterisks</strong></p><p><strong>double underscores</strong></p><hr /><p>但如果两侧有空格，则会被视作普通字符而非强调语法。</p><p>你可以使用反斜杠进行转义：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>\*this text is surrounded by literal asterisks\*</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>*this text is surrounded by literal asterisks*</p><hr /><p><a></a></p></section><section><h3>行内代码<a href="#行内代码"><span>#</span></a></h3><p>HTML 标签：<code>&lt;code&gt;</code></p><p>用<strong>反引号 (`)</strong> 包裹。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>Use the `printf()` function.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>Use the <code>printf()</code> function.</p><hr /><p>若行内代码中需要包含反引号字符，可使用<strong>多重反引号</strong>作为定界符：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>``There is a literal backtick (`) here.``</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p><code>There is a literal backtick (`) here.</code></p><hr /><p>行内代码两侧的定界符允许包含空格（开头一个、结尾一个），方便在代码起始或结尾放置反引号字符：</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>A single backtick in a code span: `` ` ``</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>A backtick-delimited string in a code span: `` `foo` ``</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>A single backtick in a code span: <code>`</code></p><p>A backtick-delimited string in a code span: <code>`foo`</code></p><hr /><p><a></a></p></section><section><h3>图片<a href="#图片"><span>#</span></a></h3><p>HTML 标签：<code>&lt;img /&gt;</code></p><p>Markdown 的图片语法与链接类似，支持行内与引用两种方式。</p><section><h4>行内图片<a href="#行内图片"><span>#</span></a></h4><p>行内图片语法：<code></code></p><p>标题可选。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span></span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p></p><figure><img src="https://s2.loli.net/2024/08/20/5fszgXeOxmL3Wdv.webp" alt="Alt text" /><figcaption>Alt text</figcaption></figure><p></p><p></p><figure><img src="https://s2.loli.net/2024/08/20/5fszgXeOxmL3Wdv.webp" alt="Alt text" title="Optional title" /><figcaption>Alt text</figcaption></figure><p></p><hr /><p>说明：</p><ul> <li>一个感叹号 !；</li> <li>后接方括号，放置图片的替代文本；</li> <li>再接圆括号，内含图片 URL/路径，及可选的标题（引号包裹）。</li> </ul></section><section><h4>引用式图片<a href="#引用式图片"><span>#</span></a></h4><p>引用式图片语法：<code>![替代文本][id]</code></p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[img id]: https://s2.loli.net/2024/08/20/5fszgXeOxmL3Wdv.webp "Optional title attribute"</span></div></div><div><div><div>2</div></div><div><span>![Alt text][img id]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p></p><figure><img src="https://s2.loli.net/2024/08/20/5fszgXeOxmL3Wdv.webp" alt="Alt text" title="Optional title attribute" /><figcaption>Alt text</figcaption></figure><p></p><hr /><p><a></a></p></section></section><section><h3>删除线<a href="#删除线"><span>#</span></a></h3><p>HTML 标签：<code>&lt;del&gt;</code></p><p>这是扩展语法。</p><p>GFM 增加了删除线语法。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>~~Mistaken text.~~</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>Mistaken text.</p><hr /><p><a></a></p></section></section><section><h2>杂项<a href="#杂项"><span>#</span></a></h2><p><a></a></p><section><h3>自动链接<a href="#自动链接"><span>#</span></a></h3><p>Markdown 支持一种便捷写法来创建“自动链接”（URL 与邮箱地址）：只需用尖括号将其包住即可。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;http://example.com/&gt;</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>&lt;address@example.com&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p><a href="http://example.com/" target="_blank">http://example.com/</a></p><p><a href="#">address@example.com</a></p><hr /><p>GFM 会自动识别标准 URL 并转换为链接。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>https://github.com/emn178/markdown</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p><a href="https://github.com/emn178/markdown" target="_blank">https://github.com/emn178/markdown</a></p><hr /><p><a></a></p></section><section><h3>反斜杠转义<a href="#反斜杠转义"><span>#</span></a></h3><p>Markdown 允许使用反斜杠来转义那些本用于 Markdown 语法的特殊字符，使其按字面显示。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>\*literal asterisks\*</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>*literal asterisks*</p><hr /><p>以下字符可通过反斜杠转义以按字面量输出：</p><p>Code:</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>\ backslash</span></div></div><div><div><div>2</div></div><div><span>` backtick</span></div></div><div><div><div>3</div></div><div><span>* asterisk</span></div></div><div><div><div>4</div></div><div><span>_ underscore</span></div></div><div><div><div>5</div></div><div><span>{} curly braces</span></div></div><div><div><div>6</div></div><div><span>[] square brackets</span></div></div><div><div><div>7</div></div><div><span>() parentheses</span></div></div><div><div><div>8</div></div><div><span># hash mark</span></div></div><div><div><div>9</div></div><div><span>+ plus sign</span></div></div><div><div><div>10</div></div><div><span>- minus sign (hyphen)</span></div></div><div><div><div>11</div></div><div><span>. dot</span></div></div><div><div><div>12</div></div><div><span>! exclamation mark</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p><a></a></p></section></section><section><h2>内联 HTML<a href="#内联-html"><span>#</span></a></h2><p>对于 Markdown 语法未覆盖的标记，直接使用原生 HTML 即可。无需特别声明从 Markdown 切换到 HTML，直接写标签就行。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>This is a regular paragraph.</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>&lt;table&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;tr&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>&lt;td&gt;Foo&lt;/td&gt;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>&lt;/tr&gt;</span></div></div><div><div><div>7</div></div><div><span>&lt;/table&gt;</span></div></div><div><div><div>8</div></div><div> </div></div><div><div><div>9</div></div><div><span>This is another regular paragraph.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p>This is a regular paragraph.</p><table> <tbody><tr> <td>Foo</td> </tr> </tbody></table><p>This is another regular paragraph.</p><hr /><p>请注意：在<strong>块级 HTML 标签</strong>内不会处理 Markdown 语法。</p><p>与块级标签不同，在<strong>行内级标签</strong>内会处理 Markdown 语法。</p><p>代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;span&gt;**Work**&lt;/span&gt;</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>&lt;div&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>**No Work**</span></div></div><div><div><div>5</div></div><div><span>&lt;/div&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>预览：</p><hr /><p><span><strong>Work</strong></span></p><div> **No Work** </div> ***</section></section>https://blog.s520j.cn/posts/video/https://blog.s520j.cn/posts/video/这篇文章演示如何在博客文章中嵌入视频。Thu, 01 Jan 1970 00:00:00 GMT<p>只需从 YouTube 或其他平台复制嵌入代码，然后将其粘贴到 markdown 文件中。</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>---</span></div></div><div><div><div>2</div></div><div><span>title</span><span>: </span><span>在文章中嵌入视频</span></div></div><div><div><div>3</div></div><div><span>published</span><span>: </span><span>2023-10-19</span></div></div><div><div><div>4</div></div><div><span>// ...</span></div></div><div><div><div>5</div></div><div><span>---</span></div></div><div><div><div>6</div></div><div> </div></div><div><div><div>7</div></div><div><span>&lt;iframe width="100%" height="468" src="https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_" title="YouTube video player" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <section><h2>YouTube<a href="#youtube"><span>#</span></a></h2></section> <section><h2>Bilibili<a href="#bilibili"><span>#</span></a></h2> </section>