如何用github展現demo效果?

前言

本身也在網上找過關於github上展現靜態網頁效果的資料,可是仍是有點稀裏糊塗,下面說一下本身的方法,若是有更好的方法,歡迎交流討論。html

這是個人github地址:FatDong1的githubgit


首先

打開你所要展現的github中的repository,例如個人是「2017ife」,而後打開settinggithub

clipboard.png

而後

往下拉,找到下面的Github Pagesspa

clipboard.png

clipboard.png

接着點擊旁邊的save,而後往下拉咱們能夠在看到,多了一個地址
clipboard.pngcode

最後

咱們在這個地址上加上咱們的文件夾裏所要展現的網頁就能夠了,我在awesome-demo文件夾裏放了一個叫作3D輪播圖的文件夾,文件夾裏面是index.html,因此個人展現地址爲https://fatdong1.github.io/awesome-demo/3D輪播圖/index.htmlhtm

個人github地址:https://github.com/FatDong1ip

添加

感謝評論的小夥伴添加了一點知識,真是活到老學到老阿,就是若是你的展現文件爲index.html,則能夠路徑中能夠不寫index.html,仍是上面的栗子,展現地址也能夠變爲https://fatdong1.github.io/awesome-demo/3D輪播圖get

相關文章
相關標籤/搜索