Name | URL |
---|---|
Git | https://git-scm.com/downloads |
GitHub | https://github.com/ |
eLuvLetter | https://github.com/george-chou/eLuvLetter |
Vercel | https://vercel.com/ |
-
Register a GitHub account and fork a copy of this repository to your own account
-
Clone the repository to local:
git clone https://github.com/%Your_GitHub_Account%/eLuvLetter.git
- Go to the
./eLuvLetter/font/
directory, opencontent.json
, and customize the configuration as follows:
{
"to" : "envelope recipient",
"from" : "sign",
"recipient" : "letter recipient",
"title" : "Web page tab title",
"stamp" : "Stamp URL",
"bgm" : "BGM URL",
"text" : "letter content"
}
The symbol ^n
in the demo means that the typewriter pauses for n milliseconds,
BGM URL is the default mp3 directory or mp3 direct link in the demo code(Note: It is best not to use the API to get mp3, it may be blocked by cross-domain)
If you use the default directory, you can rename your mp3 to bgm.mp3
and overwrite bgm.mp3
under ./eLuvLetter/bgm
to achieve custom modification of BGM
- Sync the modified local code to your GitHub account:
cd eLuvLetter
git add .
git commit -a
# i
# input description
# :wq!
git push
-
Enter Vercel official website
-
Log in with your own GitHub account authorization, click
+ New Project
-
Type the keyword eLuvLetter in the search box of
Import Git Repository
to find the repository that was previously forked -
Click
Import
to modify thePROJECT NAME
underConfigure Project
-
Make sure that
PROJECT NAME
does not conflict with others and clickDeploy
-
After the deployment is complete, you can visit
https://%PROJECT_NAME%.vercel.app
in the WAN to view the webpage. (where%PROJECT_NAME%
is thePROJECT NAME
just modified underConfigure Project
)
Good luck!