有点标题党的嫌疑，不过确实网站的主体是在两天内的完成的，后面只是抓取了素材和完善细节。以下内容绝对是赤裸裸的干货。
宣传语
历经两个半月的准备，三次大改版，十七次小改版。le1024终于要和大家见面了。
le1024每天推荐1~3段，有趣、有爱、有故事的视频。
为您工作、学习、生活之余增加一点快乐的感觉。
正文
网站前期的准备：
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
首先，le代表了 快乐，愉悦。1024所表达的含义，类似于“顶”、“非常棒”。
网站的宗旨就是，分享有趣，有爱，有价值的故事。一切以快乐为中心。
.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 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。
Demo one
Demo two
需要深入了解的Bootstrap栅格系统
其实Bootstrap还提供了好多实用的组件，如
自己琢磨下，研究研究，一定能写出漂亮的网页。
服务器软件安装
ubuntu 安装 nginx
ubuntu 安装 mysql
ubuntu 安装 ruby及rails环境
后话
做一个网站，和交女朋友一样。一定要细心，对它十二分的好，并且一定要负责任。
修改自简书，清水先生
身为一名IT技术人员磨练自己的技术是必不可少的，关注微信号coder_online，程序员互动联盟，可以与大牛在线随时讨论自己感兴趣的话题，让自己用最少的时间学到最多的东西（还可以拜师哦），我在程序员互动联盟期待您的加入。