正文

一、网站前期的准备

• 买域名
  
• 租服务器
  
• 编写网站代码

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

二、使用到的工具

• 新网域名服务
  
• DNSpod
  
• locvps
  
• Bootstrap
  
• nginx + mysql + ubuntu + rails
  
• 百度网盘，七牛云存储

最终的效果图

三、疑问？

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

四、为啥要购买域名呢？

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

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

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

五、如何购买域名？

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

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

1、com 域名

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

2、org 域名

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

3、net 域名

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

4、me 域名

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

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

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

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

综上所述，楼主购买了
www.le1024.com

le 代表了 快乐，愉悦。 1024 所表达的含义，类似于“顶”、“非常棒”。

网站的宗旨，分享有趣，有爱，有故事的视频。

六、如何挑选服务器

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

具体操作如下：

• 登陆 http://dcp.xinnet.com/Modules/agent/domain/domain_manage.jsp
  
• 选择［域名管理］
  
  
• 选择【域名状态设置】，先为域名解锁（否则无法修改 DNS）
  
  
• 然后再选择【修改域名 DNS】
  
• 若【当前状态】中有状态信息，则将且所有状态移至【增加状态】栏内；继续操作步骤
  
  
• DNS 地址修改完成后再将【域名状态设置】恢复原状。
  

• 选择域名服务器为【填写具体信息】，修改域名 DNS 服务器为 DNSPod 的 2 个 DNS 短地址（对应 6 台服务器）
  f1g1ns1.dnspod.net f1g1ns2.dnspod.net

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

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

如图

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

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

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

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

Demo one

Demo two

需要深入了解的 Bootstrap 栅格系统

其实 Bootstrap 还提供了好多实用的组件，如

自己琢磨下，研究研究，一定能写出漂亮的网页。

九、宣传语

le1024 每天推荐 1~3 段，有趣、有爱、有故事的视频。 为您工作、学习、生活之余增加一点快乐的感觉。 欢迎关注 happyforni 微信公众号。 你的开心快乐，就是我最重要的决定！

十、服务器软件安装

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

原标题，《我是如何在两天内做一个网站的》--简书 格式有修改，本人原创，转载至 ruby-china，欢迎各位大神批评、指正。