Web 如何搭建自己的个人网站

如何搭建自己的个人技术博客网站

学习目标

1.【了解】搭建网站需要的web构件和网站运行原理

2.【掌握】如何搭建个人博客网站

学习前言

大家都是学习开发的，相信都接触过百度，新浪，淘宝，京东...等等网站吧，对。。。这些就是网站，这篇文章就是教大家如何搭建一个这样的网站。我们在平时上网过程中，有没有去想过网站是如何搭建的呢？网站又是如何运行的呢？搭建一个网站需要非常专业的知识吗？带着这些问题来学习本篇文章的内容，通过本章学习，轻松搭建自己的个人博客网站完全不是问题。

我不会去给童靴们讲什么html,css+div,javascript啥的前端技术，那是对面UI班妹子们学习的，也不会讲什么asp,php,jsp啥的网站后端编程，我也没那技术去讲，更不会去讲啥MySQL,Oracle啥的数据库，我们的学习目的只有一个！就是如何搭建一个个人网站。

也许有人会说，楼主你个傻吊，你确定没有逗我？博客还需要搭建网站？直接去注册个CSDN博客，cnblogs啥的，不是分分钟的事情么？为嘛还要搭建网站？你的怀疑是对的，这样确实可以做一个博客，也可以发布自己的技术文章，而且还节省了购买域名和主机的钱。

但我要强调的是：本章是学习如何搭建个人博客网站？并不是教大家去注册博客，其实你那注册的博客，跟QQ日志有啥区别？如果没有疑问，那么开始我们的学习，有疑问的同学，喜欢还是不喜欢，都可以了解下，并没有任何坏处。

因为大家都是社会栋梁，我就不去写小学生才能看懂的教程了，直接入正题！

什么是网站？还是这个问题，我再跟大家讲解下。网站其实也是一种软件，我们是学习IOS开发，我们和学PHP的哥们一样，都是开发软件，只是学习PHP的哥们开发的软件大都是通过浏览器（Safari,Firefox,chrome等等）来访问的。但我们不是去学习开发网站，只是搭建网站，也就是让现成的开源建站程序（软件..）运行起来。我们的目的就达到！

搭建一个网站主要需要满足三大要素，域名（也就是网址），主机（可以是虚拟主机，也可以是vps,甚至服务器），网站程序（开源网站程序，例如discuz，Wordpress，dedecms等等）。我们要做的事情是，注册购买域名，并在有PHP运行环境的主机上安装网站程序，因为我们是要做博客网站，所以我就以WordPress为例，这是一个世界上用户最多的博客程序，功能强大，操作简单。

需要用到的工具和那啥

1.要钱的：域名，主机，数据库（购买主机会送数据库，单独买数据库需要钱）

2.不要钱的：网站程序，网站模板，FileZilla

第一步：注册域名

什么是域名？说通俗点，就是我们访问网站的网址。

说到域名，我不得不跟大家提一个东西，那就是IP。什么是IP呢？我们知道，在Internet上有千百万台主机，为了区分这些主机，人们给每台主机都分配了一个专门的地址，称为IP地址。通过IP地址就可以访问到每一台主机，域名的作用就是通过域名解析，把域名指向IP地址，这样就达到了在url栏输入域名就能访问对应IP的主机上的资源。

那怎么注册一个域名呢？注册域名要钱吗？

要钱！我可以肯定的告诉大家，注册域名要钱！虽然也有一些免费的域名注册商，但那些都是一些垃圾的.tk啥的。域名具体分类就不跟大家说了，不然都看晕了，只要知道域名后很多很多后缀，比如.com，.cn，.net，.org，.cc等等。他们有啥不同我也不说了，都是域名，知道价格不同就行了。。

注册：

说了半天废话，还没说到怎么注册域名。。。因为需要了解的东西实在是太多，一时间说不清楚，注册域名只要去域名注册商都能注册，比如国内有名的万网，新网，西部数码等等，都有提供域名注册服务。注册流程就不说了，跟注册个账号没啥区别，然后就是付款就行了，.com域名价格在50元一年左右。注册好域名先放一边，继续了解下一步！

