從零開始重建作品集網(wǎng)站01——域名和DNS的設(shè)置

時間：2023-05-29 19:15:02 | 來源：網(wǎng)站運營

時間：2023-05-29 19:15:02 來源：網(wǎng)站運營

從零開始重建作品集網(wǎng)站01——域名和DNS的設(shè)置：又到了寒假，準備自己好好整理一下原本的作品集，看了下wix的續(xù)費居然要接近200刀……本著節(jié)省生活費和鍛煉自己前端能力的想法，決定自己重新搭建作品集網(wǎng)站。




域名的購買

首先最重要的就是購買域名和搭建服務(wù)器，我是參考了

這個問題，多方考慮了一下決定去namecheap上面買域名~

正巧圣誕節(jié)在打折.com第一年只要8.88（續(xù)費也只要10.88刀？比隔壁wix不知道好到哪兒去），當機立斷先買一年試試。

然后旁邊的Premium DNS我也在糾結(jié)，不過想想可以后面再臨時添加服務(wù)，而且在reddit上看了一圈大家都不推薦買，所以就先決定暫時先不買了。




網(wǎng)站的搭建

因為是作品集網(wǎng)站，而且未來不準備走網(wǎng)頁設(shè)計的方向，我不打算花太多的時間在backend的東西上，也不介意讓整個網(wǎng)站的代碼public（雖然前端可能會寫得有點亂亂，不過這也從側(cè)面證明了我有編程能力嘛），所以在搭網(wǎng)站方面我選擇用

免費，可以從github上實時push，之前項目也一直在用github所以比較熟悉。

如何創(chuàng)建自己的github pages官網(wǎng)上說的已經(jīng)很清晰了，比較需要注意的地方就是把自己的repository命名為自己的用戶名+.http://github.io，然后在repository里面放index.html push了之后就能夠有自己的網(wǎng)站啦（如果不講究域名之類的也可以直接用github pages作為自己的作品集網(wǎng)站，效果是一樣的，如果你github上又有很多程序的項目，你想展示的也是自己的代碼能力，感覺直接用github的網(wǎng)址會更好）

*需要注意的是github pages主要支持的是靜態(tài)的網(wǎng)站，雖然我好像也瞄到了有大神分享了如何在github pages上面建 JavaScript 網(wǎng)站，有需要可以參考一下




連接域名和Github Pages

那么我們域名也買好了，github 的項目也建好了，怎么把他們連到一起呢？

namecheap官方給出了一個教程，

非常全面，而且是最近（2018-11）剛剛更新的，跟著里面的步驟來，基本就OK啦！在修改完namecheap的domain page之后要記得在github 項目的setting里面找到custom domain里面把自己買的域名填進去哦~一般來說半個小時以內(nèi)就可以連接好，然后就可以重定向到你github的網(wǎng)站啦！




*記得在這個過程中如果遇到網(wǎng)站無法響應(yīng)或者無法連接的情況，可以清理一下瀏覽器的緩存




好了，現(xiàn)在我們的網(wǎng)站已經(jīng)能夠通過自定義的域名訪問啦，雖然還是個丑丑的index.html... 接下來我想做一下網(wǎng)站的用戶分析和UX的設(shè)計，然后把網(wǎng)頁的交互稿做好~

那么下次見啦~