作者：AQ王浩
來源：https://www.jianshu.com/p/68768cd27125
有點標題黨的嫌疑，不過確實網站的主體是在兩天內的完成的，後面只是抓取了素材和完善細節。以下內容絕對是赤裸裸的乾貨。
網站前期的準備
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、選擇［域名管理］(http://static.iocoder.cn/2f2bab406f03f9214a51f9eca1d306a8)
3、選擇 【域名狀態設置】，先為域名解鎖（否則無法修改DNS）(http://static.iocoder.cn/53b6874155b4ebc9ddf15df1e29581ea)
4、然後再選擇 【修改域名DNS】
5、若【當前狀態】中有狀態信息，則將且所有狀態移至【增加狀態】欄內；繼續操作步驟(http://static.iocoder.cn/40736efd3d3f0dea2c21bda8e39d52e4)
6、DNS地址修改完成後再將【域名狀態設置】恢復原狀。
7、選擇域名伺服器為 【填寫具體信息】，修改域名DNS伺服器為DNSPod的2個DNS短地址（對應6台伺服器） ¨G1G
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環境