以下文字部分借鉴了MDN的教程。

其实你应该直接看完MDN的教程。

你说“你想做一个网站”？不错不错。那，然后呢？

第一步：计划

光是“想要”做一个网站是不够的。你还应该知道你“要做”什么样的网站。请考虑以下问题：

1. 网站的主题是什么？ 可以是：介绍自己、展示自己的作品、分享自己的经验和见解、创建一个和他人交流的平台等等。
   • 网站的定位一定要清晰。
   • 我建议你的网站主题为做你擅长的，或者正在深度学习的内容。
     • 有不少人在上学的时候（初中、高中、大学）就通过自己学到的内容建立了自己的网站，且能通过建站的过程更好的学习与实践自己所学到的知识。
2. 基于所选主题要展示哪些信息？ 比如你在上一步中选择了“介绍自己”，则网站里应该要写“你好，我是某某某，我擅长做某些事，这是我的一部分作品，如果你想与我联系，请使用以下联系方式……”这样的文字。
   • 在这之中又有几个分支（比如“技能”、“作品”等）。
3. 网站采用怎样的外观？ 简单、复杂，正式、轻松，深邃、明亮，彩色、单色……用几个词来概括你想要的外观。
   • 不同的外观能给人不一样的感觉，
     • 比如“简单、正式、明亮”可以给人专业的感觉，
     • 或者“简单、轻松、彩色”给人随性的感觉，等等。
   • “简单、复杂”则是取决于网站的内容量而定的，
     • 比如你想把关于自己的大多数事情都放上去，则肯定会较为复杂，
     • 相反，如果只是想介绍自己并附上简历链接，则是简单的。

游客/用户（真正看网站的人）其实不喜欢“过度装饰”的设计风格，不仅扰乱阅读体验，还会让网站在体验上"不流畅"或"不跟手"。

• 避免“透明度较高的正文背景+复杂的背景图片”，正文背景的透明度建议在80%到90%左右。如果浏览器支持的话，建议让正文背景拥有模糊效果。
• 字体应选择清晰易读的（黑体、宋体等），“手写体”不建议大面积使用。
• 如果打算在页面中添加Live2D挂件，则该挂件必须可以关闭，否则在手机上会占据不小空间，且会让人注意力不集中。
• 动画效果应简单、快速。
• 网页配色不宜超过三种（不含黑白）。

第二步：学习

更多的前提条件：

• 至少小学学历
• 会使用计算机（手机和平板电脑不是生产力工具）
• 有信息检索能力（也就是“会用搜索引擎”）（不需要很强）
  • 2024更新：你还需要知道如何与人工智能打交道
• 保持求知欲

如果你想让自己的网站“更加可控”，那么你就应该学习HTML、CSS、JS和一门后端语言（PHP、Java、Go、Node.js等）。

这样你在使用建站程序时遇到问题可以快速地解决，还可以自己写网页，让自己掌控一切。

后端语言的选择取决于你的个人喜好和项目需求。

• PHP是一种流行的服务器端脚本语言，适用于快速开发Web应用程序；
• Java则以其强大的性能和跨平台能力而著称；
• Go语言以其简洁和高效而受欢迎；
• 而Node.js则允许你使用JavaScript在服务器端编写代码。

在学习过程中，你还可以借助各种在线资源和教程，如W3CSchool、MDN文档和Coursera、Skillshare等课程。这些资源提供了丰富的教程和实例，帮助你理解Web开发的各种概念和技术。

...

当然你也可以选择雇佣有经验的人帮你解决一切，就省了这一步。代价是“你永远搞不懂Web是如何工作的”，甚至在某些特殊情况中，损失金钱。

更具体点说，你需要学习这些：

• HTML：这是构建网页的基础，学习如何创建基本的HTML结构，包括标题、段落、链接、图片等元素。
• CSS：掌握如何使用CSS来设置网页的样式，包括颜色、字体、布局等。了解常见的CSS选择器、盒模型、定位等概念。
• JavaScript：学习如何使用JavaScript为网页添加动态效果和交互功能。了解常见的JavaScript语法、DOM操作、事件处理等知识。
• 后端编程：选择一门后端编程语言，学习如何处理用户请求、存储数据、与数据库交互等。
• 数据库管理：学习如何使用数据库来存储和管理网站数据。了解常见的数据库系统，如MySQL、MongoDB等，并学习如何进行数据查询、插入、更新和删除操作。
  • 数据库设计：学习如何合理地设计一张表，明确这张表要存储什么类型的数据，这些数据之间有什么关联，以及这张表将如何被查询和使用。
• 响应式设计：了解如何使你的网站在不同设备和屏幕尺寸上都能良好地显示。学习如何使用CSS媒体查询和其他技术来实现响应式设计。
  • 比如了解不同尺寸屏幕的特点及适合显示哪些内容。
  • 比如利用现有的前端框架（如Bootstrap等）实现响应式设计。
