📌 遇到的问题

1. 你在本地用 VSCode + Live Server 打开 index.html，页面能正常显示导航和标题，但 文章列表部分没有渲染出来。 页面提示依然是：

   提示：本列表通过脚本从 assets/articles.json 自动渲染。
   
   

   说明 JSON 没有成功加载或脚本没有执行。

2. 你发现：

   • articles.json 文件已存在，但文章没有显示。
   • 换了不同版本的 articles.json，情况相同。
   • 覆盖过 index.html、script.js 等文件后，问题依旧。
   • 在开发者工具中查看，列表区域是空白。

📌 解决方案步骤

1. 确认 JSON 是否能请求到

   • 文章列表依赖 assets/articles.json。

   • 如果请求不到（返回 404），自然无法渲染。

   • 建议在浏览器打开：

     <http://127.0.0.1:5500/assets/articles.json>
     
     

     确认能 200 成功返回内容。

2. 查看控制台报错

   • 我提醒你：

     “只要 assets/articles.json 能 200，列表就会渲染出来；如果还是不显示，打开 DevTools Console 看报错，把第一行错误贴给我。”

   • 通过 开发者工具 → Console 面板，查看并定位 script.js 中报错的行号。

3. 修复脚本

   • 我为你生成了 script_live_fix.js，替换掉原有的 personalblog/scripts/script.js。
   • 主要修复了：
     • JSON 加载路径问题。
     • 数据渲染逻辑 bug。
   • 覆盖后，重新运行并 Ctrl+F5 强制刷新，即可加载并显示文章列表。

📌 结果

• 问题的核心在于：articles.json 请求失败或 script.js 渲染逻辑错误。
• ✅ 通过确认 articles.json 路径正确，并替换修复后的 script.js，最终可以让文章列表在首页正常显示。

要不要我把最终 可用的 script.js 完整代码 再贴一份，方便你不用去找下载链接，直接替换？