手把手带你从0搭建个人网站，小白可懂的保姆级教程 | 2种方法让你拥有个人博客，程序员自学编程必备原创

哈喽，大家好，我是于皮，前段时间给大家分享了怎么傻瓜式的从零到一上线一个属于自己的网站，有小伙伴表示不过瘾，想了解更多上线网站的方式，那今天再手把手给大家分享两种，其实也都很简单，上线一个网站你只需要一份网站代码文件，一台服务器，一个操作服务器的软件，还有就是脑子和点赞的小手。下面我会一一给大家演示，讲清楚思路，建议大家收藏下视频，以后随用随取，让我们开始吧，网站上线第一步，你肯定要有网页文件对吧？这个网页文件呢，可能是你自己写的，当然也可以复制粘贴，从网上下载，或者用一些生成器，反正不管用什么方式，你能把这个网页文件找到就可以，那我这里快速写一个，好，写好网页文件之后，我们新建一个文件夹web，把网页保存进去，把图片也扔进去，先在本地看一下效果。OK，这就是我的网站，非常的精美哦，不精简，下面我们就试着把这个网站发布上线，让其他同学也能访问到。所以呢，我们必须要有一个能被公网访问的服务器，把网站文件甩到服务器上面。服务器从哪来呢？有很多种方式，租一台云服务器，也可以搞一个云虚拟主机，专门拿来放网站文件，或者只要你想，你可以把你自己正在用的这台电脑变成服务器，但这样你的电脑最好就不要关机了，哎，反正程序员也不关电脑。那这里呢，我还是推荐大家用第一种方式，很多国内的互联网大厂都提供了云服务器的租用服务，学生用还是蛮便宜的，一般我们选云服务器时优先去看这个最新活动，首次会有很多的优惠，那作为一名良心APP，我决定临时再买一台服务器，只为给大家演示最干净的服务器环境。

还挺便宜。好吧，享受不了优惠，那咱们就自己配一台，地域一般选国内，然后这里的操作系统最好选择Linux的，比较适合学习，我比较推荐这个3OS版本，七以上最好。然后这个公网IP1定要勾上，不勾上别人访问不到啊，然后购买OK，这样就购买成功了。我们可以进入控制台，OK，在控制台中就能看到我们准备好的服务器了，记得改一个自己常用的密码，有了服务器后怎么把网页文件放上去呢？我相信很多同学都是卡在这一步，买了台服务器不知道怎么用，你说这个服务器远在南京，难道我要去跑到南京去操作这台服务器吗？肯定不可能，对吧？所以我们一般是用SSH连接的方式远程操作服务器。

这里可以直接在控制台点击登录，直接在网页端去操作服务器，这种方式虽然方便，但不够灵活，所以我推荐大家一款功能更强大的服务器连接软件，插上它还是免费的哦。新建会话名称的话，方便记忆就好，主机地址填你的服务器公网IP端口号就是22。直接点链接输入用户名，Linux默认是超级管理员，用户root要输入密码，然后你就可以像操作自己本地的电脑一样执行一些命令等等。我们使用命令新建一个存放网页的目录叫web，把我们的网页文件全部拖进来好，这样就上传成功了。用LS命令就能看到已上传的文件，但我们怎么在浏览器中看到这个网站文件呢？

直接访问服务器的IP，再加上文件在服务器中的位置可以吗？诶，不行，当我们直接输入IP时，默认会访问服务器的八零端口，但我们看一下呢，诶，八零端口根本就没有程序在运行，因此我们还要安装外部服务器软件，提供网站访问能力。那目前比较主流的外部服务器大家知道几种啊？目前最主流的就是这个NGX，然后我们在服务器安装下n g X Linux，它提供了一些软件包管理器，比如说这个样，可以让我们使用一行命令安装NGX，然后这里输入Y表示安装，刷刷刷刷刷刷刷刷刷，很快就完成了，然后我们输入NG，好启动外部服务器。再看一下端口占用，诶，大家看，这个八零端口就被NGX服务器占用了，然后我们直接访问服务器地址，诶，大家看，虽然一片红，但这就成功了，我们访问到了NGX的默认页面，它的位置是在这里，OK，那接下来很简单了，我们只需要进入到这个存放网页的地方，然后我们把它原来的文件删掉，再把自己的网页文件传上去。

