我的一個(gè)朋友幾個(gè)月前就說過想利用春節(jié)假期做一個(gè)自己的網(wǎng)站?,F(xiàn)在假期快結(jié)束了,但他還沒有開始動手。明天就是他的生日,我決定做一個(gè)可惡的好朋友,寫一個(gè)關(guān)于如何一步步創(chuàng)建網(wǎng)站的簡單說明,并作為禮物送給他。 做一個(gè)網(wǎng)站真的只需要一個(gè)小時(shí)。我之所以知道,是因?yàn)樵谧鱿旅孢@些步驟時(shí),我記錄了自己所耗的時(shí)間。做網(wǎng)站的整個(gè)過程花費(fèi)了我僅僅不到一個(gè)小時(shí)的時(shí)間。(為了更好的衡量時(shí)間,我甚至注冊了一個(gè)新的域名,并創(chuàng)建了一個(gè)新的GitHub賬號)。你可以在GitHub上查看這個(gè)網(wǎng)站的代碼。
1.去namecheap.com上注冊一個(gè)域名。該步驟是可選的,只有當(dāng)你想要一個(gè)定制域名時(shí)才需要該步驟。
2.創(chuàng)建一個(gè)GitHub賬號,如果你的電腦上沒有Git,下載并安裝Git。
3.創(chuàng)建一個(gè)目錄用來存放你的網(wǎng)站,并進(jìn)入到該目錄。mkdir my-site && cd my-site。所有后邊的命令都假定你是在這個(gè)目錄下執(zhí)行的。
4.為你的網(wǎng)站創(chuàng)建一個(gè)新的GitHub倉庫,命名為yourusername.github.io。例如,我的GitHub賬號是smilli,所以我的倉庫命名為smilli.github.io。
5.在你網(wǎng)站的目錄下執(zhí)行g(shù)it init和git remote add origin https://github.com/username/username.github.io.git命令,注意用你的用戶名替換username。
6.在你網(wǎng)站的目錄下,利用HTML創(chuàng)建一個(gè)名為index.html的文件,作為你網(wǎng)站的主頁。不要在index.html上花費(fèi)太多時(shí)間,它可以和下邊的代碼一樣簡單:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>網(wǎng)站名字</title>
<!-- Add some style to your site, see http://getbootstrap.com for details -->
<link rel='stylesheet'
>
</head>
<body>
<h1>YOUR SITE TITLE</h1>
<p>Your text blahblahbhalbha</p>
<p>Another paragraph! Maybe more text!</p>
</body>
</html>
7.在這個(gè)文件中你可以輸入任何你想要的文本或html代碼。你可以查看你在本地對該文件所做的修改,如果你用的是Python3,執(zhí)行python –m http.server 8000,如果你用的是Python2,執(zhí)行python –m SimpleHTTPServer 8000。然后用你的瀏覽器打開http://localhost:8000即可。
8.現(xiàn)在執(zhí)行下邊的命令:
git add .
git commit -m 'Initial commit'
git push -u origin master
9.打開https://yourusername.github.io/。現(xiàn)在你應(yīng)該看到你的網(wǎng)站了。恭喜,你把一些東西放在網(wǎng)上了。
10.如果你想添加自己擁有的域名,你可以創(chuàng)建一個(gè)名為CNAME的文件,注意文件名全為大寫。然后向這個(gè)文件中添加一行數(shù)據(jù):yourdomainname.com(沒有http或www)。例如這個(gè)網(wǎng)站的CNAME文件可以這么寫:
makethisinanhour.com
View details on CNAME configuration here.
在這個(gè)[CNAME配置](https://help.github.com/articles/adding-a-cname-file-to-your-repository/)頁中查看詳情。
11.類似于前邊的操作,向GitHub提交你的更改:
git add .
git commit -m 'Add CNAME'
git push
12.現(xiàn)在登錄網(wǎng)站https://www.namecheap.com/,點(diǎn)擊你的域名列表下的域名,域名列表應(yīng)該看起來是這個(gè)樣子:
點(diǎn)擊你的域名之后,在“Host Management”下邊的左邊工具欄中,你將看到一個(gè)鏈接“All Host Records”。點(diǎn)擊它?,F(xiàn)在你就看到了Namecheap為你的站點(diǎn)添加的默認(rèn)主機(jī)記錄。
修改你的主機(jī)記錄,使它們看起來像這個(gè)樣子(用戶名改為你GitHub賬戶的用戶名):
13.DNS修改生效后,你就能在你的域名下查看你的網(wǎng)站了。恭喜哦!
英文出處:make this in an hour
譯文出處:伯樂在線 - xianhu
譯文鏈接:http://blog.jobbole.com/85932/