首頁 > 外鏈代發 > 一小時搭建自己的個人網站

一小時搭建自己的個人網站

2015-04-23 admin 外鏈代發 0人評論 45782

一小時搭建自己的個人網站  外鏈代發  第1張

3分快3 我的一個朋友幾個月前就說過想利用春節假期做一個自己的網站。現在假期快結束了,但他還沒有開始動手。明天就是他的生日,我決定做一個可惡的好朋友,寫一個關于如何一步步創建網站的簡單說明,并作為禮物送給他。

3分快3 做一個網站真的只需要一個小時。我之所以知道,是因為在做下面這些步驟時,我記錄了自己所耗的時間。做網站的整個過程花費了我僅僅不到一個小時的時間。(為了更好的衡量時間,我甚至注冊了一個新的域名,并創建了一個新的GitHub賬號)。你可以在GitHub上查看這個網站的代碼,網址:http://github.com/smilli/makethisinanhour。

3分快3 1.去namecheap.com上注冊一個域名。該步驟是可選的,只有當你想要一個定制域名時才需要該步驟。

3分快3 2.創建一個GitHub賬號,如果你的電腦上沒有Git,下載并安裝Git。

3分快3 3.創建一個目錄用來存放你的網站,并進入到該目錄。mkdir my-site && cd my-site。所有后邊的命令都假定你是在這個目錄下執行的。

4.為你的網站創建一個新的GitHub倉庫,命名為yourusername.github.io。例如,我的GitHub賬號是smilli,所以我的倉庫命名為smilli.github.io。

5.在你網站的目錄下執行git init和git remote add origin http://github.com/username/username.github.io.git命令,注意用你的用戶名替換username。

6.在你網站的目錄下,利用HTML創建一個名為index.html的文件,作為你網站的主頁。不要在index.html上花費太多時間,它可以和下邊的代碼一樣簡單:

  • <!DOCTYPE html>
  • <html>
  • <head>
  •   <meta charset="utf-8">
  •   <title>網站名字</title>
  •   <!-- Add some style to your site, see http://getbootstrap.com for details -->
  •   <link rel="stylesheet"
  •   href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  • </head>
  • <body>
  •   <h1>YOUR SITE TITLE</h1>
  •   <p>Your text blahblahbhalbha</p>
  •   <p>Another paragraph!  Maybe more text!</p>
  • </body>
  • </html>

3分快3 7.在這個文件中你可以輸入任何你想要的文本或html代碼。你可以查看你在本地對該文件所做的修改,如果你用的是Python3,執行python –m http.server 8000,如果你用的是Python2,執行python –m SimpleHTTPServer 8000。然后用你的瀏覽器打開http://localhost:8000即可。 8.現在執行下邊的命令:

  • git add .
  • git commit -m "Initial commit"
  • git push -u origin master

9.打開http://yourusername.github.io/。現在你應該看到你的網站了。恭喜,你把一些東西放在網上了。

10.如果你想添加自己擁有的域名,你可以創建一個名為CNAME的文件,注意文件名全為大寫。然后向這個文件中添加一行數據:yourdomainname.com(沒有http或www)。例如這個網站的CNAME文件可以這么寫:

  • makethisinanhour.com
  • View details on CNAME configuration here.

3分快3 在這個[CNAME配置](http://help.github.com/articles/adding-a-cname-file-to-your-repository/)頁中查看詳情。

3分快3 11.類似于前邊的操作,向GitHub提交你的更改:

  • git add .
  • git commit -m "Add CNAME"
  • git push

12.現在登錄網站http://www.namecheap.com/,點擊你的域名列表下的域名,域名列表應該看起來是這個樣子: 

一小時搭建自己的個人網站  外鏈代發  第2張

3分快3 點擊你的域名之后,在“Host Management”下邊的左邊工具欄中,你將看到一個鏈接“All Host Records”。點擊它。現在你就看到了Namecheap為你的站點添加的默認主機記錄。

一小時搭建自己的個人網站  外鏈代發  第3張

3分快3 修改你的主機記錄,使它們看起來像這個樣子(用戶名改為你GitHub賬戶的用戶名):

一小時搭建自己的個人網站  外鏈代發  第4張

13.DNS修改生效后,你就能在你的域名下查看你的網站了。恭喜哦!

 

標簽:

發表評論

◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。

官方微信公眾號
70755559
09:00 - 22:00
QQ客服: 70755559
客服郵箱: 678128@qq.com
2分快3-推荐 1分快3-官网 好运快3-欢迎您 幸运快3-安全购彩 网投app-Welcome 分分快3app-Home 1分快三平台-3分快3 彩票代理-推荐 五福彩票-官网 彩票大赢家-欢迎您