|
| 1 | +--- |
| 2 | +layout: post |
| 3 | +--- |
| 4 | +Title: 个人网站博客可以尝试的 100 件事 - Another Dayu |
| 5 | + |
| 6 | +URL Source: https://anotherdayu.com/2025/6940/ |
| 7 | + |
| 8 | +Published Time: 2025-05-09T09:45:00+08:00 |
| 9 | + |
| 10 | +Markdown Content: |
| 11 | +> We write to taste life twice, in the moment and in retrospect. |
| 12 | +> |
| 13 | +> —— Anaïs Nin |
| 14 | +
|
| 15 | +[James](https://jamesg.blog/) 分享的 [「100 things you can do on your personal website」](https://jamesg.blog/2024/02/19/personal-website-ideas) 很有趣,介绍了博客作者可以尝试的 100 件事。他还参考了 [「Ideas for Your Personal Website」](https://32bit.cafe/websiteideas/) ,也有很多有趣的建议! |
| 16 | + |
| 17 | +* * * |
| 18 | + |
| 19 | +本文将其翻译成中文,并为一些中文读者可能疑惑的概念添加了注释: |
| 20 | + |
| 21 | +* 如果你还没有个人网站,可以搭建一个!你可以使用任意喜欢的建站工具,比如 WordPress、micro.blog、omg.lol 等,不需要编程或复杂配置即可快速上手。当然,喜欢挑战的话也可以自己编写代码。 |
| 22 | +* 写一篇博客,分享你感兴趣的事、最近让你开心的经历、过去一周学到的新东西、读完一本书后的感想、你玩喜欢的游戏的攻略,或者任何你感兴趣的话题。 |
| 23 | +* 分享一道最近做的美味菜谱。 |
| 24 | +* 发布一张最近拍摄的照片。 |
| 25 | +* 创建一个友情链接(博客圈),链接你喜爱的个人网站。 |
| 26 | +* 添加一个 robots.txt 文件,明确限制搜索引擎和AI抓取你网站的内容。 |
| 27 | +* 为你喜欢的乐队、电视剧或其他事物创建一个特别的「纪念馆」或「粉丝小站」。 |
| 28 | +* 制作图像热区图,让访客点击图片不同部分探索更多信息,比如你书桌上的物品介绍。 |
| 29 | +* 分享你最喜欢的书单。 |
| 30 | +* 创建电影推荐专页。 |
| 31 | +* 提供一个深色模式选项,让读者更舒适地阅读。 |
| 32 | +* 注册并使用一个属于你的专属域名。 |
| 33 | +* 添加一个有趣的小彩蛋。 |
| 34 | +* 搭建留言板,让大家畅所欲言。 |
| 35 | +* 给你的网站或特定页面设置背景图片。 |
| 36 | +* 设计一个网站寻宝游戏,让访客通过寻找线索探索你的网站。 |
| 37 | +* 在 HTML 代码中加入清晰的注释,帮助新手理解你网页各部分的用途。 |
| 38 | +* 分享最近喜欢的网页,比如文章、博客、摄影作品或游戏。 |
| 39 | +* 为图片添加描述文字。 |
| 40 | +* 使用 WAVE (Web Accessibility Evaluation Tool)工具检查网站的无障碍访问性。 |
| 41 | +* 用 PageSpeed Insights 优化网站速度。 |
| 42 | +* 如果你发布学术作品,添加引用说明。 |
| 43 | +* 创建一个“反向图书馆”清单,记录你拥有但未读的书籍。 |
| 44 | +* 制作一个文字小游戏。 |
| 45 | +* 记录网站更新日志,开启 #网站开发日记。 |
| 46 | +* 分享你最近学到的新词列表。 |
| 47 | +* 添加 RSS 订阅功能,让访客轻松关注更新。 |
| 48 | +* 创建“历史上的今天”功能,链接到以往同日期发布的博客。 |
| 49 | +* 添加“跳转到内容”链接,提升网站对屏幕阅读器的支持。 |
| 50 | +* 制作文章归档页面。 |
| 51 | +* 为网站设计一个专属吉祥物。 |
| 52 | +* 制作并添加一个 88×31 像素的小按钮图标,通常用于网页、博客、论坛等地方的链接按钮或标识图标。这种按钮图标在早期互联网时代非常流行,经常用于交换链接、展示合作伙伴或赞助商的链接。 |
| 53 | +* 加入一个网站联盟(webring),比如 [十年之约](https://www.foreverblog.cn/) 和 [开往 Travellings](https://www.travellings.cn/)。 |
| 54 | +* 翻译网站的某个页面到你熟悉或正在学习的语言。 |
| 55 | +* 创建打印样式表。 |
| 56 | +* 确保所有链接有效无误。 |
| 57 | +* 发起博客活动,邀请朋友们围绕特定主题每月发表文章,并轮流确定主题。 |
| 58 | +* 添加 rel=me 链接,认证其他平台上的个人资料,比如在博客自我介绍中列出自己的 Mastodon、GitHub、Twitter 账号。 |
| 59 | +* 做一些额外的惊喜内容(おまけ)。 |
| 60 | +* 如果你想展示专业作品,可以创建 HTML 简历页面。 |
| 61 | +* 使用语法高亮工具(如 Prism.js)美化代码片段。 |
| 62 | +* 检查和优化 head 标签中的内容。 |
| 63 | +* 为网站添加搜索功能。 |
| 64 | +* 创建“此刻(now page)”页面,通常用来展示网站拥有者当前正在关注的事情、工作、生活状态或感兴趣的项目。 |
| 65 | +* 使用迷你图(sparkline)展示文章发布频率。Sparkline 是指通过一种小巧、简洁的折线或柱状图,以极小的空间清晰地展现文章发布数量在一段时间内的变化趋势。热图也是一个很好的选择。 |
| 66 | +* 尝试不同的字体风格。不同的字体适合不同的主题,可以一起调整。 |
| 67 | +* 优化标题字号的层次区分。 |
| 68 | +* 在文章末尾加入装饰性分隔符。 |
| 69 | +* 使用 lite-youtube 组件加快视频加载速度。 |
| 70 | +* 更新网站配色方案。 |
| 71 | +* 创建 HTML 元素样式展示页面,辅助设计优化。 |
| 72 | +* 编写趣味问答,邀请朋友参与。 |
| 73 | +* 为网站添加 Webmention 支持。Webmention 是一种开放的 Web 标准,用于在不同网站之间发送和接收消息通知,使得网站可以相互引用、交互以及进行社交化沟通,WordPress 自带该功能。 |
| 74 | +* 制作共享使用的网页组件(web component)。 |
| 75 | +* 为图片设置鼠标悬停效果。 |
| 76 | +* 发布一段自己的名字或昵称发音录音。 |
| 77 | +* 在特别的节日为网站换上主题装扮。 |
| 78 | +* 分享你亲手绘制的画作。 |
| 79 | +* 在主页添加互动式像素网格。 |
| 80 | +* 标记网站内容为非 AI 生成,可参考这个项目 [Not By AI](https://notbyai.fyi/cn/) 。 |
| 81 | +* 分享你喜爱的播客清单。 |
| 82 | +* 为你的兴趣爱好专门开设一个新的网站。 |
| 83 | +* 制作网站图标(favicon)。 |
| 84 | +* 写一篇个人网站发展史。 |
| 85 | +* 添加背景播放音频,如鸟鸣或咖啡厅氛围。 |
| 86 | +* 制作个人风格的情绪板(mood board),是指通过搜集并组合图片、颜色、文字、材质等元素,来视觉化呈现个人喜好、风格偏好或某种特定氛围的过程。 |
| 87 | +* 使用 HTML 的 details 和 summary 标签。 |
| 88 | +* 自定义文本选中时的高亮颜色。 |
| 89 | +* 帮助朋友搭建他们的网站。 |
| 90 | +* 为自己撰写网站维护文档。 |
| 91 | +* 为喜欢的艺术作品撰写评论。 |
| 92 | +* 与朋友合写一篇共同兴趣的博客。 |
| 93 | +* 更新旧博客文章。 |
| 94 | +* 在文章中添加旁注(sidenotes)。 |
| 95 | +* 为长文章创建目录。 |
| 96 | +* 为外部链接添加识别小图标。 |
| 97 | +* 添加悬浮卡片(hovercards)。悬浮卡片指的是当用户的鼠标指针悬停在某个元素上时,会弹出一个小卡片,显示额外的信息或提示。 |
| 98 | + |
| 99 | +* * * |
| 100 | + |
| 101 | +[James](https://jamesg.blog/) 实际上创建了 78 个想法,剩余的希望群策群力,由大家一起共创。 |
| 102 | + |
| 103 | +我也有一些想法,大家可以尝试: |
| 104 | + |
| 105 | +* 为网站换上一个有趣的域名。 |
| 106 | +* 创建一个网站插件,如 [WordPress 插件](https://anotherdayu.com/2024/6322/)。 |
| 107 | +* 制作或回答一个问卷,如 [博客作者呀,我想采访你这 9 个问题!](https://anotherdayu.com/2024/5962/) |
| 108 | +* 和网友们语音聊天,如 [交个朋友](https://anotherdayu.com/2024/5727/)。 |
| 109 | +* 创建一些能和读者互动的活动,如 [让风儿寄出一份不确定性中的惊喜](https://anotherdayu.com/2023/4959/)。 |
| 110 | +* 创建一个「赞助支持」页面,如 [支持](https://anotherdayu.com/2024/5715/)。 |
| 111 | +* 创建一封延时发布的博客,可以是 1 年后,也可以是 10 年后,那将是一封给未来自己和读者的信。 |
| 112 | +* 定期分享友情链接中有趣的文章,多和朋友们交流,如 [友邻们](https://anotherdayu.com/2025/6554/)。 |
| 113 | +* 连载一份内容策展,分享近期喜欢的事物。 |
| 114 | +* 使用一个博客数据统计系统,如 Google Analytics 或 umami。 |
| 115 | +* 尝试在线下见一下友情链接中的好友。我的友情链接中有 6 位线下见过,5 位添加友链前就认识。1 位([1nan](https://yinan.me/))是添加友链后发现彼此在英国的同一个城市,骑自行车 15min 左右就能到,于是相约见面。 |
| 116 | +* 和朋友发起一些博客竞赛,督促彼此定期更新。此处 @ [陈仓颉](https://imzm.im/) 和 [印记](https://yinji.org/),不知谁能坚持到最后! |
| 117 | + |
| 118 | +* * * |
| 119 | + |
| 120 | +今天的天气很好,祝大家一切顺利! |
| 121 | + |
| 122 | +Dayu |
| 123 | + |
0 commit comments