说实话，你打开这篇文章，可能已经被“建网站”这三个字吓过好几回了。我太懂这种感受了，因为两年前我自己也是这么想的。那时候我想给家里的小卖部做个页面，在网上搜了一堆教程，什么HTML、CSS、服务器、域名……每个字我都认识，连在一起就完全看不懂了。后来我花了整整一个周末，踩了无数坑，才明白一个道理：建一个简单的网站，压根不需要你懂编程，更不需要你是个技术大牛。你只需要一个下午，一杯咖啡，跟着我一步步来，就能看到一个属于你自己的页面在浏览器里乖乖地显示出来。

咱们先别急着碰那些听起来很吓人的专业软件。你电脑上其实就藏着一个现成的工具——记事本，或者你用Mac的话，就是文本编辑。别笑，真的，所有网站的源代码，本质上就是一堆纯文本。你打开记事本，随便敲几个字，比如“这是我的第一个网站”，然后点击“文件”-“另存为”，文件名改成“index.html”，注意后缀一定要是“.html”而不是“.txt”，保存的时候编码选“UTF-8”。然后你双击这个文件，浏览器会自动弹开，你刚才打的那几个字就出现在网页上了。恭喜你，你已经完成了一个网站的雏形，虽然它丑得像个没穿衣服的模特，但骨架已经有了。

接下来我们给这个“裸体模特”穿件衣服。你刚才在记事本里写的那几个字，浏览器能看懂，但如果你想让它变成“真正的网站”，你得用浏览器听得懂的语言跟它说话。这种语言叫HTML，它的标签就像积木一样。你把刚才的文字删掉，换成这一串：先打个尖括号，里面写上“html”，再打个斜杠和“html”关掉它。在这对标签中间，你放一个“head”标签，里面写“title”标签，用来给网页起名字；再放一个“body”标签，里面写你想展示给别人的内容。比如你在“body”里写上“

欢迎光临我的小卖部

”，保存刷新，你会发现那几个字变成了大标题，而且自动居中了。这感觉是不是有点像第一次学会骑自行车，歪歪扭扭但特别兴奋？

但光有文字太干巴了，咱们得让它有点颜色。这时候该轮到CSS出场了，你可以把它理解成给网站化妆的化妆品。你不需要另外建文件，直接在“head”标签里加一个“style”标签，然后在里面写几行代码。比如你对“h1”这个标题说：“color: red;”它就会变红；你对“body”说：“background-color: f0f0f0;”背景就会变成浅灰色。你还可以给文字加个边框，或者让文字居中、变粗。你每保存一次，刷新一次浏览器，就能看到变化，这种即时反馈的快感，比玩手游还上头。我那天晚上就是光调颜色就调了一个小时，什么“深蓝”“浅蓝”“天蓝”“雾霾蓝”，全试了一遍。

你别看现在这页面挺简陋，但它已经是个完整的网站了。不过有个问题——你双击打开的是你电脑上的本地文件，只有你自己能看。想让朋友也看到，你得把它放到互联网上。这就涉及到“域名”和“服务器”了。别慌，我教你一个最省事的办法。你去搜“GitHub Pages”，这是个免费的服务，专门给人放静态网页的。你注册个账号，新建一个仓库，把刚才那个“index.html”文件传上去，然后在设置里打开Pages功能，等个一分钟，它就会给你一个网址，形如“你的用户名.github.io”。把这个链接发给你朋友，他在任何地方点开，都能看到你的小卖部页面了。一分钱不花，这就是你网站在互联网上的第一个家。

当然，我知道你肯定不满足于只做一个纯文字的页面。你想放照片，想弄个好看的轮播图，甚至想加个留言板。这时候你可能会想到那些网站搭建工具，比如WordPress、Wix或者国内的建站平台。我建议你先把刚才手写代码这套流程走完，因为一旦你理解了网页的底层逻辑，再用那些拖拽式工具，你会觉得它们就像傻瓜相机一样简单。你甚至可以去搜一些免费的网页模板，下载下来用记事本打开，你会发现里面就是密密麻麻的HTML和CSS代码，但因为你现在已经认识它们了，你就能照着改文字、换图片，把别人的模板变成你自己的作品。这种掌控感，是用模板工具直接改图给不了的。

我想提醒你一句，别指望一次就能建成一个完美的网站。我的第一个页面，现在看来简直惨不忍睹，字体大小不一，颜色搭配像被打过一拳。但关键是，我通过那个下午搞懂了一件事：网站不是什么神秘的黑科技，它就是你写下的文字，加上一点点格式，放在一个能被别人访问到的地方。你不需要会写代码，你只需要会打字、会保存文件，外加一点耐心。所以，现在就去打开你的记事本吧，敲下第一行字，无论多丑，那都是你在这片数字世界里种下的第一棵树。等它长起来，你会发现，原来“做网站”这件事，真的比你想的简单一百倍。