據(jù)說(shuō)今天是一年一度的大型虐狗節(jié)。

一大早我就被朋友圈好多朋友喂狗糧，本來(lái)在工位努力搬著磚，想著我的讀者朋友們應(yīng)該有好多還沒(méi)有找到另一半的吧。

時(shí)刻牽掛的心無(wú)處安放，想了想，本著普度眾生的慈懷之心，今天把我的 520 殺手锏分享給大家。

在線制作一個(gè)表白網(wǎng)站，只需修改簡(jiǎn)單的幾個(gè)字，無(wú)須購(gòu)買(mǎi)服務(wù)器部署，直接一鍵部署，即可立刻看到效果！

效果如下（滿(mǎn)樹(shù)的愛(ài)心哦，會(huì)動(dòng)的哦，下面的時(shí)間也是時(shí)刻變化的哦）：

動(dòng)態(tài)效果點(diǎn)擊鏈接：https://520-love.vercel.app/?

怎么樣，心動(dòng)不如行動(dòng)，下面就和我一起來(lái)看看，一共三個(gè)步驟：

• 新建一個(gè)自己的 GitHub 倉(cāng)庫(kù)
• 修改少量 JavaScript 代碼
• 直接在線部署

一、新建 GitHub 倉(cāng)庫(kù)

名字可以自定義，這一步的功能主要是來(lái)為了存儲(chǔ)和部署網(wǎng)頁(yè)代碼用的。

納尼，沒(méi)有 GitHub 賬戶(hù)？

作為一個(gè)程序員，居然在全球最大同性交友社區(qū)網(wǎng)站還沒(méi)有注冊(cè)一個(gè)賬戶(hù)？該好好反思一下了，難怪沒(méi)有對(duì)象。

二、修改關(guān)鍵代碼

為了大家的表白成功，修改最少的代碼，我這里也將前端代碼全部開(kāi)源了：

點(diǎn)擊我的 GitHub 鏈接，直接一鍵克隆到本地。

然后按照下面的步驟來(lái)修改就可以了：https://github.com/rongweihe/520Love

直接下載本倉(cāng)庫(kù)代碼到本地，然后要修改的地方主要有：

• 時(shí)間：修改 index.html 第 188 行，setfullyear 設(shè)置年月日，然后設(shè)置時(shí)，分，秒，這里設(shè)置的是在一起/認(rèn)識(shí)的開(kāi)始時(shí)間，程序會(huì)自動(dòng)計(jì)算己有多長(zhǎng)時(shí)間。

• 底欄信息：請(qǐng)修改 index.html 第 48 行 設(shè)置你的名字和個(gè)人鏈接，當(dāng)然了，還有你的那個(gè)她。

• 修改你要表白說(shuō)的話(huà)，請(qǐng)修改 index.html 第 23 行開(kāi)始。

• 部署到 https://vercel.com/ 網(wǎng)站 就可以啦！

三、部署

打開(kāi) https://vercel.com/dashboard ?這個(gè)網(wǎng)址，沒(méi)注冊(cè)的先注冊(cè)一個(gè)用戶(hù)，然后關(guān)聯(lián)到你的 GitHub 賬戶(hù)：導(dǎo)入剛才第二步建立的倉(cāng)庫(kù)。然后，就可以了，就是這么簡(jiǎn)單。

默認(rèn)操作

點(diǎn)擊 deploy 就完事了，大概只需 8-10 秒即可部署，不得不說(shuō)，這個(gè)網(wǎng)站真的牛皮！

最后，網(wǎng)站會(huì)顯示這個(gè)樣子，就是部署成功了，看一下效果：

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

然后把 https://520-love.vercel.app/ 這個(gè)生成的鏈接，在一個(gè)不經(jīng)意間，偷偷發(fā)給你的心愛(ài)的那個(gè)她，相信我，妹子很容易被你的細(xì)心和用心感動(dòng)滴。

ps：網(wǎng)頁(yè)版和手機(jī)版都能打開(kāi)哦，點(diǎn)擊原文也能訪問(wèn)，域名也是可以自定義哦。

還等什么，趕快行動(dòng)一波吧，祝你表白成功！

如果覺(jué)得不錯(cuò)，歡迎給我的 GitHub 右上角小星星點(diǎn)一下哦