這實際是一個3D的VR網(wǎng)頁为障，我們今天只看一下如何把開始的kksmagic文字變?yōu)樵┛鞓贰?br>
最終結(jié)果展示頁面點這里
github項目地址
因為是橫屏的吭从，微信里打開網(wǎng)頁都是豎屏不能旋轉(zhuǎn)便脊，所以最好在瀏覽器打開或者電腦上打開胶台。這個確實是個很老的項目了，可能在有些手機上顯示很慢甚至不能正常顯示署咽。
主要涉及內(nèi)容：
- github網(wǎng)站的注冊
- github上創(chuàng)建個人網(wǎng)頁
- PPT做圖片
- 發(fā)布個人網(wǎng)頁
Github網(wǎng)站登錄注冊
沒有什么特別說明的近顷，點這里進入Github網(wǎng)站注冊Sign up
為什么要注冊這個網(wǎng)站？因為我們做的網(wǎng)頁需要放在互聯(lián)網(wǎng)上發(fā)鏈接給其他人看宁否，所以就需要：
- 有個網(wǎng)絡(luò)服務(wù)器存儲我們的網(wǎng)頁文件
- 有個瀏覽器地址鏈接到我們的網(wǎng)頁文件
對于第一條窒升，按理說我們要租網(wǎng)絡(luò)服務(wù)器才行；對于第二條慕匠，我們要購買域名還要到公安部去備案才行饱须。但都不需要，有了github就能搞定了台谊，你可以在github創(chuàng)建和存儲幾乎任意多網(wǎng)頁蓉媳。
Github創(chuàng)建個人網(wǎng)站
按道理創(chuàng)建網(wǎng)站是要寫代碼的，但還有一個辦法就是直接復(fù)制別人的網(wǎng)頁過來锅铅。上面的Github項目地址其實就是放煙花的網(wǎng)頁項目酪呻，你只要把它拷貝過去成為自己的項目Project，再換一下圖片就可以發(fā)布了狠角。
怎么拷貝別人的項目？點Fork就好了蚪腋！
然后再回到自己的Github首頁就可以左側(cè)倉庫面板（Repositories）出現(xiàn)了被復(fù)制過來的項目名丰歌，點進去就可以進行修改了。
這其實是個文件管理器屉凯，這里的index.html文件就是我們看到的放煙花的網(wǎng)頁文件立帖，熟悉網(wǎng)頁制作的話以后你可以自己研究怎么修改，現(xiàn)在我們直接點擊dist進去悠砚。
用PPT更換圖片
打開PPT軟件晓勇，添加一個文字，粗一些，大一些绑咱，編輯成“元旦快樂”绰筛，可以為每個字設(shè)置不同顏色，然后右鍵另存為圖片pattern.png描融。
回到網(wǎng)站铝噩，點擊進入dist/kksFireWorks/imgs/目錄，點擊pattern.png窿克，然后刪除它骏庸。
然后點擊Commit changes，提交修改年叮，也就是保存具被，確認(rèn)刪除。
然后點擊Upload files上傳文件只损。
把PPT存儲的額pattern.png拖拽到彈窗中一姿，等待上傳完成，然后點擊底部的Commit changes再次提交保存改执。
最后可以在dist/kksFireWorks/imgs/位置看一下pattern.png是否已經(jīng)更新完成啸蜜。
發(fā)布網(wǎng)頁
點擊鏈接kksmagic回到項目頂層，然后點擊Settings設(shè)置辈挂。
向下滾動找到GitHub Pages衬横，Source源下面選擇Master branch，然后點擊Save保存终蒂，稍等頁面刷新后就可以看到你的個人網(wǎng)頁鏈接了蜂林，點擊這個鏈接觀看一下效果。
由于發(fā)布往往需要幾分鐘時間拇泣，所以可能過一會才能正常顯示噪叙，要耐心等一會刷新頁面再試。
匯總
- GitHub是全球最大的開源代碼社區(qū)霉翔，很多牛X的開源項目在這里都可以找到睁蕾，而且可以輕松Fork復(fù)制成為自己的分支項目。
- Github的每個項目Project也就是每個倉庫Repository债朵，存儲著我們的全部文件子眶。
- GitHub可以在線管理文件，刪除序芦、上傳臭杰、新建，甚至能編輯很多代碼文件谚中，比如html渴杆、js等寥枝。
- GitHub Pages可以將我們項目的index.html頁面作為首頁發(fā)布成鏈接，快速創(chuàng)建可以分享的網(wǎng)頁地址磁奖。
如果你熟悉Html和js囊拜，可以參考項目說明，進行更多關(guān)于煙火的參數(shù)修改点寥，這些參數(shù)都在index.html和index.js中艾疟，你可以把項目復(fù)制到本地或者直接在線點擊鉛筆按鈕修改。
每個人的智能新時代
如果您發(fā)現(xiàn)文章錯誤蔽莱，請不吝留言指正；
如果您覺得有用戚长，請點喜歡盗冷；
如果您覺得很有用，歡迎轉(zhuǎn)載~
END
