衛斯理

<blockquote>我们要多看历史，因为历史总会或多或少的给我们一些启发</blockquote>我的VX: wesley6020推特ID：imwsl90记得在Web1.0时代就有人喊出 - “人人都要有自己的网站”，互联网发展到现在，尽管现在的建站工具发展到比自动驾驶还简单，但我们大多数人依旧没有自己的网站。随着经济的下行，很多人开始投入到自媒体的创作之中，而独立网站对个人品牌的提升大有裨益，因此越来越多的人开始搭建自己的独立网站。而在群里和大家交流之后我发现很多人苦于对网站搭建的知识了解不够，导致他们迟迟没办法搭建出自己的网站。因此本篇教程从实际操作的角度来帮助大家搭建自己的网站，力求一篇文章讲清楚搭建网站的全部内容，希望大家在看完这篇文章后能够很快的搭建起自己的网站。好了，进入正篇。首先要确认的是自己要搭建那种类型的网站，不同类型的网站的成本和技术不一样，我总结了一下目前流行的网站类型如下。<ul><li>个人主页</li><li>个人博客</li><li>导航站点</li><li>综合网站</li></ul>下面我将分别介绍如何搭建起以上的这些网站。个人主页个人主页可能是很多程序员的第一个个人网站，大家使用hexo, jekyll等工具生成静态页面，然后托管到Github Pages上面，如果更有追求会去申请一个独立的域名只想这个Github Pages的静态网站。好处：完全免费坏处：需要一定的技术知识，比如linux命令行，nodejs相关的知识关于如何在Github上搭建自己的个人主页，网上的文章汗牛充栋，我在此就不再赘述了，我搜了一篇认为还不错的文章放在这个地方供大家阅读，如下：<a target="_blank" rel="noopener noreferrer nofollow" href="https://mini-pi.github.io/2024/02/28/how-to-make-blog-wedsite/">《2024年，如何使用 github pages + Hexo + Next 搭建个人博客》</a>个人博客如果你是一个想认真输出内容的人，我个人强烈建议从个人博客开始，相比于个人主页的"简陋"，个人博客能够提供相对完整的使用体验，而且我个人推荐使用WordPress搭建自己的个人博客。好处：完整的博客体验，WordPress丰富的插件能够帮助我们做很多事情，这是个人页面无法相比的。坏处：相比个人主页，个人博客的成本要高一些。对于新手，个人推荐使用第三方博客服务，如Hostinger这种博客服务公司的服务，关于如何使用Hostinger搭建WordPress博客，我年初写了一篇文章供大家阅读，如下：<a target="_blank" rel="noopener noreferrer nofollow" href="https://imwsl.com/?p=67">《如何快速搭建一个自己的WordPress博客》</a>也许你想搭建更复杂的网站，那请阅读下面的内容，内容涉及域名购买、服务器购买和设置、面板安装及网站源码上传和配置。导航站点、综合网站一旦我们掌握了搭建网站的方法，我们就不会只满足于在Github Pages上搭建个人主页或使用WordPress托管服务创建个人博客。下面我会详细讲解如何通过工具搭建复杂的网站，如导航网站、电商独立站等。好了，进入正文。先请大家看一张脑图，这张图概括描述了搭建网站所需要做的事情。<img src="https://static.xiaobot.net/file/2024-09-27/662705/f8f50d842c49a4af343335b0d900038c.png">1、域名购买每个网站都需要一个自己的域名，域名购买没什么难度，此处简单讲一下，国内的域名购买可以去阿里云或腾讯云上购买，国外建议去GoDaddy或Namesilo上购买，我目前的域名都是在Namesilo上购买的，关于如何在Namesilo上购买域名，参考一下文章的域名购买部分，如下：<a target="_blank" rel="noopener noreferrer nofollow" href="https://imwsl.com/?p=67">《如何快速搭建一个自己的WordPress博客》</a>2、购买服务器每个网站都需要一个运行的服务器，如果不是很懂服务器是什么，你就把服务器想象为一台运行在远端并安装有Linux操作系统的个人电脑。国内推荐阿里云或腾讯云购买，这两家的后续服务做的不错，比如域名备案之类的。由于我对备案被太多的兴趣，自己也想往海外方向发展，因此我是在DigitalOcean上购买的。以下是详细教程。a、登录进入<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.digitalocean.com/">DigitalOcean</a>后台<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.digitalocean.com/)后台，选择Sign">，</a>选择Sign up with Google, 如下图：<img src="https://static.xiaobot.net/file/2024-09-27/662705/43bddcdafcbd4ed36b7f0c9998119959.png">选择使用Google账户登录的原因是Google账户比较普遍，大部分网站都支持，当然你也可以使用其他方式注册。b、创建Droplets(服务器)，如下图：<img src="https://static.xiaobot.net/file/2024-09-27/662705/766ba0437f310b22b7385d8597974ee9.png">c、选择好地区、操作系统、配置等，即可完成服务器创建，如下图<img src="https://static.xiaobot.net/file/2024-09-27/662705/ab12be9e668f9cf6bb312a9e58827b2b.png">DigitalOcean是支持信用卡或Paypal支付的，一般国内的VISA/Master双币卡就支持，比较方便。d、创建服务器完毕后进入详情页面，通过web console进入服务器，如下图：<img src="https://static.xiaobot.net/file/2024-09-27/662705/768b813afbea6a47d72591cbd3046dca.png"><img src="https://static.xiaobot.net/file/2024-09-27/662705/51dfacc48e1fc71a6a97e4f5ec72d69f.png"><img src="https://static.xiaobot.net/file/2024-09-27/662705/73e0a898fab9a6bf5d2e9ac4c0ebc7c6.png">对于服务器的知识我们只需要掌握到此就可以了，更进一步的知识大家可以后续学习。3、安装宝塔面板当我们购买完服务器之后就可以安装宝塔面板了。首先我们要搞清楚的是什么是面板，其实面板就是一种图形化管理服务器的软件，有了面板后我们普通人也可以很轻松的在服务器上安装软件了。在没有面板的时代，我们需要学习Linux命令行操作及通过命令行安装服务器软件，这对于很多不懂技术的人来说太难了。接下来我会演示如何安装宝塔面板。首先，进入宝塔面板官网，找到<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.bt.cn/new/download.html">宝塔Linux面板</a>，界面如下<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.bt.cn/new/download.html)，界面如下：">：</a><img src="https://static.xiaobot.net/file/2024-09-27/662705/9ad4a6a6e202e27379d9cf2d0211b356.png">其次，复制命令粘贴到我们的服务器终端，服务器操作系统建议选择Ubuntu，如下图：<img src="https://static.xiaobot.net/file/2024-09-27/662705/0e05a698c362b50510e5e123ee65b288.png">再次，一路选择【同意】就可以安装好，记录好网址，用户名和密码，如下图<img src="https://static.xiaobot.net/file/2024-09-27/662705/a02083f860f08a6c7fa257742f5dd5fe.png"><img src="https://static.xiaobot.net/file/2024-09-27/662705/d47cd1366a61571c11787073707c21bf.png">最后，通过链接进入宝塔面板主页，国内需要通过手机号注册一下账号，进入主页选择LNMP一键安装，安装完毕后我们就可以上传我们的网站源代码了，如下图：<img src="https://static.xiaobot.net/file/2024-09-27/662705/59a9a8fcbce3c597a09e2db7b0f63082.png">4、上传网站源代码进入网站页面就可以上传我们的网站源代码了，由于我现在的所有网站都是PHP代码，因此我选择的是PHP项目，如下图：<img src="https://static.xiaobot.net/file/2024-09-27/662705/ebad55fd71c1f80381fa5d026f64c669.png">点击【添加站点】，如下图，好几种选择项目，如果是在其他地方购买的PHP网站代码，选择【传统项目】，如果是一些知名的系统如WordPress, discuz等，选择【一键部署】，如下图<img src="https://static.xiaobot.net/file/2024-09-27/662705/e89334183b88ad782a78f35593c445df.png"><img src="https://static.xiaobot.net/file/2024-09-27/662705/04e6e8eb28d55882f8c9093a02e00bc5.png">本教材只为演示，我选择了一键部署WordPress，域名填写我们购买的域名，如下图：<img src="https://static.xiaobot.net/file/2024-09-27/662705/93b3b45a95225834dd69ab73e59441c5.png"><img src="https://static.xiaobot.net/file/2024-09-27/662705/0ae0ea133d0c854d8f852a0cb82b51ab.png">部署完毕后，还无法访问网站，我们需要将域名指向我们的网站。5、域名指向 + SSL证书配置当网站部署完毕后，我们还需要做一些基础的设置才能够访问，如域名指向、SSL证书配置。域名指向简单的来讲我们键入浏览器的域名这是我们服务器的地址的一个别名，比如baidu.com，浏览器会根据域名(baidu.com)找到网站对应的IP，如下图：<img src="https://static.xiaobot.net/file/2024-09-27/662705/ebb2861c3a25ac2b1d03659988833b7b.png">因此当我们搭建完网站之后，需要将我们购买的域名指向网站服务器对应的IP，下面使用Namesilo来讲解。进入我们的域名的DNS管理页面，将网站服务器对应的IP地址添加进入，如下图：<img src="https://static.xiaobot.net/file/2024-09-27/662705/e764da24526672fd75b2b9775bb485c1.png"><img src="https://static.xiaobot.net/file/2024-09-27/662705/6dd0d43c1818944f0624ca4a3613cd66.png">一两分钟之后，我们就完成了域名指向网站服务的IP，使用ping指令可以检查是否配置完成，如下图：<img src="https://static.xiaobot.net/file/2024-09-27/662705/0f68366203bd28a906415427266315fb.png">当我们在浏览器访问我们的网站的时候，浏览器会告诉我们网站是不安全的，这是因为我们的网站没有安装SSL证书，下面我讲解一下如何在宝塔面板里面安装SSL证书。在宝塔里面找到网站页面，点击网址打开控制面板，找到SSL的Let's Encrypt后开通即可，Let's Encrypt是免费的SSL证书提供商，宝塔面板会每个月更新一次SSL证书，只要第一次配置好就不用管了。<img src="https://static.xiaobot.net/file/2024-09-27/662705/cff1cfae89cd096d520d9763e43865b0.png">至此，如何搭建个人网站的全部流程都讲完了，如果大家有兴趣，可加我微信私聊：wesley6020，我会建立一个网站搭建群一起讨论。

衛斯理

全部专栏

从零开始做自媒体(持续更新)