0成本建个人网站？免费做自我介绍网站对比评测全攻略
自己不会代码想做网站，但又不知道从哪儿下手？最近我帮朋友搞了个【免费做自我介绍网站】项目，过程中踩了坑也摸清了门道。今天就把这些踩过的坑、用过的工具、选型的思路都讲清楚，帮你少走弯路。
项目背景与需求
我朋友是做设计的，想做个个人作品集网站，展示自己的设计作品和简历。他预算有限，而且完全不懂代码，只希望找个简单靠谱的方式上线网站。这和很多刚起步的自由职业者、学生、创业者的需求是一样的：不花钱、不求复杂、只求能用。
这类【免费做自我介绍网站】项目有几个基本需求：
- 快速搭建：不能等一个月等网站上线。
- 零代码操作：不能写代码，得靠可视化界面。
- 免费或低成本：不能花太多钱，尤其是试水阶段。
- 支持移动端：现在浏览网站基本都在手机上。
- 可以自定义内容：至少能添加简历、作品、联系方式等基本内容。
这些要求听起来简单，但实际选工具和平台时还是得好好对比评测。
技术选型：选对工具是关键
常见免费建站工具对比
| 工具名称 | 是否免费 | 是否支持自定义域名 | 是否支持移动端 | 是否支持代码自定义 | 适合人群 |
|---|---|---|---|---|---|
| Wix | 是 | 支持（需付费） | 是 | 否 | 零基础用户 |
| WordPress.org + Bluehost | 是（开源） | 支持 | 是 | 是（需基础代码知识） | 稍有经验的用户 |
| Webflow | 免费版本有限 | 支持（需付费） | 是 | 是 | 有一定审美和排版需求 |
| GitHub Pages + Jekyll | 是 | 不支持（需绑定域名） | 是 | 是 | 稍懂代码的用户 |
| Google Sites | 是 | 不支持 | 是 | 否 | 简单展示内容的用户 |
从表中可以看出，如果完全不会代码，Wix和Google Sites是最适合的选择，但这两个工具都有不支持自定义域名或者功能受限的问题。Webflow虽然强大，但对新手不太友好。GitHub Pages + Jekyll虽然免费，但对不会代码的人来说门槛较高，除非你愿意花点时间学习基础HTML和Markdown。
不过我朋友的需求比较基础，而且他希望将来能自己修改内容，所以最终我们选择了WordPress.org + Bluehost，因为：
- WordPress 是目前最流行的建站系统，有丰富的插件和主题。
- Bluehost 是 WordPress 官方推荐的主机，安装和配置简单。
- 虽然不是完全免费，但基础功能足够满足需求。
- 可以自定义域名和内容，支持移动端优化。
核心实现：从0到1搭建网站
第一步：注册域名和购买主机
选好域名后，去 Bluehost 注册并购买一个共享主机套餐（约 3~5 美元/月），然后在后台安装 WordPress。
安装完成后，你就可以进入 WordPress 的后台，开始添加内容了。
第二步：选择合适的主题
WordPress 有数千个免费主题，我们选了一个叫 Astra 的轻量级主题，因为它：
- 界面简洁，适合展示个人作品
- 移动端优化好
- 加载速度快
- 支持自定义颜色、字体、布局
第三步：添加内容并配置
在 WordPress 后台，添加几个页面，比如：
- 首页（展示介绍、作品）
- 关于我（个人简介）
- 作品集（展示作品图片+说明）
- 联系我（邮箱或表单）
如果你不会写代码，推荐使用Elementor插件，它是一个可视化页面编辑器，操作起来像拖拽一样简单。
代码示例（如果你愿意尝试）：
<section class="portfolio"><h2>作品集</h2><div class="projects"><div class="project"><img src="image1.jpg" alt="项目1"><h3>项目1标题</h3><p>项目1简介</p></div><div class="project"><img src="image2.jpg" alt="项目2"><h3>项目2标题</h3><p>项目2简介</p></div></div>
</section>
这段代码可以在 Elementor 中直接拖拽组件生成，不需要手动写代码。
第四步：SEO 优化
虽然网站上线了，但为了让更多人看到，SEO 优化也很重要。
我们做了以下几点：
- 安装了 Yoast SEO 插件，用来优化标题、描述、关键词等。
- 添加了 Alt 文字 到图片上，提高图片搜索排名。
- 添加了 结构化数据（使用 Schema.org 的 JSON-LD 格式），方便搜索引擎识别网站内容。
代码示例（结构化数据）：
<script type="application/ld+json">
{"@context": "https://schema.org","@type": "Person","name": "张三","url": "https://www.zhangsan.com","description": "张三是一名自由设计师，专注于UI/UX设计和网页开发。","jobTitle": "UI/UX设计师","worksFor": {"@type": "Organization","name": "自由职业者"},"sameAs": ["https://www.linkedin.com/in/zhangsan","https://github.com/zhangsan"]
}
</script>
这段代码放在网站的 <head> 区域，帮助搜索引擎识别网站内容和作者信息。
上线与优化：从建站到推广
部署到线上环境
我们选择的是 Bluehost，它支持自动安装 WordPress，所以部署起来非常简单。安装完成后，通过后台设置网站地址，绑定域名即可访问。
优化网站速度与体验
- 使用 WP Rocket 插件优化缓存和加载速度。
- 使用 CDN（内容分发网络）来提高访问速度（可选）。
- 压缩图片，避免大图影响加载速度。
优化移动端体验
WordPress 本身就支持响应式设计，但为了更佳的体验，我们做了以下优化：
- 使用 Astra 的移动端主题样式。
- 在后台设置手机端的导航菜单和按钮大小。
- 使用 MobilePress 插件，优化移动端内容展示。
推广网站
网站上线后，我们做了这些推广：
- 在社交平台上宣传网站链接。
- 在 LinkedIn、GitHub 等平台添加个人资料链接。
- 通过 Google 搜索优化，提高网站在搜索结果中的排名。
- 在作品集里添加联系方式，吸引潜在客户。
经验总结：少走弯路的建议
选对工具是关键
如果你是完全不会代码的新手，推荐使用 WordPress.org + Bluehost 或者 Wix，这两个平台功能齐全、操作简单，能快速上线网站。
如果你有基础代码能力，可以尝试 GitHub Pages + Jekyll，这样网站完全免费，还能锻炼你的技能。
域名和主机要早规划
别等到网站建好了才去注册域名，很多域名已被注册，而且好域名可能价格不菲。建议一开始就确定好域名，避免麻烦。
SEO 优化不能忽视
即使网站是免费建的，SEO 优化仍然很重要，否则没人会来访问。推荐安装 Yoast SEO、All in One SEO 这类插件，提高网站在搜索引擎的排名。
安全和备份要重视
WordPress 网站容易受到攻击，所以要定期备份网站，并安装安全插件，如 Wordfence，防止恶意软件入侵。
学会自己修改内容
网站内容会随着你的发展不断变化，建议学会自己添加、修改内容。可以使用 Elementor 等可视化编辑工具，避免每次都找人帮忙。
你踩过哪些建站的坑？评论区交流