第二步：购买主机

主机和我们用的台式机，笔记本没有太大不同，也就是你用电脑都可以当做网站运行的主机来使用，不过这里不行，为嘛不行就不说了，反正就是不行。。

我们搭建博客的话，推荐使用香港虚拟主机（51PHP，恒创主机等等比较有名），因为香港主机免备案，速度也不算太慢（比起国外的主机来说，因为主机距离用户太远了）。这里提到了域名备案，再跟大家BB几句，在不懂备案或者嫌备案麻烦的情况下，千万别购买国内的主机，国内的主机需要域名备案，否则无法访问！所谓域名备案，也就是注册的域名想要解析到国内的主机（国内IP）上，需要向工信部门提交资料申请（具体资料啥的我就不提了），可直接通过主机提供商协助完成备案，详细备案流程主机提供商会提供，备案审核时间一般在15-30天左右。

我们搭建博客网站，购买一个磁盘空间大小500~1000M的PHP主机就够了，价格大概在200RMB左右，并且会附送MySQL数据库。不推荐购买云服务器，VPS啥的，因为用不了那么多资源。如果你钱多烧手也可以购买云服务器，毕竟访问速度不是虚拟主机可以比拟的。

第三步：域名绑定

主机购买成功后，进入主机管理界面，找到类似【域名绑定的字样】选项，然后输入你注册的域名绑定。（国内主机需要域名备案后才能绑定，香港或者国外的主机则不需要备案即可直接绑定）

第四步：解析域名

在第1步和第2步都完成的情况下，才能进行这一步。简单的给大家介绍一下，什么是域名解析！域名解析是把域名指向网站主机的IP，让人们通过注册的域名可以方便地访问到网站一种服务。那具体要怎么解析域名呢？具体看虚拟主机域名绑定管理界面的具体要求或者主机是不是独立IP（独立IP也就是这个主机的IP就这主机使用，这种主机可以直接用IP在URL栏输入访问）。

1.如果不是独立IP，那我们就选择cname别名方式解析域名。

2.如果是独立IP，那我们就选择a记录的方式解析域名。

第五步：网站程序

这里以WordPress为例，因为他非常适合做一个优秀的博客网站。直接百度搜索Wordpress，去Wordpress中国官网或者直接百度下载压缩包。当然，还有其他很多程序也可以做博客网站，比如Z-BLOG，emlog等等都可以，和Wordpress安装方法无区别，凭个人喜好。下载好压缩包后，即可进行下一步。

第六步：上传程序

因为我们都是用的Mac OS X系统，所以推荐大家使用FileZilla上传工具，百度FileZilla直接下载安装。如果是在windows平台，推荐大家使用FlashFXP（个人觉得很好用）。然后打开安装好的FileZilla，填写主机，用户名，密码，端口。

主机：写你解析成功的域名或者购买虚拟主机附送的多级域名或者你主机的IP都行

用户名：这里是用户名是主机的FTP用户名

密码：这里的密码是主机的FTP密码

端口：22（默认22端口）

填写好了以后，连接到服务器，你会看到几个目录（一般有www或wwwroot和log啥的），进入wwwroot目录，然后把你下载好的网站程序压缩包直接拖到FileZilla里。然后在传送框里选择，上传。然后右键选择的上传的压缩包，重命名为a.zip，进行下一步

第七步：解压网站程序并规范网站文件目录

上传完成后，再次进入主机管理界面，找到【主机管理】字样的选项，再找【在线解压】的选项（大部分主机在线管理网页界面的选项都差不多的，很容易找到，别太死板了哈）。点击【在线解压】选项后，输入文件名a.zip，点击解压。然后等待两分钟。。。。。为嘛要等待两分钟，因为你点击解压后马上去FileZilla刷新，然后进入解压后的目录，再多次刷新会发现有目录和文件陆续被解压，等待就是让他解压完成。。。。其实从发送指令到解压完成就一瞬间的事情，这么小的压缩包。不过由于不同人的运气有所不同，所以等待两分钟比较保险。

