5分鐘做一個(gè)免費(fèi)的網(wǎng)頁愛情樹,快快學(xué)習(xí)發(fā)給自己的女朋友吧(微信QQ都可以查看
時(shí)間：2023-07-24 05:30:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-07-24 05:30:01 來源：網(wǎng)站運(yùn)營
5分鐘做一個(gè)免費(fèi)的網(wǎng)頁愛情樹,快快學(xué)習(xí)發(fā)給自己的女朋友吧(微信QQ都可以查看哦)^_^：
有什么特點(diǎn):- 網(wǎng)頁是在線的, 可以微信發(fā)給你女朋友
- 你可以把在線地址轉(zhuǎn)成二維碼發(fā)給女朋友哦
- 可以自定義背景音樂哦
- 不需要編程基礎(chǔ), 任何人都會(huì)做的. 不過一定要先注冊(cè)一個(gè)GitHub賬號(hào)
你可以先打開這個(gè)地址查看我給我媳婦制作的愛情樹
也可以看一下GIF效果教程視頻(5分鐘):5分鐘做一個(gè)免費(fèi)的網(wǎng)頁愛情樹https://www.zhihu.com/video/1132062193285480448
圖文教程 Step one by one.第一步：打開這個(gè)地址AJLoveChina/LoveTree ，先點(diǎn)擊給個(gè)小星星^_^，然后點(diǎn)擊Fork按鈕
先點(diǎn)擊給個(gè)小星星吧 (小星星就是收藏的意思) ^_^fork 作者的倉庫第二步：fork完成之后，點(diǎn)擊config.js文件第三步：點(diǎn)擊修改按鈕，我們接下來修改config.js， config.js就是我們的配置文件，包含了我們愛情樹網(wǎng)頁的內(nèi)容。比如表白文字，相愛時(shí)間，雙方的昵稱。第四步：按照config.js文件的提示修改內(nèi)容第五步：修改好之后，當(dāng)然就是保存了。Github保存的按鈕叫做 Commit changes (提交修改) (還是蠻形象的哈)
第六步：提交之后。我們需要做一些設(shè)置來讓我們的愛情樹可以被別人訪問，例如用手機(jī)瀏覽器，用微信等等打開，這樣我們的愛情樹才有意義啊。第七步：在setting頁面找到下圖中的設(shè)置，點(diǎn)擊master branch， 然后頁面會(huì)自動(dòng)刷新。第八步：上一步完成之后，繼續(xù)滾動(dòng)頁面到下圖位置，點(diǎn)擊圖中https//xxx/loveTree/
那個(gè)鏈接, 如果打開頁面顯示404, 請(qǐng)?jiān)诘刂纷詈笠粋€(gè)斜杠/后面加上 index.html 即可。（忽略地址最后的小數(shù)點(diǎn)，那個(gè)沒有用）這里我們的教程就完成了，如果有問題歡迎在下方評(píng)論哦，傲天老鐵會(huì)在看到之后回復(fù)的。
然后趕緊做一個(gè)屬于自己的愛情樹發(fā)給自己的女朋友吧~~~
（傲天溫馨提示，把地址轉(zhuǎn)成二維碼之后發(fā)給女朋友更有意思哦，而且不要用那種土土的黑白二維碼，這里我推薦一個(gè)二維碼美化工具 awesome-qrcode，可以做出非常炫酷的二維碼，比如下面二維碼是我做的愛情樹網(wǎng)頁，你可以微信掃一掃看看）
Tip：awesome-qrcode是一款開源的二維碼美化工具
男人可以不帥，但是一定要騷bye bye~~
(PPS：歡迎在Github關(guān)注一下傲天唄 我會(huì)經(jīng)常分享+開發(fā)一些有趣的應(yīng)用，樓主是實(shí)力開發(fā)(*^▽^*) ）
更新日志
- 2020年1月2日更新 修復(fù)safari時(shí)間顯示NaN的bug (在此時(shí)間之前已經(jīng)fork的老鐵需要重新fork才能修復(fù)這個(gè)bug) （ 感謝@Ploros 老鐵的反饋）
- 2020年1月17日更新，回答 @萬花筒 如何修改音樂？(這里不文字說明了, 直接給個(gè)GIF圖，注意音樂文件的名稱必須是 music.mp3，必須這個(gè)名字哦?。?
音樂文件的名稱必須是 music.mp33. 2020年3月5日更新，多位老鐵反饋音樂無法播放，那是因?yàn)镃hrome已經(jīng)基于其內(nèi)核的瀏覽器限制了音樂的自動(dòng)播放。已修復(fù)，改成用戶點(diǎn)擊右上角的音樂LOGO播放。
4. 2020年3月5日更新，看到好多老鐵們的幸福表白，真心替你們開心~~
關(guān)鍵詞：朋友,免費(fèi),學(xué)習(xí),愛情
在線咨詢