前期準備

1. 買(mǎi)域名

2. 租服務(wù)器

3. 編寫(xiě)網(wǎng)站代碼

總體就這三步，但是每一點(diǎn)都有好多必須要要了解的地方。

使用到的工具

1. 新網(wǎng)域名服務(wù)

2. DNSpod

3. locvps

4. Bootstrap

5. nginx + mysql + ubuntu + rails

6. 百度網(wǎng)盤(pán)，七牛云存儲

疑問(wèn)

1. 如何購買(mǎi)域名？購買(mǎi)什么域名比較好？域名多少錢(qián)？

2. 如何租用服務(wù)器？國內的服務(wù)器和國外的服務(wù)器又什么區別？

3. 如何綁定域名和 IP 地址呢？

4. 我不會(huì ) CSS，如何寫(xiě)出漂亮的界面？

為啥要購買(mǎi)域名

舉個(gè)例子，每個(gè)人出生的時(shí)候，都會(huì )有一串數字，這串數字會(huì )更隨著(zhù)你一生。它就是身份證，14xxxxxxxxxxxxxxxxxx。這串數字是你在地球上生活的的唯一標識符。但是考慮到它的實(shí)用性，父母叫你的時(shí)候不可能叫你的身份證號吧，所以就給你起了個(gè)名字。狗蛋兒。

狗蛋兒對應的就是 14xxxxxxxxxxxxxxxxxx。上學(xué)同學(xué)叫你狗蛋兒，老師叫你狗蛋兒，女朋友叫你狗蛋兒。別人只需要知道你的名字就好了，不需要知道你的身份證是多少。

在互聯(lián)網(wǎng)中，每個(gè)機器設備都會(huì )有唯一的標識符，IP 地址。但是記憶 IP 地址太不靠譜了，所以有人就想了個(gè)招，給它起個(gè)名字吧。

如，辦一個(gè)公司，買(mǎi)一個(gè)一個(gè)公網(wǎng)服務(wù)器，就有了公網(wǎng)的 IP 地址（就相當于有了個(gè)兒子，兒子有了身份證號），但是想讓外面的人知道，就向域名服務(wù)商購買(mǎi)域名（給兒子起了個(gè)名字）將域名和購買(mǎi)的公網(wǎng)IP地址綁定（公安局辦戶(hù)口），兩者就關(guān)聯(lián)在一起了。

如何購買(mǎi)域名

國內的著(zhù)名域名提供商有新網(wǎng)、萬(wàn)網(wǎng)。

由于樓主一直使用新網(wǎng)的域名服務(wù)，所以這里推薦新網(wǎng)。

購買(mǎi)域名之前，簡(jiǎn)單介紹下域名的種類(lèi)和一些特性

一、com域名

1、英文名 company2、.com 是目前國際最廣泛流行的通用域名格式3、com 為 Commercial organizations 簡(jiǎn)稱(chēng)，表示商業(yè)組織，公司。.com是目前國際最廣泛流行的通用域名格式，現全球的用戶(hù)超過(guò) 1.1 億個(gè)。所有國際化公司都會(huì )注冊 .com 域名。4、.com 域名的在互聯(lián)網(wǎng)域名系統是一個(gè)頂級域名(TLD)5、如果做 SEO 優(yōu)化，及谷歌廣告推廣等使用，請使用 com 域名,cn, info 域名，這些域名在搜索中權重較高。如果你注冊一個(gè)后綴是 xx 的域名，別人的一看便是非法網(wǎng)站，就沒(méi)興趣瀏覽了。

二、org 域名

1、英文名 organization2、.org 適用于各類(lèi)組織機構，包括非盈利團體。在注冊方面，org 域名的資格沒(méi)有任何限制，任何一個(gè)國家的個(gè)人或企業(yè)均可注冊。3、.org 域名與 ·com 和 ·net 同是目前國際最廣泛流行的通用域名格式。

三、net 域名

.net 是國際最廣泛流行的通用域名格式。一般用于從事 Internet 相關(guān)的網(wǎng)絡(luò )服務(wù)的機構或公司，是建立全球商業(yè)品牌，國際化形象的第一選擇

四、me 域名