两分钟过后。。。在FileZilla网站目录窗口点击进入wwwroot/a/wordpress目录（就是能看到很多目录和.php文件的那一层），全选所有目录和文件，然后右键-->然后移到wwwroot目录，wwwroot目录忘记说了，这个是网站根目录。注意：并不是所有虚拟主机根目录都是叫wwwroot，不过都差不多，把网站程序解压后移动到根目录就行了。

第八步：安装网站程序

上面七步所有工作准备就绪后，就可以进行网站程序安装了。

在URL栏输入你注册并解析到已绑定域名成功的主机上的域名，然后就会看到一个安装界面，就可以开始安装程序了。

这时会看到要求你输入一些信息，数据库名、数据库用户名、数据库密码等。购买主机后会附送数据库，你在数据库管理界面可以查看到你的数据库名，数据库用户名和数据库密码。一般附送的MySQL数据库的数据库名和数据库用户名是相同的，但别弄混淆了，这不是一个概念。而密码随机生成的，你不去改就不会改变的。所以你直接copy过来就行了。填好后下一步，程序会自动安装，如果没有出错会看到一个让你填几个信息的界面。大概是网站名称（以后可改），网站用户名（登陆网站后台用的管理员账号），网站密码（管理员密码），管理员邮箱（接收Wordpress官方邮件的）等等。

大多开源程序的安装步骤和搭建方法都大同小异，如果你不是选择Wordpress也适用！当Wordpress安装完成后，会自动跳转到管理员登陆界面，也就是http://xxxx.xx/wp-admin.php。

至此，你的博客网站搭建完成！！！！

第九步：安装Wordpress模板

如果上面步骤都没有出错，你的博客网站已经成功搭建，但是你访问你的域名，有没有发现界面不是很满意？如果要换是不是需要自己设计？是不是需要学习前端技术？

其实并不需要大家亲自去设计开发网站界面（如果你会，也可以自己设计开发），大家百度一下Wordpress模板，就能看到很多网站都有提供Wordpress模板下载，大家可以去下载一款自己喜欢的模板。

安装模板的步骤非常的容易。在Wordpress后台选择【外观】-【主题】，然后点击【添加】-【上传主题】。保证你下载的主题是.zip压缩文件就行了，上传后会自动解压并安装的。安装成功后选择你安装的模板，并点击【启用】就OK。

第十步：完善网站基本信息

这里我只简单介绍几点，其他要自己去摸索。。。

以我的博客为例，大家可以看到导航位置有【Swift】，【Xcode】，【Study】等等，这些都是网站的栏目，说简单点就是网站文章目录。

新建分类目录：在网站后台的【文章】-【分类目录】里可以添加，并在【外观】-【菜单】里添加到导航栏位置。

设置网站标题：还有需要注意的是博客的博客名是在后台【设置】-站点标题-副标题填写，也就是我这个博客的【六阿哥博客】是站点标题，副标题是【记录一个iOS程序员的成长历程】。

设置网站关键字和描述：网站【关键词keywords】和【描述description】是在【外观】-【主题选项】里面进行设置。这个涉及到网站SEO知识，我就不多做讲解。其他功能请自行摸索，不会的可以私下和我交流。

学习总结：

写了这么多，全是凭记忆写出来的，因为由于没有实际操作截图给大家，文字篇幅有点过长。不过写了这么多，归纳到一起，其实也就是购买域名和主机、下载Wordpress、安装Wordpress。详细步骤，大家仔细看看，多摸索下就会了。还有，做网站不一定需要花钱，如果实在是不想花钱，也有免费域名，免费虚拟主机可以用的，不过稳定性没有收费的好罢了。

搭建网站的流程就这样了，无论你是以后给自己公司做个企业官网，或者自己做个个人网站，论坛啥的。流程都差不多，只是需求不多，我们做的也就不同。搭建网站我只是给大家写了一个流程，具体还有很多很多东西，没有深入学习，是没有办法理解的。比如服务器环境配置，PHP编程，前端设计，SEO优化，博客运营等等。。。都需要投入不少精力，写完了。

如果你都看完了，我想说的是本文无图教程。。。。如果没有看懂，如果你有意搭建一个网站，请借我一台云服务器录制视频教程好伐。