我是如何在两天内做完一个网站的

来源:http://suo.im/5eyK0X

有点标题党的嫌疑，不过确实网站的主体是在两天内的完成的，后面只是抓取了素材和完善细节。以下内容绝对是赤裸裸的干货。

**网站前期的准备： **
1、买域名
2、租服务器
3、编写网站代码

总体就这三步，但是每一点都有好多必须要要了解的地方。

使用到的工具

1、新网域名服务
2、DNSpod
3、locvps
4、Bootstrap
5、nginx + mysql + ubuntu + rails
6、百度网盘，七牛云存储

疑问？

1、如何购买域名？购买什么域名比较好？域名多少钱？
2、如何租用服务器？国内的服务器和国外的服务器又什么区别？
3、如何绑定域名和IP地址呢？
4、我不会CSS，如何写出漂亮的界面？

为啥要购买域名呢？

举个例子，每个人出生的时候，都会有一串数字，这串数字会更随着你一生。它就是身份证，14xxxxxxxxxxxxxxxxxx。这串数字是你在地球上生活的的唯一标识符。 但是考虑到它的实用性，父母叫你的时候不可能叫你的身份证号吧，所以就给你起了个名字。狗蛋儿。
狗蛋儿对应的就是 14xxxxxxxxxxxxxxxxxx。上学同学叫你狗蛋儿，老师叫你狗蛋儿，女朋友叫你狗蛋儿。别人只需要知道你的名字就好了，不需要知道你的身份证是多少。

在互联网中，每个机器设备都会有唯一的标识符，IP地址。但是记忆IP地址太不靠谱了，所以有人就想了个招，给它起个名字吧。

如，办一个公司，买一个一个公网服务器，就有了公网的IP地址（就相当于有了个儿子，儿子有了身份证号），但是想让外面的人知道，就向域名服务商购买域名（给儿子起了个名字）将域名和购买的公网IP地址绑定（公安局办户口），两者就关联在一起了。

如何购买域名？

国内的著名域名提供商有新网、万网。
由于楼主一直使用新网的域名服务，所以这里推荐新网

购买域名之前，简单介绍下域名的种类和一些特性

一、com域名

1、英文名 company
2、.com是目前国际最广泛流行的通用域名格式
3、com为 Commercial organizations 简称，表示商业组织，公司。.com是目前国际最广泛流行的通用域名格式，现全球的用户超过1.1亿个。所有国际化公司都会注册.com域名。
4、.com域名的在互联网域名系统是一个顶级域名(TLD)
5、如果做SEO优化，及谷歌广告推广等使用，请使用com域名,cn, info域名，这些域名在搜索中权重较高。如果你注册一个后缀是xx的域名，别人的一看便是非法网站，就没兴趣浏览了。

二、org域名

1、英文名 organization
2、.org适用于各类组织机构，包括非盈利团体。在注册方面，org域名的资格没有任何限制，任何一个国家的个人或企业均可注册。
3、.org域名与·com和·net同是目前国际最广泛流行的通用域名格式。

三、net域名

1、.net是国际最广泛流行的通用域名格式。一般用于从事Internet相关的网络服务的机构或公司，是建立全球商业品牌，国际化形象的第一选择

四、me域名

1、.me域名是欧洲西南部的国家黑山共和国（Montenegro，原为南斯拉夫社会主义联邦共和国的一部分，2006年宣布独立）的国家域名。.me域名是全球最新推出的顶级域名
2、对注册.me域名的资格没有任何限制，任何一个国家的个人或企业均可注册。虽然没有使用限制，但是在北京.me域名，备案肯定会通不过。

回到之前的问题。既然做了上面的介绍，推荐购买.com域名。
域名一定要简单明了，比如百度(baidu.com), 谷歌(g.cn 谷歌中国域名),dota(dota.uuu9.com)，资料介绍，知名公司的网址的平均长度为7.5。

还有，域名中尽量不要添加“-”（中横线），因为会降低爬虫检索的权重。

购买域名前，可以搜索自己心爱的域名是否被购买了

综上所述，购买了

www.le1024.com .com域名，一般48RMB/每年。

如何挑选服务器？

1、国内服务器推荐
阿里云(稳定，安全，服务好)，价格相对适中
双核，2G内存，2M带宽，20GB固态硬盘 194RMB/每月
为啥推荐阿里云呢？因为阿里云提供备案服务，只需要提供身份证及网站负责人备案图片（阿里云与照相馆合作，免费拍照，费用阿里云出），资料准备好之后，最后提供给ICP（因特网内容提供商英文全称为 Internet Content Provider ）审核，等待审核之后，ICP会短信通知你。

