《self.so》使用教程:3步搭建AI驱动个人网站

self.so是一款开源的AI驱动个人网站生成工具，用户可通过上传个人简介、项目经历、技能标签等内容，快速生成美观且功能完整的个人主页。该工具支持自定义主题、响应式布局与一键部署，适合开发者、设计师、自由职业者等希望高效建立在线形象的人群。掌握《self.so》的核心操作流程，能显著提升建站效率，无需前端开发经验也能完成专业级网站搭建。

前期准备与环境配置

1. 确保本地已安装Node.js（版本16或以上）与Git工具。可在命令行输入`node -v`和`git --version`验证是否安装成功。
2. 克隆self.so官方仓库到本地:在终端执行命令`git clone https://github.com/self-so/self.so.git`，完成后进入项目目录`cd self.so`。
3. 安装项目依赖:运行`npm install`，等待所有依赖包下载完毕。此步骤完成后，开发环境即准备就绪。

核心功能操作步骤

1. 启动本地开发服务器:在项目根目录执行`npm run dev`，系统将自动启动本地服务，默认访问地址为`http://localhost:3000`。浏览器打开该地址可预览初始页面。
2. 编辑个人信息:打开`/data/profile.json`文件，修改姓名、头像链接、职业描述、社交媒体账号等字段。保存后，前端页面将实时刷新并显示更新内容。
3. 配置项目展示:在`/data/projects.json`中添加项目条目，包括标题、描述、封面图链接及部署地址。每新增一条记录，首页的“Projects”模块将同步显示对应卡片。
4. 选择并切换主题:通过修改`/data/config.json`中的`theme`字段，可在支持的主题间切换（如“light”、“dark”或“minimal”）。更改后刷新页面即可查看效果。
5. 构建静态文件:完成配置后，运行`npm run build`，系统将生成优化后的静态资源，输出至`/dist`目录，用于后续部署。

实用技巧与注意事项

- 使用语义化标签填写技能项（如“JavaScript”、“UI设计”），有助于AI自动生成更精准的技能可视化图表。 - 图片资源建议使用CDN链接或托管至GitHub Pages，确保加载速度与稳定性。 - 若需添加自定义样式，可在`/public/css/custom.css`中编写CSS规则，避免修改核心组件文件，便于后续版本升级。 - 每次修改JSON配置文件后，务必检查格式是否符合JSON标准（如引号闭合、逗号使用），防止因语法错误导致页面渲染失败。

常见问题解决

1. 页面未更新:清除浏览器缓存或尝试无痕模式访问；若使用本地开发服务器，确认是否已正确保存文件并触发热重载。
2. 构建报错:检查Node.js版本是否符合要求，或删除`node_modules`目录后重新执行`npm install`。
3. 部署后页面空白:确认`/dist`目录已正确上传至服务器，并检查服务器是否配置为默认索引文件（如`index.html`）提供服务。
4. 无法克隆仓库:确保网络可访问GitHub，或尝试使用镜像地址替换原仓库URL。 通过以上步骤，用户可完整掌握《self.so》从环境搭建到上线发布的全流程，实现个性化网站的快速构建。