然后我们再去访问服务器IP，我们的网站就访问成功了。不过这种删除原有文件的方式其实是不好的，你要是命令输错了，不就成删除跑路的犯人了嘛，对吧？除了负债原目录下的文件外呢，我们还可以进入到NG它的配置目录下，然后修改NGX的配置文件，默认它读取的是这种目录下的网页文件，那我们只要把这个路径改成自己网页文件在服务器上所在的路径就OK了。那这种方式大家觉得麻烦不？还要自己装软件，还要去改配置，我没学过Linux，岂不是要头秃？不慌，有更简单的方法可以在我开发的帮大家找编程学习资源的网站编程导航上搜索宝塔。宝塔面板是一个新手友好帮助我们管理Linux服务器的好工具，完全免费，觉得好用的朋友可以在弹幕上打着箱。

好，选择操作系统，然后立即安装，安装方法极其简单，选择对应的操作系统版本，然后复制安装代码，粘贴到你的服务器上，然后一路确认，刷刷刷，屏幕滚的特别爽。好了，安装完成，它会为我们提供一个默认的站点地址，默认用户名和密码，最好把这些信息存下来，访问一下面板。诶，我这里访问通了，有些情况下大家可能是访问不通的，为什么呢？因为这个宝塔面板它是占用了8888端口，那有一些云服务器厂商呢，它为了安全，默认这个端口可能是不拆放的，我们需要进入安全组。然后编辑它的安全规则，选择端口限定来源进行开放或拒绝。好首次进入面板，它会提示让我们安装一些软件，比如说NGX、外部服务器、数据库、PHP，这里没什么特殊需求的话，我们就安装他推荐的环境比较适合部署网站，安装过程中拿CPU烤肉也不错啊。等待安装的过程中，可以进入面板设置修改一下默认入口，然后修改默认的用户名、密码等等。好安装完成后，我们进入网站，点击添加站点，输入域名，没有就填服务器的IP地址就好了。然后它会为我们默认创建一个空的网站目录，也可以选择已经放到服务器上的网页目录，点提交好成功创建站点，然后我们可以进入目录对网站文件进行管理，比如说把默认的删掉，然后再上传自己的全选上传，然后我们访问网站，大钟照成一行，命令都没敲，是不是比刚刚简单多了呢？其实在宝塔面板中还有很多好用的软件，比如说拆员博特。

添加软件word price，有了它，我们连网页文件都不用自己准备了，一行代码都不用写，也能搞出精美大气的个人博客，试一下试一下，先把刚刚的网站删掉，防止冲突，点击一键部署，没有域名，依然用公网IP，然后这个博客程序用到了数据库和PHP，但我们不用关心，直接提交，等它创建就好了，好，创建成功，直接访问就进入到了博客安装界面，傻瓜式安装，这里要输入宝塔为我们提供的这个数据库名，这个用户名，还有这个密码，点击提交，然后就可以定制你的个人博客了。比如说站点的标题，安装完成，登录好，见证奇迹的时刻，我们的个人博特就已经安装成功了，这就是我们的博特，好像有点丑，没关系，切换主题。

比如说用这个主题再来看一下，诶，这个界面的风格就变了，你甚至可以从4000多个主题中挑选你想要的主题进行安装启用，大家看网页是不是瞬间高大上了很多，Word press的可玩性还是非常高的，你可以自定义添加小工具，定义菜单，还可以写代码来修改，可以通过安装各式各样的插件来美化，来增强你博车的功能。

比如说发送邮件，拖拽式生成页面，投票填表单，时间有限，就不一一介绍了。我之前拿word press做过很多网站，也整理了很多word press实用甚至说是必备的插件，都放到了我自己的原创公众号程序员于P中，欢迎关注回复插件自取大家学会了吗？还有什么好的方式也欢迎分享出来。我是于皮，一边工作一边变秃，一边分享编程学习经验和技术干货的程序员up。如果视频有帮助，希望可以点赞收藏投币点个关注就更好了，我们下期再见。