Part1. 如何純免費

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

Part2. 怎么實現(xiàn)

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

2.1 注冊github

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

登錄后，首頁如下所示。點擊“start a project”進入下一個頁面。

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

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

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

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

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

傳代碼方法一. Github Desktop

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

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

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

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

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

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

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

Baoling's Website?baoling.top

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

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

mac環(huán)境下上傳項目到github?www.jianshu.com

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

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

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

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

步驟三，在github你的repository下，點擊settings，滾到下方，github pages模塊，找到custom domain，輸入你購買的域名，save，完成了，你可以用你購買好的域名來訪問了。

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

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

w3school 在線教程?www.w3school.com.cnhttps://www.w3schools.com/?www.w3schools.com

步驟二，學(xué)習(xí)Bootstrap，學(xué)會自適應(yīng)設(shè)計。可以去以下網(wǎng)站自學(xué)。

Bootstrap?getbootstrap.com

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

Baoling's Website?baoling.top

總結(jié)

以上是生活随笔為你收集整理的如何搭建一个打印荣誉证书的网站_如何搭建一个免费的作品集网站的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。