520 表白神器,小林只能幫你到這了......
據(jù)說今天是一年一度的大型虐狗節(jié)。
一大早我就被朋友圈好多朋友喂狗糧,本來在工位努力搬著磚,想著我的讀者朋友們應(yīng)該有好多還沒有找到另一半的吧。
時(shí)刻牽掛的心無處安放,想了想,本著普度眾生的慈懷之心,今天把我的 520 殺手锏分享給大家。
在線制作一個(gè)表白網(wǎng)站,只需修改簡單的幾個(gè)字,無須購買服務(wù)器部署,直接一鍵部署,即可立刻看到效果!
效果如下(滿樹的愛心哦,會動的哦,下面的時(shí)間也是時(shí)刻變化的哦):

動態(tài)效果點(diǎn)擊鏈接:https://520-love.vercel.app/
怎么樣,心動不如行動,下面就和我一起來看看,一共三個(gè)步驟:
新建一個(gè)自己的 GitHub 倉庫 修改少量 JavaScript 代碼 直接在線部署
一、新建 GitHub 倉庫
名字可以自定義,這一步的功能主要是來為了存儲和部署網(wǎng)頁代碼用的。

納尼,沒有 GitHub 賬戶?
作為一個(gè)程序員,居然在全球最大同性交友社區(qū)網(wǎng)站還沒有注冊一個(gè)賬戶?該好好反思一下了,難怪沒有對象。

二、修改關(guān)鍵代碼
為了大家的表白成功,修改最少的代碼,我這里也將前端代碼全部開源了:
點(diǎn)擊我的 GitHub 鏈接,直接一鍵克隆到本地。
然后按照下面的步驟來修改就可以了:https://github.com/rongweihe/520Love

直接下載本倉庫代碼到本地,然后要修改的地方主要有:
時(shí)間:修改 index.html 第 188 行,setfullyear 設(shè)置年月日,然后設(shè)置時(shí),分,秒,這里設(shè)置的是在一起/認(rèn)識的開始時(shí)間,程序會自動計(jì)算己有多長時(shí)間。
底欄信息:請修改 index.html 第 48 行 設(shè)置你的名字和個(gè)人鏈接,當(dāng)然了,還有你的那個(gè)她。
修改你要表白說的話,請修改 index.html 第 23 行開始。
部署到 https://vercel.com/ 網(wǎng)站 就可以啦!
三、部署
打開 https://vercel.com/dashboard 這個(gè)網(wǎng)址,沒注冊的先注冊一個(gè)用戶,然后關(guān)聯(lián)到你的 GitHub 賬戶:導(dǎo)入剛才第二步建立的倉庫。然后,就可以了,就是這么簡單。

默認(rèn)操作

點(diǎn)擊 deploy 就完事了,大概只需 8-10 秒即可部署,不得不說,這個(gè)網(wǎng)站真的牛皮!
最后,網(wǎng)站會顯示這個(gè)樣子,就是部署成功了,看一下效果:

點(diǎn)擊一個(gè)那個(gè) visit 按鈕,媽耶!

然后把 https://520-love.vercel.app/ 這個(gè)生成的鏈接,在一個(gè)不經(jīng)意間,偷偷發(fā)給你的心愛的那個(gè)她,相信我,妹子很容易被你的細(xì)心和用心感動滴。
ps:網(wǎng)頁版和手機(jī)版都能打開哦,點(diǎn)擊原文也能訪問,域名也是可以自定義哦。
還等什么,趕快行動一波吧,祝你表白成功!
如果覺得不錯(cuò),歡迎給我的 GitHub 右上角小星星點(diǎn)一下哦