国内播放视频，必须办理视频许可证。

国内服务器优点：速度快，网络相对稳定，选择阿里云，扩展比较方便
国内服务器缺点：必须要备案，没有备案，域名不会解析到公网IP地址

注意：千万别相信，某宝上，一天快速备案的广告。

吐槽一下，电视剧，电影有审核，制作网站也需要审核，屏蔽谷歌，facebook等等，中国在文化上的闭关锁国上越走越远。

其余的国内服务器没用过，不便瞎说。

2、国外服务器推荐
Linode：美国VPS提供商，专注于基于XEN虚拟的VPS，成立于2003年，办公地点在新泽西。所提供的VPS服务颇多好评。但只支持信用卡这一种付款方式，在国内购买多有不便。最基本的服务方案是Linode 1G，10$每月。

locvps: 采用Intel Xeon CPU，标准1U服务器，ECC错误效验内存，G口网络接入，Raid10+BBU磁盘阵列，保障您的VPS稳定运行
CPU：2 CPUs内存：512 M硬盘：15 G端口：2 M流量：不限

楼主就使用的 locvps，原因，某运维推荐的。

国外服务器优点：不需要备案，限制少
国外服务器缺点：速度略慢

如果你由于某些因素，不备案的话，选择国外服务器是不错的选择。

如何绑定域名和IP地址呢？

首先需要知道，
DNS（Domain Name System，域名系统），因特网上作为域名和IP地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。通过主机名，最终得到该主机名对应的IP地址的过程叫做域名解析（或主机名解析）。

在一个TCP/IP架构的网络（例如Internet）环境中，DNS是一个非常重要而且常用的系统。主要的功能就是将人易于记忆的Domain Name与人不容易记忆的IP Address作转换。而上面执行DNS服务的这台网络主机，就可以称之为DNS Server。基本上，通常我们都认为DNS只是将Domain Name转换成IP Address，然后再使用所查到的IP Address去连接（俗称“正向解析”）。事实上，将IP Address转换成Domain Name的功能也是相当常使用到的，当login到一台Unix工作站时，工作站就会去做反查，找出你是从哪个地方连线进来的（俗称“逆向解析”）。

这里我们介绍下免费提供DNS解析的工具DNSpod,DNSPod是中国第一大DNS解析服务提供商、第一大域名托管商。它除了实时生效、不限制用户添加的域名和记录数量、提供URL转发、搜索引擎优化、域名共享管理、域名锁定、IPv6的支持、动态域名解析、API接口、批量修改管理等先进功能外，还拥有：云DNS、DNSPod DNS Protector（DNSPod 自主研发的DNS 防护软件）、宕机监控、安全中心、7*24小时专业技术支持。并且所有功能都是免费向所有用户提供。

新修改域名DNS指向DNSPod的DNS域名，虽DNSPod服务器的生效时间是实时的，但因各地ISP服务商刷新域名DNS的时间不一致，所以导致解析在全球生效一般需要0--72小时。

使用DNSpod解析域名，具体主要流程
一、在域名提供商管理后台，配置域名DNS为DNSpod提供的
f1g1ns1.dnspod.net
f1g1ns2.dnspod.net

具体操作如下：
1、登陆

http://dcp.xinnet.com/Modules/agent/domain/domain_manage.jsp
2、选择［域名管理］

3、选择【域名状态设置】，先为域名解锁（否则无法修改DNS）

4、然后再选择【修改域名DNS】
5、若【当前状态】中有状态信息，则将且所有状态移至【增加状态】栏内；继续操作步骤

6、DNS地址修改完成后再将【域名状态设置】恢复原状。
7、选择域名服务器为【填写具体信息】，修改域名DNS服务器为DNSPod的2个DNS短地址（对应6台服务器）
f1g1ns1.dnspod.net
f1g1ns2.dnspod.net

8、点击保存，然后等待全球递归DNS服务器刷新（最多72小时）。

二、在DNSpod 管理平台，设置域名，并解析到服务器IP地址

DNSpod设置完毕之后，最快当时便可以解析到IP地址。

我不会CSS，如何写出漂亮的界面？

我也不会写css，我推荐大名鼎鼎的 Bootstrap
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。

为所有开发者、所有应用场景而设计。
Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

服务器软件安装

ubuntu 安装 nginx
ubuntu 安装 mysql
ubuntu 安装 ruby及rails环境