
James 分享的 「100 things you can do on your personal website」 很有趣,介绍了博客作者可以尝试的 100 件事。他还参考了 「Ideas for Your Personal Website」 ,也有很多有趣的建议!
这个页面灵感,来自于 Dayu 的中文翻译。也是你了解壹手设计的一个切面。
以下是关于壹手设计的 100 件要做的事:
如果你还没有个人网站,可以搭建一个!是哒,这个网站从2007年就开始运营啦
写一篇博客,分享你感兴趣的事、最近让你开心的经历、过去一周学到的新东西、读完一本书后的感想、你玩喜欢的游戏的攻略,或者任何你感兴趣的话题。后来添加了「旅行」分类,分享自己在旅行中的见闻
分享一道最近做的美味菜谱。这个暂时没有分享
发布一张最近拍摄的照片。朋友圈见
创建一个友情链接(博客圈),链接你喜爱的个人网站。友情链接请看这里
添加一个 robots.txt 文件,明确限制搜索引擎和AI抓取你网站的内容。使用了ai.robots.txt这个项目
为你喜欢的乐队、电视剧或其他事物创建一个特别的「纪念馆」或「粉丝小站」。粉丝们看过来
制作图像热区图,让访客点击图片不同部分探索更多信息,比如你书桌上的物品介绍。这个暂时还没有
分享你最喜欢的书单。网站的悦读栏目就是它了
创建电影推荐专页。网站的陪你看电影栏目就是它了
提供一个深色模式选项,让读者更舒适地阅读。有的,朋友有的
注册并使用一个属于你的专属域名。就是你现在访问的域名啦
添加一个有趣的小彩蛋。加点什么好呢٩(•̤̀ᵕ•̤́๑)
搭建留言板,让大家畅所欲言。有的,我们有留言板哦
给你的网站或特定页面设置背景图片。有的,全站都有呢
设计一个网站寻宝游戏,让访客通过寻找线索探索你的网站。精华分享可以看效率手册
在 HTML 代码中加入清晰的注释,帮助新手理解你网页各部分的用途。自己还在学习中...
分享最近喜欢的网页,比如文章、博客、摄影作品或游戏。有的,期待你的发掘
为图片添加描述文字。有的
使用 WAVE (Web Accessibility Evaluation Tool)工具检查网站的无障碍访问性。我尽可能完善
用 PageSpeed Insights 优化网站速度。我尽可能完善
如果你发布学术作品,添加引用说明。有的
创建一个“反向图书馆”清单,记录你拥有但未读的书籍。是个好思路
制作一个文字小游戏。有点意思
记录网站更新日志,开启 #网站开发日记。有更新日志,但是可能游客看不到
分享你最近学到的新词列表。暂时不会有
添加 RSS 订阅功能,让访客轻松关注更新。只要你使用任意RSS订阅工具访问本站就可以看到啦
创建“历史上的今天”功能,链接到以往同日期发布的博客。以前有,现在去掉了
添加“跳转到内容”链接,提升网站对屏幕阅读器的支持。暂时没有
制作文章归档页面。有的,你可以访问全部文章在一个页面查看所有已发布的文章,也可以在文章归档页面查看包含数据的文章列表
为网站设计一个专属吉祥物。我就是吉祥物😂
制作并添加一个 88×31 像素的小按钮图标,通常用于网页、博客、论坛等地方的链接按钮或标识图标。这种按钮图标在早期互联网时代非常流行,经常用于交换链接、展示合作伙伴或赞助商的链接。有点Old shcool了,怀念贴吧冲浪的年代
加入一个网站联盟(webring),比如 十年之约 和 开往 Travellings。加入过,被拒了
翻译网站的某个页面到你熟悉或正在学习的语言。暂时不会有
创建打印样式表。暂时不会有
确保所有链接有效无误。使用插件进行检测,但是那些有故事的站点虽然可能已经无法访问了,但是依旧保留,比如“水色平面设计论坛”
发起博客活动,邀请朋友们围绕特定主题每月发表文章,并轮流确定主题。现在有难度了,大家的精力被短视频支配了
添加 rel=me 链接,认证其他平台上的个人资料,比如在博客自我介绍中列出自己的 Mastodon、GitHub、Twitter 账号。暂时还没有
做一些额外的惊喜内容(おまけ)。扫码领红包算吗?
如果你想展示专业作品,可以创建 HTML 简历页面。暂时没有
使用语法高亮工具(如 Prism.js)美化代码片段。有这个功能,不过暂时还没有分享过代码片段
检查和优化 head 标签中的内容。这个工作还是交给主题的设计者来吧
为网站添加搜索功能。这个必须有
创建“此刻(now page)”页面,通常用来展示网站拥有者当前正在关注的事情、工作、生活状态或感兴趣的项目。考虑过类似“微博”的功能,不过发出来太过个人了
使用迷你图(sparkline)展示文章发布频率。Sparkline 是指通过一种小巧、简洁的折线或柱状图,以极小的空间清晰地展现文章发布数量在一段时间内的变化趋势。热图也是一个很好的选择。有的,你可以在统计页面查看发文频率
尝试不同的字体风格。不同的字体适合不同的主题,可以一起调整。还是保持统一更好吧
优化标题字号的层次区分。主题有这个功能
在文章末尾加入装饰性分隔符。以前尝试过,感觉视觉疲劳了
使用 lite-youtube 组件加快视频加载速度。全站有静态缓存,你访问的越多,打开的越快
更新网站配色方案。基本上固定了,不过偶尔心血来潮也会换一换
创建 HTML 元素样式展示页面,辅助设计优化。暂时没有
编写趣味问答,邀请朋友参与。暂时没有
为网站添加 Webmention 支持。Webmention 是一种开放的 Web 标准,用于在不同网站之间发送和接收消息通知,使得网站可以相互引用、交互以及进行社交化沟通,WordPress 自带该功能。暂时没有
制作共享使用的网页组件(web component)。暂时没有
为图片设置鼠标悬停效果。试过,影响阅读体验,需要的话你可以试试Chrome插件
发布一段自己的名字或昵称发音录音。很有趣的观点,不过已经把自己的语音通过微信公众号的语音朗读实现了,自己听着还是比较接近本人的声音的
在特别的节日为网站换上主题装扮。有的,不过还是觉得有点俗,暂时关闭了
分享你亲手绘制的画作。手工算吗
在主页添加互动式像素网格。暂时没有
标记网站内容为非 AI 生成,可参考这个项目 Not By AI 。加上了
分享你喜爱的播客清单。欢迎订阅我的播客呀
为你的兴趣爱好专门开设一个新的网站。为家人架设了网站
制作网站图标(favicon)。这个很基础
写一篇个人网站发展史。欢迎阅读这篇文章
添加背景播放音频,如鸟鸣或咖啡厅氛围。暂时不考虑
制作个人风格的情绪板(mood board),是指通过搜集并组合图片、颜色、文字、材质等元素,来视觉化呈现个人喜好、风格偏好或某种特定氛围的过程。很不错的想法💡
使用 HTML 的 details 和 summary 标签。暂时没有
自定义文本选中时的高亮颜色。有的有的
帮助朋友搭建他们的网站。帮助很多周围的朋友入坑😄
为自己撰写网站维护文档。有的,但是访客看不到,我也比较懒,小小的调整也懒得写
为喜欢的艺术作品撰写评论。参见艺术系列
与朋友合写一篇共同兴趣的博客。推荐关注我好基友的网站
更新旧博客文章。对失效信息的文章有调整
在文章中添加旁注(sidenotes)。对于有必要的信息有尾注
为长文章创建目录。有的有的
为外部链接添加识别小图标。这个有
添加悬浮卡片(hovercards)。悬浮卡片指的是当用户的鼠标指针悬停在某个元素上时,会弹出一个小卡片,显示额外的信息或提示。玩不转JS代码哦