如何搭建一个网站

过几年再看，当时写的内容还挺幼稚，后面看到这篇文章的童鞋，其实只需要关注这篇文章写的一些流程即可，技术性的东西就不要细看了，写得不一定对。

——2019年7月10日补充内容

大概在今年二月份，我萌生了搭建一个网站的想法，原因大概有两个：一是平时做公众号需要很多的素材，我选文的标准也是有两个，或者觉得这篇文章对我或者对大家有用，或者看完了能够哈哈一笑，是篇有趣的文章，否则我是宁愿不发文的。二是平时学习过程中，收集了很多的资料或工具。

在这个两个过程中我发现了很多特别有用的网站，很想把他们收集整理起来，方便以后查阅与使用，所以一开始我是只想做一个分类详细、资源优质的专业IT导航站的，正像我在网站首页(www.icoder.top)写的那句话，这个世界并不缺少另一个好的网站，而是缺少一个帮助你找到最佳网站的网站。（此句针对某些度的搜索结果，它给你推荐的垃圾太多）。

下面我就从一个完全零基础的人的角度讲述一下建设一个网站需要做哪些工作，之后我会说一点关于WordPress的问题。

技术储备

在此之前，我只在中学时代学习过一些基础的html语句和frontpage的使用，所以在2月初的一个多星期里，我利用闲暇时间学习了html的大部分内容，css的常用语句，以及js语句的基本用法（因为我清楚的知道，我只是要做静态页面，学了这些足够用了）。这里提供一份不错的编码规范：http://pan.baidu.com/s/1o77e4sE。

知道了这些以后你可以大致构想一下网站的布局了，选择一个合适的前端框架，可以大大的地提高开发效率，我用的是bootstrap，我想你一定不想自己的网站长成这个样子（这也许还算好的吧）：

我想这个网站随便换个前端框架也不至于长成这样，如果我来重写一下，它一定更漂亮。（稍微没谦虚了些啊TAT）

开发工具的选择

我也是随大众的使用Adobe Dreamweaver，顺便也就得知了FrontPage早已经被淘汰了，DW确实是好用，实用的小功能有很多，我不一一介绍，希望你们自己去探索，这里我无耻第提供一份“免安装绿色汉化基础版Dreamweaver”（http://pan.baidu.com/s/1pK9Kse3），是的，我用的盗版（捂脸）。

域名与服务器的准备

某种意义上，这也并不是必须的，因为你可以在网上找到免费的二级域名和空间，但是就我而言，二级域名我并不乐意用，因为这样的域名真的很low，并且免费的空间大多不稳定，哪天它崩了，你的网站也就完了。

所以，我推荐。。。

我还是不推荐了，防止有做广告的嫌疑，我是在万网买的域名，在阿里云买的服务器，网和阿里云已经合并了，他们现在统称阿里云。

关于域名的选择

短小容易记忆是必须的，就像baidu、jd、bing，一看就能记住。

域名也分.com、.net、.cn等等，.com当然很好，但我选择的是.top域名，这也是国际顶级域名，分发使用时间并不长所以不被广泛采用，我当时主要有两个考虑，一是：便宜，第一年的费用是：

4块钱！

二是容易挑到喜欢的名字。

但之后的使用中我也发现了这类域名的致命缺点，像QQ、微信等很多软件并不能识别这是一个链接，你打出来之后它就当是普通的文字处理，这对网站的推广是不利的。

自豪的晒一下我的证书！

关于服务器的选择

服务器类型的选择

服务器大致分为两种，虚拟主机和云服务器ECS，现在更为流行的是云服务器ECS，它的性能也更好，并且现在两者的价格差距也越来越小了。

虚拟主机能给你的权限太少，除了一个主机管理控制台，你能做的就是上传文件，解析域名，没有更多了。（这里涉及一个名词：域名解析，通俗的讲，就是让你的域名指向你的主机，这样访问这个域名就会连接到你的主机）。

而拥有了一台云服务器，就好像买了一台可以24小时不间断运行的电脑，只不过这台电脑在远方，你只能远程访问你的电脑。直观的看一下就是这样(出于安全考虑IP被我打了马赛克)：

操作系统的选择

如果你问别人服务器上用哪种操作系统更好，几乎所有人都会告诉你Linux系统更安全，更好用，性能更好（不排除其中一部分人是为了显示自己的牛B而装B），事实也许真的是这样，但Linux服务器真的适合你吗？

我想并不是所有人都适合用的。

开始的时候我用的是CentOS，但是对我这样长期使用桌面操作系统的人来说，长时间对着黑乎乎的终端，不仅严重视觉疲劳，而且工作起来时常感受不到成就感，因为眼前始终都是一页一页的黑底白字命令行，于是我忍不住给它装上了Gnome桌面，（我想你们中的大多数都得承认，你平时使用的所谓Linux都只不过是面向普通大众发行的桌面操作系统），然后我索性就放弃了CentOS，换成了Windows Server，除了操作更便捷了，我没有感受到其他什么不妥之处，事实的测试也是对于小型网站来说，两者的响应速度并没有明显的差别。

服务器的使用

这里我只说一下ECS，其实只有四个字，远程连接，其他一切操作就跟使用自己的电脑没两样。

Windows服务器的远程连接很简单，使用每台电脑都自带的“远程桌面连接”即可（按win+R，输入mstsc，回车即可），我发现这是一个很好玩的东西，可以和朋友一起玩一玩，让他的电脑打开远程连接允许，你就可以远程操作他的电脑（QQ里面的远程协助就是这样）。

Linux服务器的连接推荐使用putty，官方也是这么推荐的，软件在这里：http://pan.baidu.com/s/1o7I9OyY，使用很简单，不多说，打开你就知道了。

