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

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

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

在線制作一個表白網站，只需修改簡單的幾個字，無須購買服務器部署，直接一鍵部署，即可立刻看到效果！

效果如下（滿樹的愛心哦，會動的哦，下面的時間也是時刻變化的哦）：

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

怎么樣，心動不如行動，下面就和我一起來看看，一共三個步驟：

• 新建一個自己的 GitHub 倉庫
• 修改少量 JavaScript 代碼
• 直接在線部署

一、新建 GitHub 倉庫

名字可以自定義，這一步的功能主要是來為了存儲和部署網頁代碼用的。

納尼，沒有 GitHub 賬戶？

作為一個程序員，居然在全球最大同性交友社區(qū)網站還沒有注冊一個賬戶？該好好反思一下了，難怪沒有對象。

二、修改關鍵代碼

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

點擊我的 GitHub 鏈接，直接一鍵克隆到本地。

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

直接下載本倉庫代碼到本地，然后要修改的地方主要有：

• 時間：修改 index.html 第 188 行，setfullyear 設置年月日，然后設置時，分，秒，這里設置的是在一起/認識的開始時間，程序會自動計算己有多長時間。

• 底欄信息：請修改 index.html 第 48 行 設置你的名字和個人鏈接，當然了，還有你的那個她。

• 修改你要表白說的話，請修改 index.html 第 23 行開始。

• 部署到 https://vercel.com/ 網站 就可以啦！

三、部署

打開 https://vercel.com/dashboard ?這個網址，沒注冊的先注冊一個用戶，然后關聯(lián)到你的 GitHub 賬戶：導入剛才第二步建立的倉庫。然后，就可以了，就是這么簡單。

默認操作

點擊 deploy 就完事了，大概只需 8-10 秒即可部署，不得不說，這個網站真的牛皮！

最后，網站會顯示這個樣子，就是部署成功了，看一下效果：

點擊一個那個 visit 按鈕，媽耶！

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

ps：網頁版和手機版都能打開哦，點擊原文也能訪問，域名也是可以自定義哦。

還等什么，趕快行動一波吧，祝你表白成功！

如果覺得不錯，歡迎給我的 GitHub 右上角小星星點一下哦