.svg)
一、个人网站类型选择（先定方向再动手）
1. 静态网站 vs 动态网站（新手必看）
选择建议：若仅展示个人信息（如简历、作品），选静态网站（零成本托管）；若需发布文章、接收评论，选动态网站（WordPress 可视化操作）。
2. 核心准备清单（必做！）
静态网站：本地电脑（无需服务器）、域名（可选）、GitHub 账号（免费托管）。
动态网站：云服务器（1 核 2G 以上）、宝塔 / 1Panel 面板、域名（可选，备案后可上线）、实名认证材料（备案用）。
通用准备：浏览器（推荐 Chrome）、文件传输工具（如 FileZilla，可选）。
二、方案一：静态个人网站搭建（Hexo+GitHub Pages，零成本）
适合：个人作品集、简历展示、极简博客（无需服务器，免费托管）
1. 本地环境搭建
安装 Node.js：访问Node.js 官网，下载 LTS 版本（如 18.x），安装时勾选「Add to PATH」。
验证安装：本地打开命令提示符（Win）/ 终端（Mac），输入node -v和npm -v，显示版本号则成功。
安装 Hexo（静态生成器）：
npm install -g hexo-cli # 全局安装Hexohexo init my-portfolio # 创建网站目录（名称自定义）
cd my-portfolio # 进入目录
npm install # 安装依赖
2. 网站配置与内容编辑
启动本地预览：
hexo clean && hexo g && hexo s # 清理缓存→生成页面→启动本地服务浏览器访问http://localhost:4000，即可看到默认网站样式。
修改网站信息：用记事本打开_config.yml（网站配置文件），修改关键参数：
title: 我的个人作品集（网站标题）
author: 张三（作者名）
url: https://zhangsan.github.io（后续 GitHub Pages 地址）
发布内容：
新建文章：hexo new "我的项目经验"，在source/_posts目录下编辑 Markdown 文件（支持图文排版）。
上传作品：将图片放入source/images目录，文章中用引用。
3. 免费部署到 GitHub Pages（外网可访问）
注册 GitHub 账号：访问GitHub 官网，创建账号并新建仓库，仓库名必须为「用户名.github.io」（如zhangsan.github.io）。
配置 Hexo 部署：
安装部署插件：npm install hexo-deployer-git --save。
编辑_config.yml，添加部署配置：
deploy: type: git
repo: https://github.com/用户名/用户名.github.io.git # 仓库地址（复制GitHub仓库HTTPS链接）
branch: main
部署上线：
hexo clean && hexo g && hexo d # 部署到GitHub等待 1-3 分钟，访问https://用户名.github.io，即可看到外网可访问的静态网站。
三、方案二：动态个人网站搭建（WordPress + 云服务器，可交互）
适合：个人博客、自媒体平台（支持评论、动态更新，流程衔接之前教程）
1. 前置步骤（已完成可跳过）
购买云服务器（阿里云 ECS / 腾讯云 CVM），安装宝塔 / 1Panel 面板（参考之前教程）。
域名注册与解析：
域名购买：在阿里云万网、腾讯云 DNSPod 购买（如zhangsan.com，每年 50 元左右）。
域名解析：进入域名服务商控制台，添加 A 记录，主机记录填www或@，记录值填服务器公网 IP，TTL 设为 10 分钟。
2. WordPress 安装与基础配置（简化版，详细见之前教程）
宝塔面板一键部署：「软件商店」→搜索「WordPress」→填写域名 / 数据库信息→一键部署。
完成安装向导：访问域名，设置网站标题、管理员账号，进入后台（http://域名/wp-admin）。
个性化配置：
主题：「外观」→「主题」→安装免费主题（如「Astra」「GeneratePress」，适合个人博客）。
插件：安装「WP Super Cache」（缓存）、「Rank Math SEO」（SEO 优化）、「Contact Form 7」（联系表单）。
3. 网站备案（国内服务器必做！）
若使用中国大陆地区服务器（阿里云 / 腾讯云），网站要对外访问必须备案（免费，7-20 个工作日）：
备案准备材料（个人）：
有效期内身份证正反面照片（无反光、无遮挡）。
本人实名手机号 + 邮箱（需与身份证一致）。
域名证书（域名服务商下载，确认域名所有人为本人）。
备案幕布照片（向服务器商申请免费幕布，站在幕布前拍半身照，头顶留 10cm 空白）。
备案流程：
登录云服务商备案控制台（如阿里云备案），点击「新增备案」，选择「个人备案」。
填写网站信息（网站名称、域名、服务器 IP），上传准备好的材料照片。
接入商审核（1-3 个工作日）：审核通过后，提交至所在省份通信管理局。
管局审核（7-20 个工作日）：审核通过会收到短信通知，将备案号放在网站底部即可。
避坑提醒：
备案期间网站不可上线，否则会被管局打回。
个人备案网站名称不可用「中国」「官方」等敏感词，不可包含盈利性内容（如「招商加盟」）。
四、个人网站关键优化（提升体验与安全性）
1. 性能优化
静态网站：开启 GitHub Pages 缓存（默认开启），图片用 TinyPNG 压缩后上传。
动态网站：
开启页面缓存（WP Super Cache 插件），设置缓存过期时间为 1 小时。
图片自动压缩（Smush 插件），避免大图片拖慢加载速度。
禁用无用插件：仅保留必备功能，多余插件会占用服务器资源。
2. 安全优化
动态网站：
修改 WordPress 后台登录地址（WPS Hide Login 插件），避免默认wp-admin被暴力破解。
禁用文件编辑：在网站根目录wp-config.php添加代码define('DISALLOW_FILE_EDIT', true);。
定期备份：宝塔 / 1Panel 面板设置每周自动备份网站文件和数据库。
静态网站：无数据库，无需额外安全配置，仅需防范 XSS 攻击（避免插入不明 JS 代码）。
3. SEO 优化（让网站被搜索引擎收录）
配置网站地图：WordPress 安装「Rank Math SEO」，自动生成 sitemap.xml，提交至百度搜索资源平台。
关键词优化：文章标题、内容中自然融入核心关键词（如「张三的个人博客」「前端开发作品集」）。
开启 HTTPS：动态网站通过面板申请免费 SSL 证书（Let's Encrypt），勾选「强制 HTTPS 重定向」；静态网站在 GitHub Pages 配置中启用 HTTPS。
五、常见问题排查
1. 静态网站部署后无法访问
检查仓库名是否正确（必须为「用户名.github.io」）。
部署命令是否执行成功：若提示「权限不足」，在 GitHub 生成个人访问令牌（Settings→Developer settings→Personal access tokens），部署时用令牌作为密码。
浏览器缓存：按 Ctrl+F5 强制刷新，或等待 5 分钟后重试。
2. 动态网站备案被打回
材料问题：身份证照片模糊 / 反光，重新拍摄并上传。
网站名称违规：修改网站名称（如「张三的个人博客」改为「张三的技术笔记」）。
域名所有人不一致：确保域名所有人与身份证姓名一致，若不一致需过户域名。
3. 网站加载缓慢
服务器配置过低：1 核 1G 内存建议升级为 1 核 2G（动态网站）。
图片未压缩：用 TinyPNG 压缩图片，或安装图片压缩插件。
插件过多：禁用无用插件，仅保留 3-5 个必备插件。
六、后续功能扩展（按需添加）
1. 静态网站扩展
添加评论功能：集成 Disqus 或 Gitalk（通过 Hexo 插件，需 GitHub 账号）。
统计访问量：添加 Google Analytics 或百度统计代码（在_config.yml中配置）。
2. 动态网站扩展
文章分类与标签：后台「文章」→「分类目录」/「标签」，整理文章结构。
自定义导航栏：「外观」→「菜单」，添加「首页」「关于我」「作品集」等栏目。
开通留言板：用 Contact Form 7 创建留言表单，添加到「关于我」页面。
七、维护建议
定期更新：
动态网站：及时更新 WordPress 核心、主题、插件（后台有更新提示）。
静态网站：内容更新后，执行hexo clean && hexo g && hexo d重新部署。
数据备份：
动态网站：每周自动备份，重要内容额外导出为 Markdown 文件。
静态网站：将本地项目目录备份到 U 盘或云盘（如百度云）。
流量监控：
动态网站：安装「WordPress Stats」插件，查看访问量和访客来源。
静态网站：使用百度统计或 Google Analytics 跟踪访问数据。