• 网站安全：了解常见的网站安全问题和防御措施，如SQL注入、跨站脚本攻击（XSS）等。学习如何保护你的网站免受这些攻击。
  • 毕竟总会有脚本小子以“挑软柿子捏”为乐，而你不会希望自己的网站是那颗软柿子。
• SEO优化：了解搜索引擎优化（SEO）的基本原理和技巧，以提高你的网站在搜索引擎中的排名。学习如何优化网页内容、关键词选择、网站结构等。
• Web性能优化：学习如何优化你的网站性能，提高加载速度和用户体验。了解常见的优化技巧，如压缩图片、使用CDN、减少HTTP请求等。

第三步：实施

3.0. 购买域名和服务器

网上有大量相关教程，我就不再赘述了。

3.1. 选择合适的程序

如果你完全没有建站经验，请选择WordPress或ClassicPress。如果你追求极致的稳定性，请选择ClassicPress，它和WordPress完全一样，但更稳定。

Xiuno BBS不是给跳过本文第二步（学习）的人准备的。

3.2. “梦想成真”

从这里开始，就是“条条大路通罗马”的阶段。

在装好建站程序后，请逛一逛后台的各个部分，熟悉后台的使用方法，并阅读程序附带的使用说明文档。

如果你遇到了问题，请在正确的地方大胆地向他人提问，获得知识。

建议熟读《提问的智慧》，在提问前，请先搜索你的问题，也许你遇到的问题已经有了答案。如果没找到答案，提出更准确的问题有助于更快的解决问题。

哪里是“正确的地方”？

• 建站程序的官 方或非官 方论坛
• 知乎
• Stack Overflow
• 等等……

哪里不是“正确的地方”？

• CSDN（曾经是合格的，现在“一落千丈”）
• 内容农场（其中的内容为互联网上的各种内容的大杂烩（有人类写就的内容、有机器翻译的内容、还有人工智能写就的内容，未经训练的人类无法分辨区别），不保证内容的正确性，也不保证时效性；例子太多，无法列举）

不同的建站程序，实现你心目中的网站的方式不同。有一些程序是“万金油”级别的，又有一些程序专注于某些特定领域，需要根据自己的需求选择。

• WordPress适合做任何网站（博客、电商、论坛等等）
• WordPress、ZBlog、Typecho、Bludit等适合做博客
• PHPBB、Discuz、Xiuno BBS、Flarum等适合做论坛
• 我就不一一列举了，网上有更多“建议的建站程序”的列表……

而更具体的实现方式，网上有很多教程，可以去看一看。

3.2.1. 数据备份的重要性

第四步：运营

无论是什么样的网站，内容应该要保持更新，否则你的网站会被“淘汰”。

4.1. 企业类

网站里的“产品中心”应同步贵公司实际的产品线；如果产品下线，应及时撤掉；如果产品参数变化，应及时更新。

网站里的“新闻中心”应更新有关贵公司的相关信息（如参加活动、获得奖项等）。

4.2. 博客类

请把你的网站当作你的“电子日记”，可以每天写一篇，也可以每周写一篇，甚至每个月写一篇都行。

坚持下来后，你会有所收获。

4.3. 论坛类

扩展阅读：版主在 BuddyPress 网络社区中的重要性

你（和版主）应该要做到这些：

• 维持论坛秩序
  • 日常巡视论坛，监管论坛内容，发现不符合“规范”的内容应及时删除
  • 处理用户的举报
  • 在发生争执时，可以进行介入，来平息争执
  • 等等……
• 鼓励讨论
  • 在适当的时候举办活动，调动坛内用户的积极性
  • 定期发布一些具有讨论性的帖子（比如干货分享等）
  • 等等……

一个没有版主的社区将无法实现任何目的，并且将会有没有组织的讨论，从长远来看也没有任何价值。

第五步：收益化

在第四步进行到一定程度后，你的网站应该小有人气，这一步就可以开始考虑如何让这个网站养得起自己了。

第一步是让网站赚到足够的钱来维持网站自身的运作，第二步是让网站转到足够的钱来维持你自己的生活。

在2024年，人们已经愿意为内容付费了（当然得是质量高的内容）。

而关于怎么做，我只能说：高质量的内容、独创的内容最能让人愿意为之付费获得。

而具体实施方式，只能自己摸索着来，因为每一个网站的成功都是不可复制的。不过可以先开通个“爱发电”网站帐号，来让你的网站支持者有更好的方式支持你的网站。

结语

求人不如求己。

最后

在这个帖子里，忘掉回帖框附近的下拉框吧。我不希望这个帖子的评论区太灌水。

本文上一次更新时间为2022年10月，最新更新时间为2024年2月。