使用碼云或GitHub搭建簡單的個人網(wǎng)站(補充hexo搭建博客)
視頻鏈接:https://www.bilibili.com/video/av64294697

碼云:
1、新建一個倉庫? ? ??

路徑名會影響你的個人網(wǎng)站的網(wǎng)址(自行修改),開源(公開),其他默認
我們點擊創(chuàng)建? ?

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

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

然后“提交”? ??

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

5、啟動服務

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

7、我們點擊網(wǎng)址進入看看

8、之后我們就可以上傳其他文件,如css和js
網(wǎng)站加載可能不會很快,需要耐心等待,我搭建的網(wǎng)站:傳送門
—————————————————————————————————————————
GitHub:
操作類似
注意:新建倉庫時,倉庫名是“你的GitHub的用戶名.github.io” (用戶名如果是大寫,倉庫名要改成小寫)
進入倉庫后,我們在網(wǎng)址后面加上/new/master,進入創(chuàng)建文件頁面

之后就類似了,創(chuàng)建index.html文件

訪問的網(wǎng)址是https://你的倉庫名? ? 我的就是(https://ikaros-521.github.io)
—————————————————————————————————————————
補充部分:
GitHub不創(chuàng)建io倉庫也可以使用pages服務,參考?github 上如何直接預覽倉庫中的html,搭建自己的主頁?https://blog.csdn.net/weixin_30764771/article/details/95160729
創(chuàng)建io倉庫后,以上服務就無法訪問404
可以通過?在html的網(wǎng)址前面+?http://htmlpreview.github.io/?
如?http://htmlpreview.github.io/?https://github.com/Ikaros-521/html_login_register/blob/master/login.html
不過似乎不快。。。
我已經(jīng)在GitHub上搭建“博客”了,網(wǎng)址同上,可以參考。
主要使用的是hexo提供的一系列服務,以及?matery 的主題。
hexo的搭建參考博客:Hexo+Github: 個人博客網(wǎng)站搭建完全教程(看這篇就夠了)?https://www.cnblogs.com/shwee/p/11421156.html
matery主題設置:Hexo博客主題之hexo-theme-matery的介紹 | 閃爍之狐?https://blinkfox.github.io/2018/09/28/qian-duan/hexo-bo-ke-zhu-ti-zhi-hexo-theme-matery-de-jie-shao/
yilia主題設置參考博客:Hexo yilia 主題一攬子使用方案?https://blog.csdn.net/lynnbest/article/details/79845944
我搭建的hexo博客圖片參考:

標簽: