3个实战案例：制作简单的个人网站怎么不被坑

找建站公司怕被坑高价？你不是一个人。去年我帮3个朋友搭建个人网站，全被坑了。一个花了8000块只做了个静态页，一个用了CMS系统结果跑不起来，还有一个被要求加钱买域名和服务器。这3个案例让我意识到，制作简单的个人网站，完全没必要找外包公司，自己搞更省钱、更可控。今天我就用三个实战案例，讲讲怎么避开这些坑，用最经济的方式搞定你的个人网站。

项目背景与需求

我帮的三个人都是自由职业者，一个是程序员，一个是设计师，还有一个是自媒体博主。他们各自的需求其实都挺简单，就是想要一个能展示作品、发布文章或者提供服务的个人网站。但每个人的背景不同，需求也略有差异。

第一个朋友是个程序员，想做个技术博客，展示自己的项目和经验。他希望网站能有文章发布功能、评论系统，最好能集成GitHub的项目列表。但一开始他找了一家建站公司，对方说“这个功能要定制开发，得收5000块起步”。最后他放弃了，自己用WordPress搭了个网站，不到200块就搞定了。

第二个朋友是个设计师，想要一个简洁、现代的个人网站，展示作品集。她找了一家专门做企业官网的公司，结果对方坚持要加一个在线预订功能，说“这个功能能提升用户转化率”，最后多花了1500块，结果这个功能她根本用不上。

第三个朋友是个自媒体博主，想找一家能快速出站的公司。结果对方在报价单上写得特别模糊，只写了个“基础版建站”，价格是3000块，但上线后发现网站打开特别慢，还经常崩溃，最后发现是服务器配置太差，对方也没解释清楚。

从这些案例来看，制作简单的个人网站，其实并不需要花大钱，也不需要复杂的定制功能。关键是你得明确自己的需求，同时选对工具和平台。

技术选型

如果你是一个新手，想要制作简单的个人网站，技术选型就尤为重要。你不能像程序员那样选Node.js加React，那样成本太高了。你要找的是适合个人用的轻量级方案。

静态网站方案

如果你只是展示作品、写博客，那推荐你用静态网站方案。这种方案成本最低，技术门槛也低。我常用的是GitHub Pages + Jekyll。

Jekyll是一个静态网站生成器，适合写技术博客或者个人作品集。它的优点是完全免费，而且可以和GitHub无缝对接。你只需要写Markdown格式的内容，Jekyll就会帮你生成一个完整的网站。GitHub Pages还能自动部署，非常方便。

我用这个方案给第一个程序员朋友搭建了网站，不到200块就搞定。而且Jekyll的文档非常详细，你可以在GitHub上找到很多模板和案例。我推荐你去GitHub搜索“Jekyll theme”看看，里面有很多免费的主题。

博客平台方案

如果你是自媒体博主，想要快速出站，可以考虑用WordPress或者Hexo。这两个平台都支持快速搭建博客，而且功能丰富，可以满足你的内容发布需求。

WordPress是老牌博客平台，功能强大，插件也多。你可以在WordPress上装各种插件，比如评论系统、SEO优化插件等。不过它的缺点是配置稍微复杂，而且需要买域名和服务器。

Hexo也是不错的选择，它和Jekyll类似，但更注重速度和性能。我推荐你去GitHub上找Hexo的模板，里面有很多适合个人网站的主题。

免费建站平台

如果你实在不想自己动手，也可以考虑用一些免费建站平台，比如Wix、Squarespace等。这些平台操作简单，界面友好，适合小白使用。

不过这些平台也有缺点，比如你不能自由定制代码，功能受限，而且有些平台会限制你的网站内容。如果你是做技术类内容，这些平台可能不太适合。

所以，制作简单的个人网站，技术选型一定要根据你的需求来。如果你只是展示作品或者写博客，用静态网站方案就完全够用了。如果你是做自媒体，可以考虑用WordPress或者Hexo。如果你不想动手，也可以用Wix、Squarespace这些平台。

核心实现（配代码片段）

接下来，我以GitHub Pages + Jekyll为例，给你展示一下制作简单的个人网站的具体实现过程。

