如何搭建一個(gè)免費(fèi)的作品集網(wǎng)站

時(shí)間：2023-07-10 02:36:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-10 02:36:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

如何搭建一個(gè)免費(fèi)的作品集網(wǎng)站：

Part1. 如何純免費(fèi)

自己Coding+免服務(wù)器+免費(fèi)域名。

Part2. 怎么實(shí)現(xiàn)

Github Pages提供了完全免費(fèi)的網(wǎng)站生成，包括給你一個(gè)免費(fèi)域名。只需要將自己的網(wǎng)站代碼傳到github上。步驟如下：

2.1 注冊(cè)github

去http://github.com網(wǎng)站上注冊(cè)一個(gè)自己的賬號(hào)，這里賬號(hào)名最好是（純英文字母）或（英文字母+數(shù)字），不要有破折號(hào)等符號(hào)。

登錄后，首頁(yè)如下所示。點(diǎn)擊“start a project”進(jìn)入下一個(gè)頁(yè)面。






2.2 創(chuàng)建github repository（可以理解為一個(gè)文件夾，用來(lái)存放你的網(wǎng)站代碼）。

這里的Repository name有且只能起一個(gè)名字，才能變成你的域名。只能起 [你的github賬號(hào)名].http://github.io，以后就可以用 [你的github賬號(hào)名].http://github.io 這個(gè)網(wǎng)址來(lái)訪問你的網(wǎng)站啦。

（你也可以給Repository起其他名字，那這個(gè)repository就是一個(gè)普通的存放內(nèi)容的文件夾，沒有網(wǎng)站的功能。）





2.3 上傳網(wǎng)站代碼到這個(gè)repository

上傳方法有以下兩種，任選其一，推薦第一種方法。

傳代碼方法一. Github Desktop

步驟一， 到 https://desktop.github.com/網(wǎng)站上下載github desktop客戶端，安裝。

步驟二，回到github網(wǎng)站上，在剛才創(chuàng)建的 repository 上點(diǎn)擊“Set up in Desktop”，然后在彈窗上點(diǎn)擊“Open GitHub Desktop”，將把這個(gè) repository作為一個(gè)文件夾拷貝到你電腦本地。




步驟三，在彈出的github desktop客戶端上，選擇好你本地要存放的路徑local path，然后點(diǎn)擊clone，拷貝到本地。




步驟四，在你電腦本地找到剛才拷貝的文件夾，打開，里面是空的。你需要把你寫好的網(wǎng)站代碼全部放進(jìn)去。放進(jìn)去之后，再打開github desktop，會(huì)看到有更新。




步驟五，看到github desktop上有更新。在4的區(qū)域填入此次更新的內(nèi)容，隨便填什么都可以。然后在點(diǎn)擊5的位置commit，然后點(diǎn)擊6的位置push。push完成后，你的代碼就傳到github上啦。




步驟六，在瀏覽器里輸入 [你的github賬號(hào)名].http://github.io ，你的網(wǎng)站就出來(lái)了。移動(dòng)端網(wǎng)頁(yè)也可以訪問喲。

以上步驟視頻版可以在此查看。




傳代碼方法二. CMD(windows)或Terminal(mac)寫代碼來(lái)傳網(wǎng)站代碼。

這個(gè)比較復(fù)雜，給大家附一個(gè)鏈接，有興趣的可以看看。

Part3. 不喜歡github的域名怎么辦(要免費(fèi)的不用看這步)

如果你不喜歡github生成的域名，那就需要花錢購(gòu)買自己的域名了。購(gòu)買后，用自己的域名綁定github的域名就可以了。

步驟一，購(gòu)買域名的地方：阿里云官網(wǎng)，或godaddy。

步驟二，購(gòu)買域名后，根據(jù)各自網(wǎng)站的提示，解析域名，將域名解析地址填為 [你的github賬號(hào)名].http://github.io。

步驟三，在github你的repository下，點(diǎn)擊settings，滾到下方，github pages模塊，找到custom domain，輸入你購(gòu)買的域名，save，完成了，你可以用你購(gòu)買好的域名來(lái)訪問了。

Part4. 怎么寫網(wǎng)站代碼

步驟一，學(xué)習(xí)HTML、CSS、JQuery、JavaScript，可以去以下網(wǎng)站自學(xué)。




步驟二，學(xué)習(xí)Bootstrap，學(xué)會(huì)自適應(yīng)設(shè)計(jì)?？梢匀ヒ韵戮W(wǎng)站自學(xué)。




以上步驟，如果希望跟老師一起學(xué)的，可以報(bào)名參加我的付費(fèi)課程，用28次課程，每次濃縮5-8min的視頻教學(xué)，讓你在一個(gè)月內(nèi)開發(fā)出自己的作品集網(wǎng)站。