表白信封 eLuvLetter 使用教程

请遵循文档学习如何正确验证代码，多半 疑难杂症 是 直接用浏览器打开index.html 所致。即使想要本地调试代码，也需要将其部署到本地服务器 (推荐 XAMPP) 上去验证，不要无脑双击 index.html 。

Demo 演示

Cloudflare	ModelScope	HuggingFace
https://e-luvletter.pages.dev	https://genius-society-eluvletter.ms.show	https://genius-society-eluvletter.static.hf.space

(推荐此平台方法，更简便稳定)

首先注册一个 ModelScope 账号并复制一份 eLuvLetter 创空间到你自己的账号：

拉到最下方点击复制创空间
在自己复制得到的仓库的如下位置找到 content.json

使用表白信封自定义配置工具生成你自定义的 content.json 并替换：

替换后点击提交修改
修改仓库完成后重启创空间：
待重启完成后切换至空间内容：

获取表白信封直链发给 TA

(相较于前面的平台操作较复杂，不推荐)

首先注册一个 GitHub 账号并 fork 一份 eLuvLetter仓库到你自己的账号
在自己 fork 得到的仓库的如下位置找到 content.json

使用表白信封自定义配置工具生成你自定义的 content.json 并替换：

完成后直接在网页端点击 commit 即可。

目前好用免费的前端托管平台汇总如下表：

平台	Render	Cloudflare	Netlify	Vercel	GitHub Pages
延迟	158ms	166ms	99ms	被墙	209ms
注册限制	o	×	o	×	×

下面按照表中顺序分别给出部署教程，可根据自身喜好选择一个平台进行部署。

(开始需要绑信用卡了，不推荐)

进入 Render 官网注册并登陆，跳转到 Dashboard Tab 的 Overview 页面
点击 Static Sites 面板上的 New Static Sites 进入 Create a new Static Sites 页面
在 Connect a repository 面板中点击 Connect GitHub 跳转到数个授权页面，再依次点击 Authorize Render 和 Install
授权成功后回到 Connect a repository 面板，此时可以看到 eLuvLetter 在待选列表中，点击其右边的 Connect 跳转至部署页面
在部署页面中自定义修改 Name 项，保证不与别人冲突，下拉修改 Public directory 项为 ./ 后点击 Create Static Sites
部署完成后，可在广域网中访问 https://%PROJECT_NAME%.onrender.com 查看网页(其中 %PROJECT_NAME% 就是刚刚自定义修改的 Name 项)

(推荐)

进入 Cloudflare 官网注册、登陆并切换到中文页面
在官网左边菜单栏切换至 Pages 页面并点击 创建项目，在 选择创建项目的方法 中选择 连接到 Git
在弹出的 从您的账户部署站点 对话框中点击 连接 GitHub，转到授权提示页面后点击 Install & Authorize 完成授权
授权成功后跳转回 Cloudflare 页面，弹出 从您的账户部署站点 对话框，下拉在 选择一个储存库 中选中 eLuvLetter 后点击 开始设置
在跳转的 设置构建和部署 对话框中可以自定义修改 项目名称，保证不与别人冲突后点击 保存并部署
部署完成后，可在广域网中访问 https://%PROJECT_NAME%.pages.dev 查看网页(其中 %PROJECT_NAME% 就是刚刚自定义修改的 项目名称)

(新注册用户可能被冻结，需邮箱联系工作人员回答问题解冻；每月有100G免费带宽限制，不过仅用于表白足够了)

进入 Netlify 官网
使用你自己的 GitHub 账号授权登录，点击 Add new site - Import an existing project
点击 GitHub ，在搜索框中键入关键字 eLuvLetter 找到之前 fork 的那个仓库并选择
点击 Deploy site 自动跳入 Site overview 页面，点击 Site settings
在 Site information 栏下点击 Change site name，修改自定义二级域名，保证不与别人冲突后点击 Save 保存
部署完成后，可在广域网中访问 https://%PROJECT_NAME%.netlify.app 查看网页(其中 %PROJECT_NAME% 就是刚刚自定义的二级域名)

(被墙，不推荐)

进入 Vercel 官网
使用你自己的 GitHub 账号授权登录，点击 + New Project
在 Import Git Repository 的搜索框中键入关键字 eLuvLetter 找到之前 fork 的那个仓库
点击 Import，修改 Configure Project 下的 PROJECT NAME
保证 PROJECT NAME 不与别人冲突后点击 Deploy
部署完成后，可在广域网中访问 https://%PROJECT_NAME%.vercel.app 查看网页(其中 %PROJECT_NAME% 就是刚刚 Configure Project 下修改的 PROJECT NAME )

(最近主仓库 Action 功能关闭导致 fork 版本 GitHub Pages 无法使用，暂不推荐)

进入自己 fork 得到的仓库的 GitHub 网页页面；
点击仓库页面上面的 Settings；
在左边的侧边栏选择 Pages；
在 Build and deployment 下的 Source 下拉菜单选择 GitHub Actions；
选择 Static HTML 并点击 Configure；
点击 Commit changes..，部署成功后可在广域网中访问 https://你的用户名.github.io/你复刻自定义的仓库名 查看网页