步骤1：创建GitHub仓库

首先，你需要在GitHub上创建一个新的仓库，仓库名可以是你的用户名.github.io，比如“myname.github.io”。这样GitHub就会自动帮你托管网站。

然后，点击“Create repository”，创建好仓库之后，进入仓库的页面，点击“Settings”选项卡，在“Pages”部分选择“Deploy from a branch”，然后选择“main”或者“master”分支作为源。

步骤2：安装Jekyll

接下来，你需要在本地安装Jekyll。如果你用的是Mac系统，可以使用Homebrew来安装Jekyll：

brew install jekyll

如果你用的是Windows系统，可以使用Ruby来安装Jekyll。不过这个过程可能比较麻烦，我建议你用Docker来运行Jekyll，这样就不用折腾本地环境了。

步骤3：创建Jekyll项目

在你的GitHub仓库里，创建一个名为“index.html”的文件，然后写入以下内容：

<!DOCTYPE html>
<html>
<head><title>我的个人网站</title>
</head>
<body><h1>欢迎来到我的个人网站</h1><p>这是我的个人网站，用于展示我的作品和想法。</p>
</body>
</html>

然后，把文件推送到GitHub仓库。GitHub Pages会自动帮你部署网站，你就可以通过“myname.github.io”访问了。

步骤4：使用Jekyll主题

如果你想让网站看起来更专业，可以用Jekyll的主题。你可以在GitHub上搜索“Jekyll theme”，找到你喜欢的主题，然后下载并导入到你的项目中。

Jekyll的主题通常包括布局、CSS样式、JavaScript脚本等。你只需要修改一些配置文件，就可以快速搭建一个好看的网站。

步骤5：发布文章

如果你是写博客，可以用Markdown格式写文章，然后保存为“.md”格式的文件，放在“_posts”目录下。Jekyll会自动帮你生成HTML页面。

比如，你可以创建一个名为“2023-08-01-我的第一篇文章.md”的文件，内容如下：

---
layout: post
title: 我的第一篇文章
---这是我写的第一篇文章，内容可能有点水，但我会继续努力。

然后把文件推送到GitHub仓库，网站就会自动更新，你可以通过“myname.github.io/2023/08/01/我的第一篇文章”访问这篇文章。

上线与优化

网站上线之后，最重要的就是优化，特别是如果你是做SEO的，网站优化就显得尤为重要。我这边给你总结一下几个关键点。

域名与服务器

如果你用的是GitHub Pages，那你的域名就是“myname.github.io”，这个域名是免费的，但如果你想要一个更好的域名，比如“mywebsite.com”，那就要去注册一个域名。

注册域名可以在阿里云、腾讯云、Namecheap等平台进行，价格一般在几十到几百元不等。如果你是做SEO的，建议你选择一个容易被搜索的域名，比如包含关键词的域名。

服务器方面，如果你用的是GitHub Pages，那就不用考虑服务器问题了，GitHub会自动帮你托管。但如果你用的是WordPress或者其他平台，那就需要自己购买服务器，或者使用云服务器。

SEO优化

SEO优化是网站上线之后最重要的事情之一。如果你是做技术博客，SEO优化做得好，你的网站就能被更多人看到。

SEO优化主要包括以下几个方面：

标题和描述：每个页面的标题和描述要包含关键词，同时要简洁明了。
内容质量：文章内容要有价值，不能抄袭，也不能堆砌关键词。
网站结构：网站结构要清晰，页面之间要有合理的链接。
图片优化：图片要有ALT标签，文件名要包含关键词。
网站速度：网站加载速度要快，否则会影响SEO排名。

如果你是用WordPress建站，可以安装一些SEO插件，比如Yoast SEO，它可以帮助你优化网站内容。

如果你是用Jekyll，那你可以在HTML文件中添加meta标签，比如：

<head><meta charset="UTF-8"><title>我的个人网站 - 技术博客</title><meta name="description" content="这是我的个人网站，用于展示我的作品和想法。"><meta name="keywords" content="个人网站, 技术博客, 作品集">
</head>

这样搜索引擎就能更好地抓取你的网站内容。