个人网站博客可以尝试的 100 件事

We write to taste life twice, in the moment and in retrospect.

—— Anaïs Nin

James 分享的 「100 things you can do on your personal website」 很有趣，介绍了博客作者可以尝试的 100 件事。他还参考了 「Ideas for Your Personal Website」 ，也有很多有趣的建议！

---

本文将其翻译成中文，并为一些中文读者可能疑惑的概念添加了注释：

• 如果你还没有个人网站，可以搭建一个！你可以使用任意喜欢的建站工具，比如 WordPress、micro.blog、omg.lol 等，不需要编程或复杂配置即可快速上手。当然，喜欢挑战的话也可以自己编写代码。
• 写一篇博客，分享你感兴趣的事、最近让你开心的经历、过去一周学到的新东西、读完一本书后的感想、你玩喜欢的游戏的攻略，或者任何你感兴趣的话题。
• 分享一道最近做的美味菜谱。
• 发布一张最近拍摄的照片。
• 创建一个友情链接（博客圈），链接你喜爱的个人网站。
• 添加一个 robots.txt 文件，明确限制搜索引擎和AI抓取你网站的内容。
• 为你喜欢的乐队、电视剧或其他事物创建一个特别的「纪念馆」或「粉丝小站」。
• 制作图像热区图，让访客点击图片不同部分探索更多信息，比如你书桌上的物品介绍。
• 分享你最喜欢的书单。
• 创建电影推荐专页。
• 提供一个深色模式选项，让读者更舒适地阅读。
• 注册并使用一个属于你的专属域名。
• 添加一个有趣的小彩蛋。
• 搭建留言板，让大家畅所欲言。
• 给你的网站或特定页面设置背景图片。
• 设计一个网站寻宝游戏，让访客通过寻找线索探索你的网站。
• 在 HTML 代码中加入清晰的注释，帮助新手理解你网页各部分的用途。
• 分享最近喜欢的网页，比如文章、博客、摄影作品或游戏。
• 为图片添加描述文字。
• 使用 WAVE （Web Accessibility Evaluation Tool）工具检查网站的无障碍访问性。
• 用 PageSpeed Insights 优化网站速度。
• 如果你发布学术作品，添加引用说明。
• 创建一个“反向图书馆”清单，记录你拥有但未读的书籍。
• 制作一个文字小游戏。
• 记录网站更新日志，开启 #网站开发日记。
• 分享你最近学到的新词列表。
• 添加 RSS 订阅功能，让访客轻松关注更新。
• 创建“历史上的今天”功能，链接到以往同日期发布的博客。
• 添加“跳转到内容”链接，提升网站对屏幕阅读器的支持。
• 制作文章归档页面。
• 为网站设计一个专属吉祥物。
• 制作并添加一个 88×31 像素的小按钮图标，通常用于网页、博客、论坛等地方的链接按钮或标识图标。这种按钮图标在早期互联网时代非常流行，经常用于交换链接、展示合作伙伴或赞助商的链接。
• 加入一个网站联盟（webring），比如 十年之约 和 开往 Travellings。
• 翻译网站的某个页面到你熟悉或正在学习的语言。
• 创建打印样式表。
• 确保所有链接有效无误。
• 发起博客活动，邀请朋友们围绕特定主题每月发表文章，并轮流确定主题。
• 添加 rel=me 链接，认证其他平台上的个人资料，比如在博客自我介绍中列出自己的 Mastodon、GitHub、Twitter 账号。
• 做一些额外的惊喜内容（おまけ）。
• 如果你想展示专业作品，可以创建 HTML 简历页面。
• 使用语法高亮工具（如 Prism.js）美化代码片段。
• 检查和优化 head 标签中的内容。
• 为网站添加搜索功能。
• 创建“此刻（now page）”页面，通常用来展示网站拥有者当前正在关注的事情、工作、生活状态或感兴趣的项目。
• 使用迷你图（sparkline）展示文章发布频率。Sparkline 是指通过一种小巧、简洁的折线或柱状图，以极小的空间清晰地展现文章发布数量在一段时间内的变化趋势。热图也是一个很好的选择。
• 尝试不同的字体风格。不同的字体适合不同的主题，可以一起调整。
• 优化标题字号的层次区分。
• 在文章末尾加入装饰性分隔符。
• 使用 lite-youtube 组件加快视频加载速度。
• 更新网站配色方案。
• 创建 HTML 元素样式展示页面，辅助设计优化。
• 编写趣味问答，邀请朋友参与。
• 为网站添加 Webmention 支持。Webmention 是一种开放的 Web 标准，用于在不同网站之间发送和接收消息通知，使得网站可以相互引用、交互以及进行社交化沟通，WordPress 自带该功能。
• 制作共享使用的网页组件（web component）。
• 为图片设置鼠标悬停效果。
• 发布一段自己的名字或昵称发音录音。
• 在特别的节日为网站换上主题装扮。
• 分享你亲手绘制的画作。
• 在主页添加互动式像素网格。
• 标记网站内容为非 AI 生成，可参考这个项目 Not By AI 。
• 分享你喜爱的播客清单。
• 为你的兴趣爱好专门开设一个新的网站。
• 制作网站图标（favicon）。
• 写一篇个人网站发展史。
• 添加背景播放音频，如鸟鸣或咖啡厅氛围。
• 制作个人风格的情绪板（mood board），是指通过搜集并组合图片、颜色、文字、材质等元素，来视觉化呈现个人喜好、风格偏好或某种特定氛围的过程。
• 使用 HTML 的 details 和 summary 标签。
• 自定义文本选中时的高亮颜色。
• 帮助朋友搭建他们的网站。
• 为自己撰写网站维护文档。
• 为喜欢的艺术作品撰写评论。
• 与朋友合写一篇共同兴趣的博客。
• 更新旧博客文章。
• 在文章中添加旁注（sidenotes）。
• 为长文章创建目录。
• 为外部链接添加识别小图标。
• 添加悬浮卡片（hovercards）。悬浮卡片指的是当用户的鼠标指针悬停在某个元素上时，会弹出一个小卡片，显示额外的信息或提示。

---

James 实际上创建了 78 个想法，剩余的希望群策群力，由大家一起共创。

我也有一些想法，大家可以尝试：

• 为网站换上一个有趣的域名。
• 创建一个网站插件，如 WordPress 插件。
• 制作或回答一个问卷，如 博客作者呀，我想采访你这 9 个问题！
• 和网友们语音聊天，如 交个朋友。
• 创建一些能和读者互动的活动，如 让风儿寄出一份不确定性中的惊喜。
• 创建一个「赞助支持」页面，如 支持。
• 创建一封延时发布的博客，可以是 1 年后，也可以是 10 年后，那将是一封给未来自己和读者的信。
• 定期分享友情链接中有趣的文章，多和朋友们交流，如 友邻们。
• 连载一份内容策展，分享近期喜欢的事物。
• 使用一个博客数据统计系统，如 Google Analytics 或 umami。
• 尝试在线下见一下友情链接中的好友。我的友情链接中有 6 位线下见过，5 位添加友链前就认识。1 位（1nan）是添加友链后发现彼此在英国的同一个城市，骑自行车 15min 左右就能到，于是相约见面。
• 和朋友发起一些博客竞赛，督促彼此定期更新。此处 @ 陈仓颉 和 印记，不知谁能坚持到最后！

---

今天的天气很好，祝大家一切顺利！

Dayu