如何在 10 分钟内免费创建您自己的自定义 URL 缩短器并部署到 GitHub 🚀

莉娅丝·托马斯

mnmlurl

sorry for the long post title - that's tldr;

🔗 mnml URL - 支持自定义别名的现代化网址缩短服务

（极简网址的缩写形式🤦‍♂️）

欢迎在GitHub上贡献代码。

当我们还在费劲地从短链接服务复制粘贴各种乱码到推特账号时，像《纽约时报》这样的网站却得意洋洋地用“nyti.ms”之类的短链接发布推文。说实话，这让我有点嫉妒💁‍♂️

这就是为什么我用纯 JavaScript + HTML + CSS创建了自己的网址缩短工具❤

我有没有提到这一切都是免费的，而且100%开源？是的。

mnml URL 让普通开发者也能轻松免费创建自定义 URL 缩短器并将其部署到 GitHub 🚀 你甚至不需要拥有一个每月访问量达 1700 万的网站 😏

我们开始吧。

步骤 0：访问jsonstore.io点击紫色的 COPY 按钮复制您的端点。

步骤 1：在 GitHub 上 fork/clone mnml url 仓库，并可选择给项目点个星标 ⭐ - 表达一些 ❤ 喜爱！

liyasthomas / mnmlurl

🔗 Minimal URL - 现代化的网址缩短工具，支持自定义别名，甚至可以托管在 GitHub Pages 上 [已弃用]

When I wrote this, only God and I understood what I was doing. Now, only God knows

莉娅丝·托马斯

_{由liyasthomas和贡献者们倾情打造 ❤︎}

---

mnmlurl

🔗 Minimal URL 是一款由Liyas Thomas开发的现代网址缩短服务，支持自定义别名。

按照本教程创建您自己的 URL 缩短器，支持自定义别名，甚至可以托管在 GitHub Pages 上：如何在 10 分钟内免费创建您自己的自定义 URL 缩短器并部署到 GitHub 🚀

特色✨

😍 URL 缩短变得如此简单：mnmlurl 使用jsonstore.io通过 HTTPS 请求将数据存储在端点 JSON 文件中。它适用于任何 URL。

❤️无服务器端日志记录：您的隐私对我们至关重要。我们绝不会记录、收集或试图将您的数据出售给任何人。

🔥支持自定义和随机别名：添加您自己的自定义别名或生成随机别名……

在 GitHub 上查看

步骤 2：重要提示：找到var endpoint文件src/head.js并将其替换为您从中复制的自己的端点step 0。

var endpoint = "https://www.jsonstore.io/6b6xxxxxxxxxxxxxxxxxxxxxxxa98";
replace it with your endpoint 👆

步骤 3：转到您的仓库设置 > GitHub Pages。选择 GitHub Pagesmaster branch作为部署源。

就这样！网站将托管在……your_github_username.github.io/mnmlurl/src

更新 0：Minimal URL 可以托管在任何网站托管服务上，例如 GitHub/GitLab Pages、Firebase/Heroku、yoursite.com 等。对于此类自定义域名的托管，建议使用npm build上传output文件夹。在 GitHub Pages 上托管仅用于概念验证。

编辑 1：如果您想进一步开发，请考虑在GitHub上做出贡献。

更新 2：重要提示：Minimal URL 是一个实验性项目。请勿使用它来缩短敏感内容/URL。jsonstore.io 的端点始终是公开的，因此所有人都能看到缩短后的 URL。

以下是 mnmlurl 的一些截图

额外福利：我还为 mnmlurl创建了一个跨浏览器扩展程序 ✨ 。

欢迎在GitHub上贡献代码。

如果你想提前了解我的下一个项目，或者只是想聊聊网络、生活和幸福，记得在推特上关注我@liyasthomas 💙。如果我的任何项目对你有所帮助，请考虑捐赠。