手记

用自己的域名验证Bluesky或Mastodon账号,方法简单又免费!

为你的网站和社交媒体设置域名其实比你想象的要简单得多!我喜欢使用域名,我在几个Glitch网站和我的社交媒体个人资料中使用了域名。在这篇文章里,我会介绍如何再设置一个网站和域名,并在Bluesky上作为新账户的标识符,在Mastodon上作为验证链接。

试试Glitch的混音版

我们打算很快做一个网站。

重新混音~我的社交网站!

如果你还没有 Glitch 账号,就注册一个。否则,这个项目可能只运行几天。

这个项目会在Glitch编辑器里打开。

  • 点击底部的 预览,然后点击 预览窗格
  • 这就是你的新网站了!它已经在网络上,你可以在 your-project-name.glitch.me 访问它了——链接就在预览上方。

你现在可以现在改,也可以以后再改,但个性化网站真的只需几分钟。

这是我的Glitch项目,如下图所示!

打开 index.html 文件来编辑页面内容。

  • 编辑 h1 元素里的标题。
  • 添加页面显示文本,比如 <p> 标签里的内容。
  • 还可以添加图片和链接等其他内容,查看一下 HTML 中的小贴士吧!
  • style.css 中编辑站点样式。

如果你想,你可以在 Settings > 编辑项目信息 中更改你的 Glitch 项目名,这会改变你在 Glitch 上的网站地址。

你可以继续你的Glitch项目,或者以后再继续——这真的很有趣!

注册个域名

其實你可以直接使用你的 .glitch.me 網址作為你在 Bluesky 和 Mastodon 的用戶名和驗證連結,不過,擁有自己域名會更好,這比你想像的簡單得多。

  • 使用Domainr通过搜索关键词(比如你的名字或你正在从事的项目)来找一个域名。
  • 当找到你喜欢的域名后,点击它查看可用的注册服务商。检查几个注册服务商以了解他们提供的价格——每年只需几美元即可购买域名。
  • 你可以在这里直接购买该域名,或者如果你已经有了偏好的注册服务商,只需在他们的网站上搜索该域名并进行购买(我发现我经常使用Porkbun,尽管我是素食主义者,哈哈(但并不影响我使用Porkbun))。

一旦你有了域名,你的域名注册商提供管理该域名的DNS记录的权限。你需要这些DNS记录来把域名指向你的Glitch网站。

把您的域名指向您的网站

现在你有了一个自己的域名,可以用来把人引导到你在网上的内容,并且可以在社交平台上验证你的身份。为了让你的 Glitch 站点能通过这个域名访问,你还需要 TLS 来确保它的安全。我们将免费使用 Fastly 来实现这一目的——我们在这篇其他教程中对这些步骤进行了更详细的说明,以下是简要步骤。

创建一个 Fastly 服务

  • 注册一个免费的Fastly开发者账户(没错,你现在是一名开发者了,不管你以前是否知道这一点 🚀)。
  • 在新账户里,点击创建服务,然后选择CDN
  • 输入你喜欢的名称
  • 输入你的新域名,以www.开头,例如www.sue.wtf
  • > 主机中输入你的Glitch网站地址,比如可以在Glitch编辑器中点击预览上方的三个点,复制该地址。它应该看起来像这样(不含https或斜杠):suewtf.glitch.me
  • 点击激活按钮!

[]

获取一个免费的 SSL/TLS 证书吧

现在我们来为该域名申请一个TLS证书。

  • 安全 设置中,选择 TLS 管理,然后点击 管理证书开始 来保护您的域名安全。
  • 输入您的 www 域名版本,然后点击 添加
  • 保持 确定 选项。
  • 提交 新证书。

Fastly 将提供所需信息以验证您拥有该域名——请点击 验证选项 完成验证。

  • 复制 ACME DNS 挑战CNAME ——它会以 _acme-challenge 开头,后面跟着你的域名。
  • 在你购买域名的账户中,找到 DNS 设置。添加一个新的记录,类型设为 CNAME,并将从 Fastly 复制的值作为 Host(通常是第一个文本输入框)。
  • 回到 Fastly,点击小剪贴板图标以获取验证地址——它会是一串字母加上 fastly-validations.com
  • 在你的 DNS 中,将复制的值填入新记录中的第二个输入框(通常称为 addressdatacontent)。
  • 保存你的新记录。

但这里有一个Squarespace的例子,会因您的注册商而略有不同:

在Fastly里,你的域名验证很快就会通过,然后你的证书将在几分钟内生成。


点击图片查看详情

把你的 DNS 指向服务

现在可以使用Fastly的DNS服务将域名指向你的网站的Fastly。

  • 在 Fastly 中,转到 安全 > 域名 并找到你的证书。在 TLS 配置和 DNS 详情信息 下,点击 查看 / 编辑
  • 复制 CNAME 记录 地址,它会以 .sni.global.fastly.net 结尾。
  • 回到你的 DNS 账户,添加另一个新的记录,此次是 CNAME 类型,以你的域名的 www 版本,并将刚复制的 sni 文本作为记录值。
  • 保存你的新记录。

看看这个新DNS记录的图片:

可能需要一点时间来更新,到时候(一般在一小时内)你就可以访问你的域名,看到新 Glitch 网站。

这是我在自己的域名上运行的 Glitch 站点。

💡 我通常将我的DNS设置为将没有子域名的apex版本重定向到www版本——但是步骤比较简单,具体操作方法会因域名注册商而不同。

使用你的域名来建立你的社交账号

我打算在我的Bluesky账户上使用我的新域名作为用户名或别名,并同时在我的Mastodon账户上设置一个已验证的链接。幸运的是,Glitch remix已经为我设置了一部分相关内容。

蓝Sky

我们先从Bluesky开始吧(你得先用个默认用户名注册账户,之后才能用你自己的域名):

  • 在你的 Bluesky 账户中,选择 设置 > 账户 > 处理名
  • 点击 我有自己的域名
  • 输入你的域名,例如 www.sue.wtf
  • 你可以通过在弹出的窗口中提供的值添加另一个 DNS 记录来设置它,或者你也可以按照以下步骤在你的 Glitch 项目中设置它:

  • 选择 不使用 DNS

  • 复制 did 值。

  • 在你的 Glitch 项目中,点击左侧文件树上方的 + 图标创建一个新文件,并输入文件名 .well-known/atproto-did

  • 将刚才复制的 did 值粘贴到这个新文件中。

Bluesky将验证你的域名并将其替换为你新的用户名。

在Bluesky文档中更详细的关于使用您自己自定义域名的指南

💡 记得更新你在 Glitch 项目 HTML 中的 Bluesky 链接!

Mastodon

在Mastodon中,我们会用域名来验证我们的资料。

  • 在你的 Glitch 项目中,将 index.html 文件末尾指向 Mastodon 的链接更新为你在 Mastodon 上的个人主页链接即可。
  • 这个链接里已经包含了 rel="me",你需要这个来验证链接在 Mastodon 上的有效性。

我的Masto链接如下:

在你的Mastodon账户里,编辑你的个人简介,添加一个指向你Glitch站点的新域名链接。这通常很快就能完成验证。

这里有一些我在本教程中使用的示例账号。

  • 蓝 sky (一个社交媒体平台) 的链接是 蓝 sky
  • Mastodon (另一个社交媒体平台) 的链接是 Mastodon

就这样吧!

🛟 遇到问题时,请在 Glitch 论坛上求助!

0人推荐
随时随地看视频
慕课网APP