100 件可以在个人网站上做的事情-伊米博客

最近，我在浏览网页时发现了一篇非常有趣且富有启发性的文章——《100 things you can do on your personal website》。这篇文章由 James G 在他的个人博客上发表，为那些热爱个人网站的朋友们提供了满满 100 条关于个人网站的创意和想法。今天，我想把这篇文章的核心内容分享给大家，希望也能激发你在个人网站上的更多灵感。

以下是 James G 列出的 100 件可以在个人网站上做的事情的中文翻译：

如果你还没有一个网站，那就赶紧搭建一个吧！你可以使用 WordPress、micro.blog、omg.lol 等众多无需代码或复杂设置的网站制作工具，也可以自己动手用代码编写。
写一篇博客文章，内容可以是：
- 你感兴趣的事情。
- 最近让你感到快乐的事情。
- 你上周学到的东西。
- 你刚读完的一本书的读后感。
- 你擅长的游戏策略。
- 或者任何你想写的内容。
分享你最近做的一道菜谱。
发布一张你最近拍摄的照片。
制作一个博客列表，链接到你喜欢的个人网站。
创建一个 robots.txt 文件，限制搜索引擎和 AI 爬虫抓取你网站的方式。
创建一个关于某件让你感到快乐的事物的专题页面（比如一个乐队、一部电视剧，或者任何其他东西）。
制作一个图像地图，让人们可以通过点击图像的某个部分来了解更多。例如，你可以制作一个桌面的图像地图，点击每个物品可以了解更多相关内容。
分享一份你最喜欢的书籍列表。
制作一个电影推荐页面。
添加一个暗色模式，供读者启用。
注册一个域名，并将其用于你的网站。
添加一个彩蛋。
制作一个访客留言簿，让人们可以留言表示他们喜欢你的网站。
为你的网站或网站的某个页面添加一个背景图像。
创建一个寻宝游戏，让人们需要在各个页面中寻找线索。
在你的 HTML 中添加注释，以便人们可以了解你网站上不同模板的工作原理。例如，你可以注释你的 <head> 标签，让查看代码的人了解不同元标签的作用。记住，可能会有人通过“查看源代码”来学习你的网站，他们可能从未制作过网站！
分享一份你最近喜欢的网页列表（文章、网站、博客文章、照片、游戏等）。
为没有添加的图像添加替代文本（alt text）。
使用 WAVE 工具查找网站不同页面上可能存在的无障碍性问题。
使用 PageSpeed Insights 检查你的网站速度。如果页面加载速度较慢，尝试让它们加载得更快。
如果你在网站上发布学术作品，添加一个部分，说明人们应该如何引用你的作品。
创建一个“反图书馆”，列出你拥有但尚未阅读或不打算阅读的书籍。
制作一个文字游戏。
写一篇关于你添加到网站上的某个功能的文章（#sitedocumentation!）。
写一份你最近学到的单词列表。
添加一个 RSS 源，方便人们订阅你的博客。
创建一个“在这一天”功能，链接到你在过去某个特定日期发布的博客文章。
添加一个跳转链接，方便屏幕阅读器用户更轻松地浏览你的网站。
创建一个存档页面，列出你网站上的所有文章。
为你的网站创建一个吉祥物。
在你的网站上添加一个 88×31 按钮。
为你的网站制作一个 88×31 按钮。
加入一个网站环。
将你网站上的某个页面翻译成你所知道或正在学习的另一种语言。
添加一个打印样式表。
确保你网站上的所有链接都能正常工作。
开始一个博客狂欢节，每月挑战朋友们围绕一个特定主题进行写作。每月将选择主题的任务交给一个新的人。
在你的网站上添加指向你在网络上其他个人资料的 rel=me 链接。如果你的网站上有指向你的 Mastodon 个人资料的 rel=me 链接，Mastodon 会显示你的网站已通过验证，并带有绿色勾选标记。
制作一个 Omake（日本术语，指附加内容）。
如果你想在网站上专业地展示你的作品，添加一个用 HTML 编写的简历页面。
使用语法高亮器（如 Prism.js）为博客文章中的代码片段添加样式。
审查你的 <head> 标签内容，删除你不再需要的脚本和标签。
为你的网站制作一个搜索功能。
创建一个“现在”页面。
添加一个显示你发布文章频率的折线图。
尝试使用不同的字体。
确保你的标题大小不要过于接近。
在你的博客文章末尾添加一个星号或花饰。
使用 lite-youtube 网页组件来提高页面加载速度，当你在页面上嵌入 YouTube 视频时。
尝试在你的网站上使用新的配色方案。
创建一个样式页面，展示你用于撰写内容的每个 HTML 元素的外观。在调整内容样式时，可以将此页面作为参考。
写一个测验，与你的朋友们分享。
在你的个人网站上添加 Webmention 支持，这样你就可以在有人链接到或回复你网站上的博客文章时收到通知（前提是他们的网站也支持 Webmention，比如我的网站！）。
为你的网站上的某个部分制作一个网页组件，以便其他人可以在他们的网站上使用该组件。
添加一个效果，当鼠标悬停在图像上时改变图像。
添加一个音频录音，录制你自己的名字或昵称的发音，这样人们就知道如何正确地称呼你。这是我的名字发音录音。
为对你有特殊意义的一天添加一个节日主题。
画一幅画，并在你的网站上分享。
在你的主页上添加一个可点击的交互式像素网格。
如果你的内容都是你自己写的，添加一个“非 AI 创作”按钮。
分享一份你最喜欢的播客列表。
为你的某个兴趣爱好创建一个新的网站。烘焙？诗歌？文字？搞笑图表？随便你喜欢什么！
为你的网站制作一个网站图标（favicon）。
写一篇关于你的个人网站历史的博客文章。
创建一个页面，页面上有音频在后台播放（鸟儿的啁啾声？人们交谈的背景噪音？）。
制作一个灵感板。
在你的网站的某个页面上使用 <details> 和 <summary> HTML 元素。
更改你的网站上用于突出显示文本的默认颜色。
帮助别人搭建一个网站。
写一份描述你的网站工作原理的文档，供自己参考（这样你就不会忘记！）。如果你是用代码制作的网站，这会很有用。
写一篇关于你喜欢的一件艺术品的评论。描述它让你产生了怎样的感受，或者让你想到了什么。
与朋友共同撰写一篇关于共同兴趣的博客文章。
更新一篇你之前写的、你知道需要更新的旧博客文章。
在博客文章中添加侧边注释。
为一篇你写过的长文章制作一个目录。
使用 CSS 在外部链接旁边添加一个图标，这样人们就会知道链接会将他们带到另一个网站。
添加悬停卡片。