连接到服务器后你首先需要做的事情就是搭建ftp用于上传文件，windows还需要使用iiS(Internet Information Services)，这是最基本的配置，具体如何做大家看文档（https://help.aliyun.com/）就好了，其他还有很多，比如WordPress还需要搭建PHP环境、MySQL等，这个我后面再说。

与相关部门打交道

网站的备案

与相关部门打交道主要也就是网站的备案，备案也就是让工业和信息化部（http://www.miitbeian.gov.cn/）知道你网站的大致内容并选择是否批准你建设这个网站，不备案的网站是不合法的，如果被相关部门发现，理论上是要强制关闭的。

备案需要准备些什么

这里我大致列一下清单：

1、居名身份证（正反面照片若干份）
2、域名证书
3、个人真实性核验单（需打印）
4、特殊照片一份（看具体要求，阿里云可以给你邮寄幕布，其他主机商我不知道，如果主机商不提供这项服务，你就得去相关部门拍照了）

(阿里提供的幕布)

备案时间的选择

备案大概需要20天左右，所以我建议在购买域名和服务器后就开始申请备案，这样备案期间你就可以开发自己的网站了，节省时间。

与搜索引擎打交道

常用网站提交入口

网站写好并上传完成后，你需要向搜索引擎提交你的网站，虽然不提交早晚也会爬到你的网站，但提交还是可以加快收录速度的，并且站长平台有很多有用的工具，可以帮你进行SEO(Search Engine Optimization、“搜索引擎优化”)。

http://zhanzhang.baidu.com/

https://www.bing.com/webmaster/home/

https://www.google.com/webmasters/

http://zhanzhang.so.com/

http://zhanzhang.sogou.com/

http://zhanzhang.sm.cn/

提交网站的方式最常见的是提交sitemap(下文再解释)和提交url，百度比较特殊，还提供了主动推送和自动推送功能，搜狗比较坑爹，不能直接提交sitemap，它要自己选择抓取。

一些文件的制作

Sitemap：网站地图，按照我的理解就是一份告诉搜索引擎我的网站有哪些页面，每个页面的重要程度，以及抓取频次等信息的文件，通常有三种文件合适，sitemap.xml、sitemap.html、sitemap.txt。如何制作以及了解具体信息可以访问：http://www.sitemaps.org/，还可以使用软件：SiteMapX (http://pan.baidu.com/s/1hsdKNOw)，使用也很简单。

Robots.txt：按照我的理解就是告诉蜘蛛这个网站你能不能访问，能访问的话哪些文件可以抓取，哪些文件不可以抓取的协议，制作也很简单，直接用记事本写就可以，语句不多，查阅资料即可，也可以使用在线工具，比如这个：http://tool.chinaz.com/robots/，简单点击即可生成。

上面两个文件一般都需要使用，上传到网站根目录即可。

对一些搜索引擎的感想

360、搜狗、神马这种小众搜索引擎我就不说了，谷歌很多人不会访问，也不说了，比较一下百度和必应，百度的工作效率没有并应高，现在百度收录的我的网站信息仍然是我几个月前制作的而且并未提交过的初版页面，而且百度对站长是不公平的，搜索你设置的关键词，第一页几乎都被并不怎么相关的百度推广占了，相比起来，必应就要好得多。看下面：

比如这个关键词，只有我一个网站设置了最合适的关键词，我的页面理应排在第一位，必应也确实是这么做的，百度就让人失望了。

WordPress的安装与使用

对WordPress的理解

搭建一个个人博客一直是我的一个小心愿，wordpress无疑是最合适的系统，（WordPress是一款个人博客系统，并逐步演化成一款内容管理系统软件，它是使用PHP语言和MySQL数据库开发的），什么是博客，什么又是内容管理系统CMS?这些你都可以在wordpress文档中找到答案（https://cn.wordpress.org/），形象地说，有了wordpress，你就像是在博客园开了一个个人博客，你要做的就是像用word一样写文章，文章的发布以及分类整理这类工作就由WordPress通过MySQL来帮你完成，当然，配合各种各样的主题，wordpress能做的远不止一个博客这么简单。

这样的网页就区别于单一的静态网页了，可以称之为动态网页，在之前编写纯静态网页的过程中，我也深刻地体会到了静态网页在完成一些工作时的不便，尤其是后期的更新与维护，全部需要手动完成，这个工作量着实够大。而wordpress制作的页面是可以自动更新的。

WordPress的安装

服务器环境要求

PHP2.4或更新版本
MySQL0或更新版本
Apache mod_rewrite模块（可选，用于支持“固定链接”和“站点网络”功能）

这些环境的配置你可以购买一键部署脚本（虚拟主机的缺点此时又体现出来了），但我不喜欢这样，我喜欢自己动手，阿里云的官方文档有类似教程：https://help.aliyun.com/knowledge_detail/5974912.html ，但不完整，我又查阅了其他资料，花了两天的闲暇时间把wordpress需要的环境和wordpress搭建好了。

我用到的文件大概就是这一些: http://pan.baidu.com/s/1qYH0dbA

大家参考上面的教程手动搭建一下PHP与MySQL的环境，然后使用这个工具：

XAMPP：http://www.xampps.com/

引用官方介绍：XAMPP是完全免费且易于安装的Apache发行版，其中包含MySQL、PHP和Perl。XAMPP开放源码包的设置让安装和使用出奇容易。

使用这个软件进行管理，完成数据库的建立(为wordpress建立一个数据库，新建用户、设置密码，这些信息在安装wordpress时都需要使用)。

当我第一次看到这个界面时，也开心了很久：