使用碼雲或GitHub搭建簡單的個人網站(補充hexo搭建博客)

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

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

 

碼雲:

1、新建一個倉庫      

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

 

我們點擊創建   

 

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

 

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

 

然後“提交”    

 

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

 

5、啓動服務

 

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

 

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

 

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

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

 

———————————————————————————————————————————————————

GitHub:

操作類似

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

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

 

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

 

訪問的網址是https://你的倉庫名    我的就是(https://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 主題一攬子使用方案

我搭建的hexo博客圖片參考:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章