1. .me 域名是歐洲西南部的國家黑山共和國（Montenegro，原為南斯拉夫社會(huì )主義聯(lián)邦共和國的一部分，2006 年宣布獨立）的國家域名。.me 域名是全球最新推出的頂級域名

2. 對注冊 .me 域名的資格沒(méi)有任何限制，任何一個(gè)國家的個(gè)人或企業(yè)均可注冊。雖然沒(méi)有使用限制，但是在北京 .me 域名，備案肯定會(huì )通不過(guò)。

回到之前的問(wèn)題。既然做了上面的介紹，推薦購買(mǎi) .com 域名。域名一定要簡(jiǎn)單明了，比如百度(baidu.com), 谷歌(g.cn 谷歌中國域名),dota(dota.uuu9.com)，資料介紹，知名公司的網(wǎng)址的平均長(cháng)度為7.5。

還有，域名中盡量不要添加“-”（中橫線(xiàn)），因為會(huì )降低爬蟲(chóng)檢索的權重。

購買(mǎi)域名前，可以搜索自己心愛(ài)的域名是否被購買(mǎi)了

如何挑選服務(wù)器

1. 國內服務(wù)器推薦

阿里云(穩定，安全，服務(wù)好)，價(jià)格相對適中雙核，2G 內存，2M 帶寬，20GB 固態(tài)硬盤(pán) 194RMB/每月為啥推薦阿里云呢？因為阿里云提供備案服務(wù)，只需要提供身份證及網(wǎng)站負責人備案圖片（阿里云與照相館合作，免費拍照，費用阿里云出），資料準備好之后，最后提供給 ICP（因特網(wǎng)內容提供商英文全稱(chēng)為 Internet Content Provider ）審核，等待審核之后，ICP 會(huì )短信通知你。

國內播放視頻，必須辦理視頻許可證。

國內服務(wù)器優(yōu)點(diǎn)：速度快，網(wǎng)絡(luò )相對穩定，選擇阿里云，擴展比較方便國內服務(wù)器缺點(diǎn)：必須要備案，沒(méi)有備案，域名不會(huì )解析到公網(wǎng)IP地址

注意：千萬(wàn)別相信，某寶上，一天快速備案的廣告。

其余的國內服務(wù)器沒(méi)用過(guò)，不便瞎說(shuō)。

1. 國外服務(wù)器推薦

Linode：美國 VPS 提供商，專(zhuān)注于基于 XEN 虛擬的 VPS ，成立于 2003 年，辦公地點(diǎn)在新澤西。所提供的 VPS 服務(wù)頗多好評。但只支持信用卡這一種付款方式，在國內購買(mǎi)多有不便。最基本的服務(wù)方案是 Linode 1G，10$ 每月。

locvps: 采用 Intel Xeon CPU，標準 1U 服務(wù)器，ECC 錯誤效驗內存，G 口網(wǎng)絡(luò )接入，Raid10+BBU 磁盤(pán)陣列，保障您的 VPS 穩定運行CPU：2 CPUs 內存：512M 硬盤(pán)：15G 端口：2M 流量：不限

樓主就使用的 locvps，原因，某運維推薦的。

國外服務(wù)器優(yōu)點(diǎn)：不需要備案，限制少?lài)夥?wù)器缺點(diǎn)：速度略慢

如何綁定域名和IP地址

首先需要知道，DNS（Domain Name System，域名系統），因特網(wǎng)上作為域名和 IP 地址相互映射的一個(gè)分布式數據庫，能夠使用戶(hù)更方便的訪(fǎng)問(wèn)互聯(lián)網(wǎng)，而不用去記住能夠被機器直接讀取的 IP 數串。通過(guò)主機名，最終得到該主機名對應的 IP 地址的過(guò)程叫做域名解析（或主機名解析）。

在一個(gè) TCP/IP 架構的網(wǎng)絡(luò )（例如 Internet）環(huán)境中，DNS 是一個(gè)非常重要而且常用的系統。主要的功能就是將人易于記憶的 Domain Name 與人不容易記憶的 IP Address 作轉換。而上面執行 DNS 服務(wù)的這臺網(wǎng)絡(luò )主機，就可以稱(chēng)之為 DNS Server?；旧?，通常我們都認為 DNS 只是將 Domain Name 轉換成 IP Address，然后再使用所查到的 IP Address 去連接（俗稱(chēng)“正向解析”）。事實(shí)上，將 IP Address 轉換成 Domain Name 的功能也是相當常使用到的，當 login 到一臺 Unix 工作站時(shí)，工作站就會(huì )去做反查，找出你是從哪個(gè)地方連線(xiàn)進(jìn)來(lái)的（俗稱(chēng)“逆向解析”）。

這里我們介紹下免費提供 DNS 解析的工具 DNSpod,DNSPod 是中國第一大 DNS 解析服務(wù)提供商、第一大域名托管商。它除了實(shí)時(shí)生效、不限制用戶(hù)添加的域名和記錄數量、提供 URL 轉發(fā)、搜索引擎優(yōu)化、域名共享管理、域名鎖定、IPv6 的支持、動(dòng)態(tài)域名解析、API 接口、批量修改管理等先進(jìn)功能外，還擁有：云 DNS、DNSPod DNS Protector（DNSPod 自主研發(fā)的 DNS 防護軟件）、宕機監控、安全中心、7*24 小時(shí)專(zhuān)業(yè)技術(shù)支持。并且所有功能都是免費向所有用戶(hù)提供。

新修改域名 DNS 指向 DNSPod 的 DNS 域名，雖 DNSPod 服務(wù)器的生效時(shí)間是實(shí)時(shí)的，但因各地 ISP 服務(wù)商刷新域名 DNS 的時(shí)間不一致，所以導致解析在全球生效一般需要 0--72 小時(shí)。

使用 DNSpod 解析域名，具體主要流程

一、配置域名 DNS

在域名提供商管理后臺，配置域名 DNS 為 DNSpod 提供的

• f1g1ns1.dnspod.net

• f1g1ns2.dnspod.net

具體操作如下：

1、登陸 http://dcp.xinnet.com/Modules/agent/domain/domain_manage.jsp

2、選擇［域名管理］

3、選擇 【域名狀態(tài)設置】，先為域名解鎖（否則無(wú)法修改DNS）

4、然后再選擇 【修改域名DNS】

5、若【當前狀態(tài)】中有狀態(tài)信息，則將且所有狀態(tài)移至【增加狀態(tài)】欄內；繼續操作步驟

6、DNS地址修改完成后再將【域名狀態(tài)設置】恢復原狀。

7、選擇域名服務(wù)器為 【填寫(xiě)具體信息】，修改域名DNS服務(wù)器為DNSPod的2個(gè)DNS短地址（對應6臺服務(wù)器） ¨G1G

8、點(diǎn)擊保存，然后等待全球遞歸DNS服務(wù)器刷新（最多72小時(shí)）。

二、設置域名解析

在 DNSpod 管理平臺，設置域名，并解析到服務(wù)器 IP 地址，DNSpod 設置完畢之后，最快當時(shí)便可以解析到 IP 地址。

如何寫(xiě)出漂亮的界面

我也不會(huì )寫(xiě) css，我推薦 大名鼎鼎的 BootstrapBootstrap 是 Twitter 推出的一個(gè)開(kāi)源的用于前端開(kāi)發(fā)的工具包。它由 Twitter 的設計師 Mark Otto 和 Jacob Thornton 合作開(kāi)發(fā)，是一個(gè) CSS/HTML 框架。Bootstrap 提供了優(yōu)雅的 HTML 和 CSS 規范，它即是由動(dòng)態(tài) CSS 語(yǔ)言 Less 寫(xiě)成。

為所有開(kāi)發(fā)者、所有應用場(chǎng)景而設計。Bootstrap 讓前端開(kāi)發(fā)更快速、簡(jiǎn)單。所有開(kāi)發(fā)者都能快速上手、所有設備都可以適配、所有項目都適用。

另一種方案

不過(guò)，也可以不必寫(xiě)頁(yè)面，現在有很多流行的靜態(tài)頁(yè)面生成工具，使用起來(lái)也很方便。

后話(huà)

做一個(gè)網(wǎng)站，和交女朋友一樣。一定要細心，對它十二分的好，并且一定要負責任。