使用碼雲或GitHub搭建簡單的個人網站


視頻鏈接:https://www.bilibili.com/video/av64294697

 

碼雲:

1、新建一個倉庫      

路徑名會影響你的個人網站的網址(自行修改),開源(公開),其他默認

我們點擊創建   

2、進入倉庫后,我們新建一個文件

3、文件名為index.html,再寫入我們的html代碼

然后“提交”    

4、文件添加完成后,我們點擊“服務”->“Gitee Pages”

5、啟動服務

6、啟動完畢后,這個網址就是我們的個人網站的網址了。

7、我們點擊網址進入看看

8、之后我們就可以上傳其他文件,如css和js

網站加載可能不會很快,需要耐心等待,我搭建的網站:傳送門

 

————————————————————————————————————————————————————-————

GitHub:

操作類似

注意:新建倉庫時,倉庫名是“你的GitHub的用戶名.github.io” (用戶名如果是大寫,倉庫名要改成小寫)

進入倉庫后,我們在網址后面加上/new/master,進入創建文件頁面

之后就類似了,創建index.html文件

訪問的網址是http://你的倉庫名    我的就是(http://ikaros-521.github.io

 

補充部分:

GitHub不創建io倉庫也可以使用pages服務,參考 github 上如何直接預覽倉庫中的html,搭建自己的主頁

創建io倉庫后,以上服務就無法訪問404

可以通過 在html的網址前面+ http://htmlpreview.github.io/?

如 http://htmlpreview.github.io/?https://github.com/Ikaros-521/html_login_register/blob/master/login.html

不過似乎不快。。。

我已經在GitHub上搭建“博客”了,網址同上,可以參考。

主要使用的是hexo提供的一系列服務,以及 matery 的主題。

hexo的搭建參考博客:Hexo+Github: 個人博客網站搭建完全教程(看這篇就夠了)

matery主題設置:Hexo博客主題之hexo-theme-matery的介紹 | 閃爍之狐

yilia主題設置參考博客:Hexo yilia 主題一攬子使用方案


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM