Skip to content

Commit 479e9d0

Browse files
Add new summaries
1 parent 9490b99 commit 479e9d0

File tree

4 files changed

+204
-0
lines changed

4 files changed

+204
-0
lines changed
Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
---
2+
layout: post
3+
---
4+
# 个人网站博客可以尝试的 100 件事 - Another Dayu
5+
- URL: [原文](https://anotherdayu.com/2025/6940/)
6+
- Added At: 2025-05-09 10:10:32
7+
- [Link To Text](_posts/2025-05-09-个人网站博客可以尝试的-100-件事---another-dayu_raw.md)
8+
9+
## TL;DR
10+
文章扩展了James的个人网站创意清单,提供了丰富的网站搭建、内容创作、功能互动、优化策略以及个性化风格建议。涵盖博客主题选择、基础和高级功能实现、SEO和可访问性优化、社交链接、视觉元素设计等方面,鼓励用户打造独特且实用的个人网站。作者还补充了域名更换、读者互动、赞助支持等新想法。
11+
12+
13+
## Summary
14+
好的,这是对你发送的文本的详细总结:
15+
16+
1. **文章简介**:作者翻译并扩展了James的“个人网站可以尝试的100件事”清单,并加入了自己的想法。
17+
18+
2. **原文参考**
19+
* **James的清单**[「100 things you can do on your personal website」](https://jamesg.blog/2024/02/19/personal-website-ideas)
20+
* **补充灵感**[「Ideas for Your Personal Website」](https://32bit.cafe/websiteideas/)
21+
22+
3. **网站搭建**
23+
* **推荐工具**:WordPress、micro.blog、omg.lol等,无需编程。
24+
* **进阶选择**:自行编写代码。
25+
26+
4. **内容创作**
27+
* **博客主题**:兴趣、开心事、学习心得、读书感想、游戏攻略等。
28+
* **其他内容**:菜谱、照片、纪念馆/粉丝小站。
29+
30+
5. **网站功能与互动**
31+
* **基础功能**:友情链接、留言板、深色模式、专属域名、RSS订阅、文章归档等。
32+
* **高级功能**:图像热区图、网站寻宝游戏、“历史上的今天”、网站搜索、Webmention支持等。
33+
* **互动方式**:趣味问答、共享网页组件。
34+
35+
6. **网站优化**
36+
* **SEO**:robots.txt文件
37+
* **可访问性**:WAVE工具检查、屏幕阅读器支持(“跳转到内容”链接)。
38+
* **性能**:PageSpeed Insights优化、lite-youtube组件加速视频加载。
39+
* **设计**:字体风格、标题字号、配色方案、HTML元素样式展示页面、鼠标悬停效果。
40+
41+
7. **社交与社区**
42+
* **链接**:网站联盟(十年之约、开往Travellings)、rel=me链接认证。
43+
* **合作**:博客活动、与朋友合写博客。
44+
* **交流**:分享友情链接文章、线下见面。
45+
46+
8. **网站风格与个性化**
47+
* **视觉元素**:背景图片、网站吉祥物、88×31像素小按钮、网站图标(favicon)、情绪板(mood board)。
48+
* **用户体验**:小彩蛋、自定义文本选中高亮颜色、悬浮卡片、旁注(sidenotes)。
49+
* **内容标识**:标记网站内容为非AI生成。
50+
* **其他**:名字发音录音、节日主题装扮。
51+
52+
9. **内容呈现**
53+
* **信息展示**:书单、电影推荐、反向图书馆清单、新词列表、“此刻(now page)”页面、情绪板(mood board)。
54+
* **数据可视化**:迷你图(sparkline)展示文章发布频率。
55+
* **代码呈现**:语法高亮工具。
56+
57+
10. **技术细节**
58+
* **HTML**:HTML代码注释、HTML简历、details和summary标签、打印样式表。
59+
* **其他**:创建网站插件(如WordPress插件)。
60+
61+
11. **作者的补充想法**
62+
* **域名**:更换有趣域名。
63+
* **互动**:问卷调查、语音聊天、读者互动活动。
64+
* **支持**:创建“赞助支持”页面。
65+
* **未来**:创建延时发布的博客。
66+
* **分享**:连载内容策展。
67+
* **统计**:使用博客数据统计系统。
68+
* **竞赛**:与朋友发起博客竞赛。
69+
70+
12. **友情链接示例**
71+
* 陈仓颉 ([https://imzm.im/](https://imzm.im/))
72+
* 印记 ([https://yinji.org/](https://yinji.org/))
73+
* 1nan ([https://yinan.me/](https://yinan.me/))
74+
Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
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+

data.json

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -262,5 +262,11 @@
262262
"title": "Indie Hacking Year 1 Review",
263263
"url": "https://t31k.medium.com/indie-hacking-year-1-review-0d695880ebfb",
264264
"timestamp": 1746757482
265+
},
266+
{
267+
"month": "202505",
268+
"title": "个人网站博客可以尝试的 100 件事 - Another Dayu",
269+
"url": "https://anotherdayu.com/2025/6940/",
270+
"timestamp": 1746785463
265271
}
266272
]

summary.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
读取 bookmark-collection 中的书签,使用 jina reader 获取文本内容,然后使用 LLM 总结文本。详细实现请参见 process_changes.py。需要和 bookmark-collection 中的 Github Action 一起使用。
33

44
## Summarized Bookmarks
5+
- (2025-05-09) [个人网站博客可以尝试的 100 件事 - Another Dayu](_posts/202505/2025-05-09-%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99%E5%8D%9A%E5%AE%A2%E5%8F%AF%E4%BB%A5%E5%B0%9D%E8%AF%95%E7%9A%84-100-%E4%BB%B6%E4%BA%8B---another-dayu.md)
56
- (2025-05-09) [Indie Hacking Year 1 Review](_posts/202505/2025-05-09-indie-hacking-year-1-review.md)
67
- (2025-05-06) [自部署 DeepLX 满足日常翻译需求](_posts/202505/2025-05-06-%E8%87%AA%E9%83%A8%E7%BD%B2-deeplx-%E6%BB%A1%E8%B6%B3%E6%97%A5%E5%B8%B8%E7%BF%BB%E8%AF%91%E9%9C%80%E6%B1%82.md)
78
- (2025-04-28) [Flash Loans (闪电贷) 是什么? | 代码家](_posts/202504/2025-04-28-flash-loans-%28%E9%97%AA%E7%94%B5%E8%B4%B7%29-%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F-%E4%BB%A3%E7%A0%81%E5%AE%B6.md)

0 commit comments

Comments
 (0)