手把手教你，如何在两天内做完一个网站！

由 发布于

来源: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环境

后话

做一个网站，和交女朋友一样。一定要细心，对它十二分的好，并且一定要负责任。

-End-


加小编微信：xiaobaito，可以邀请加入咱们的「菜鸟架构」技术群一起讨论技术，禁止发广告及垃圾信息哦。


热门阅读

重磅！2019年，开发语言新姿势造起来！
慌！一次惊心动魄的服务器误删文件的恢复过程
过分！七夕了，前后端还要分离？
强烈推荐Java程序员使用Google Guava编程
不吹牛！Mysql 千万数据10秒批量插入只需三步

更多请关注“菜鸟架构”公众号，将不断呈现更多架构干货！



给个在看，谢谢老板！