为你的网站和社交媒体设置域名其实比你想象的要简单得多!我喜欢使用域名,我在几个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 中,将复制的值填入新记录中的第二个输入框(通常称为
address
、data
或content
)。 - 保存你的新记录。
但这里有一个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将验证你的域名并将其替换为你新的用户名。
💡 记得更新你在 Glitch 项目 HTML 中的 Bluesky 链接!
Mastodon
在Mastodon中,我们会用域名来验证我们的资料。
- 在你的 Glitch 项目中,将
index.html
文件末尾指向 Mastodon 的链接更新为你在 Mastodon 上的个人主页链接即可。 - 这个链接里已经包含了
rel="me"
,你需要这个来验证链接在 Mastodon 上的有效性。
在你的Mastodon账户里,编辑你的个人简介,添加一个指向你Glitch站点的新域名链接。这通常很快就能完成验证。
这里有一些我在本教程中使用的示例账号。
就这样吧!