2020年如何搭建网站

第一步：购买域名。如果你已经有 20 个域名等着用，可能会有点麻烦，不过没关系。尽管多买几个域名吧。谁知道什么时候会需要那个完美的域名呢？PS：zeit.co有个很棒的域名搜索工具，还有一些小技巧。现在我算是帮你养成了这个习惯。不用谢。

步骤 2a：参与 Twitter 上关于 JavaScript 如何毁掉网络以及哪些静态网站生成器最好的辩论。持续 4 个月。

第三步：参加一整门设计课程来提升你的设计能力。花五个小时在CodePen 上创建一个 HSLa 探索示例，将已有的东西可视化。抱怨色彩系统和数值。阅读一条推荐推文，了解哪些会议演讲恰好与React 和色彩相关。找到一个比你做得更好的工具。

步骤 2b：最终，某个陌生人会向你介绍Eleventy，你会觉得“听起来很棒”。重复步骤 2a。

第四步：克隆那个初始仓库并启动它。浪费17个小时试图弄明白如何实现一些没人会注意到的深奥设计功能。“妈的，都周五午夜了，我为什么还在干这个？”周一，“加个圆”。

第五步：开启深色模式。

步骤 6：（六小时后）我们不启用深色模式。

第七步：羡慕地浏览其他人的网站。

第 8 步：撰写实际内容。

步骤 9：参加Jason 的可变字体直播课程。“哦，太棒了，我得学一下。”

步骤 10：再修改配色方案 20 次。尝试不同的设计和可变字体。打开 Firefox，因为它的字体开发工具简直太棒了🔥。Firefox 的色彩饱和度太高，差点闪瞎眼。恢复过来后，继续修改颜色。

第 11 步：看看 CSS Tricks 是如何实现暗黑模式的，并赞叹他们做得多么出色。然后默默地关闭标签页。

第 12 步：发布！唉，iframe 没有响应，断点设置也不合理。运行Axe。感觉自己像个混蛋。修复问题（然后再次调整颜色）。

第 13 步：5 个月后，写一篇博客文章。

下次记得：直接雇个设计师就行了。

本文最初发表于sia.codes。如果您喜欢这篇文章并想阅读更多类似文章，请前往该网站，或者订阅我的新闻邮件，以便及时收到新文章的通知！