FIRST ISSUE: 100 个个人网站可以做的事情

[niracler]

TODOList（优先级由高到低）

✅ 已完成

• 创建项目：基于 Astro 构建
• Cloudflare Pages：自动构建和部署
• Hello World：第一篇文章
• RSS：Category 过滤、Follow 认证
• 评论功能：基于 remark42
• 文章搬运：从 xlog 迁移文章
• 动态页 (Channel)：Telegram 频道集成
• 心头好页面 (plrom)：展示使用的工具/设备
• 漫画表情包页面
• 友链页面

---

🚀 计划中

• 全文搜索：基于 Pagefind 实现零服务端全文搜索
• 文章分享按钮：放在文章内容页左侧 sidebar
• AI 相关文章推荐：融入向量数据库，智能推荐相关内容
• IndieWeb / Webmentions：加入独立博客联盟，接收跨站互动

🤔 考虑中

• 书影音页面：聚合展示看过的书/电影/动画（设计待定）
• 随机文章：点击随机跳转到一篇文章
• Steam 最近在玩：展示 Steam 游戏状态
• 时间线归档：按年月展示所有文章

❌ 不做

• Xlog 同步：已不再使用 xlog
• 额外埋点统计：Cloudflare Web Analytics 已够用
• 阅读进度条：浏览器滚动条足够
• Now 页面：动态页已是此效果
• Guestbook：有评论系统足够

---

灵感来源：James G 的《Personal Website Ideas》

[niracler]

番外篇: Personal Website Enhancement Ideas 个人网站改进清单

Here is a comprehensive TODO list based on the provided ideas for enhancing a personal website. Let's make your website more engaging, accessible, and personal! 使用以下清单，让你的个人网站更加吸引人、易用且个性化！

• Set up a personal website if you don’t have one yet. 使用工具如 WordPress, micro.blog, omg.lol 或编写代码创建自己的网站。
• Write a blog post about something that interests you. 写一篇关于你感兴趣的事物的博客文章。
• Write a blog post about something that brought you joy recently. 写一篇关于最近让你感到快乐的事物的博客文章。
• Write a blog post about a thing you learned over the last week. 写一篇关于上周学到的新东西的博客文章。
• Write a blog post with your thoughts on a book you finished reading. 写一篇关于你读完的一本书的感想。
• Write a blog post about your strategy on playing a game you like. 写一篇关于你喜欢玩的游戏策略的博客文章。
• Write a blog post about anything else you’d like to share. 写一篇关于你想分享的其他内容的博客文章。
• Share a recipe you made recently. 分享你最近做的一道菜的食谱。
• Publish a photo you took recently. 发布你最近拍摄的一张照片。
• Make a blogroll linking to personal websites you like. 创建一个链接到你喜欢的个人网站的博客列表。
• Make a robots.txt file to limit search engines and AI crawlers. 创建一个 robots.txt 文件，限制搜索引擎和 AI 爬虫抓取你的网站。
• Create a shrine about something that makes you happy (e.g., a band, a TV show). 创建一个关于让你快乐的事物（如乐队、电视剧）的专题页面。
• Make an image map for clickable parts of an image (e.g., a desk setup). 创建一个图像地图，让用户点击图像的不同部分了解更多（如办公桌布局）。
• Share a list of your favorite books. 分享你最喜欢的书籍列表。
• Make a movie recommendations page. 创建一个电影推荐页面。
• Add a dark mode option for readers. 为读者添加暗黑模式选项。
• Register a domain name and use it for your website. 注册一个域名并将其用于你的网站。
• Add an easter egg to surprise visitors. 添加一个彩蛋，给访问者带来惊喜。
• Make a guestbook for visitors to leave notes. 创建一个留言板，让访问者留下他们的评论。
• Add a background image to your website or a specific page. 为你的网站或某个页面添加背景图片。
• Create a scavenger hunt with clues across pages. 创建一个寻宝游戏，让用户在页面中寻找线索。
• Leave comments in HTML to help others understand your code. 在 HTML 中添加注释，帮助其他人理解你的代码结构。
• Share a list of web pages (articles, blogs, photos, games) you enjoyed recently. 分享你最近喜欢的一些网页内容（文章、博客、照片、游戏等）。
• Add alt text to images without it for accessibility. 为没有描述文字的图片添加 alt 文本，提升可访问性。
• Use WAVE to find accessibility issues on your website. 使用 WAVE 工具检查网站的可访问性问题。
• Use PageSpeed Insights to check and improve website loading speed. 使用 PageSpeed Insights 检查并提升网站的加载速度。
• Add a citation guide for academic works published on your site. 为你在网站上发表的学术作品添加引用指南。
• Create an antilibrary for books you own but haven’t read. 创建一个“未读图书馆”，列出你拥有但未读或不打算读的书。
• Make a word game for visitors to play. 创建一个文字游戏供访问者玩耍。
• Write about something new you added to your website (#sitedocumentation). 写一篇关于你为网站添加的新内容的文章（#sitedocumentation）。
• Write a list of words you learned recently. 列出你最近学到的新词汇。
• Add an RSS feed for blog subscriptions. 添加 RSS 订阅功能，让用户可以订阅你的博客。
• Create an “on this day” feature linking to past blog posts. 创建一个“历史上的今天”功能，链接到过去某天的博客文章。
• Add a skip link for easier navigation with screen readers. 添加跳跃链接，方便屏幕阅读器用户导航。
• Create an archive page listing all website posts. 创建一个归档页面，列出网站上的所有文章。
• Design a mascot for your website. 为你的网站设计一个吉祥物。
• Add an 88x31 button to your website. 为网站添加一个 88x31 按钮。
• Make an 88x31 button for others to link to your website. 制作一个 88x31 按钮，供他人链接到你的网站。
• Join a webring to connect with other websites. 加入一个网站环 (webring)，与其他网站建立联系。
• Translate a page into another language you know or are learning. 将网站的一个页面翻译成你会或正在学习的其他语言。
• Add a print stylesheet for better printing layouts. 添加打印样式表，优化打印布局。
• Ensure all links on your website work properly. 确保网站上的所有链接都有效。
• Start a blog carnival, challenging friends to write on a monthly topic. 发起一个博客狂欢活动，挑战朋友每月围绕特定主题写作。
• Add rel=me links to verify profiles on platforms like Mastodon. 添加 rel=me 链接，与 Mastodon 等平台上的个人资料进行验证。
• Create an Omake (bonus content) for your website. 为网站创建额外内容 (Omake)。
• Add a resume page in HTML for professional presentation. 使用 HTML 创建一个简历页面，用于专业展示。
• Style code snippets in blog posts with a syntax highlighter (e.g., Prism.js). 使用语法高亮工具（如 Prism.js）为博客文章中的代码片段添加样式。
• Review and clean up unnecessary scripts/tags in the head tag. 检查并清理 head 标签中不再需要的脚本和标签。
• Add a search feature for your website. 为网站添加搜索功能。
• Create a “now” page to share what you’re currently working on. 创建一个“现在”页面，分享你目前正在做的事情。
• Add a sparkline to show your post frequency. 添加一个迷你图表 (sparkline)，展示你的发文频率。
• Experiment with different fonts on your website. 尝试不同的字体样式。
• Ensure heading sizes are appropriately spaced. 确保标题大小之间的层级差异合理。
• Add an asterism or fleuron at the end of blog posts. 在博客文章末尾添加星号符号 (asterism) 或小花饰 (fleuron)。
• Use lite-youtube web component to speed up pages with embedded videos. 使用 lite-youtube 网页组件，优化嵌入 YouTube 视频的页面加载速度。
• Try a new color scheme for your website. 尝试为网站更换新的配色方案。
• Create a style page showing how HTML elements are styled. 创建一个样式页面，展示你使用的 HTML 元素的样式效果。
• Write a quiz to share with friends. 编写一个测验与朋友分享。
• Add Webmention support to receive notifications of mentions/links. 添加 Webmention 支持，接收他人链接或回应你博客的通知。
• Create a reusable web component for others to use. 创建一个可复用的网页组件，供他人使用。
• Add a hover effect to change images on mouse-over. 添加悬停效果，在鼠标悬停时更改图片。
• Add an audio recording of your name pronunciation. 添加一段你名字发音的音频录音，让人知道如何正确发音。
• Add a holiday theme for a significant day. 为某个重要节日添加节日主题。
• Draw and share a picture on your website. 绘制一幅画并在网站上分享。
• Add an interactive pixel grid on your homepage for clicks. 在首页添加一个互动像素网格，供用户点击。

Feel free to prioritize and tackle these tasks based on your interests and goals for your personal website! 根据你的兴趣和目标，优先处理这些任务，为你的个人网站增添魅力！

[niracler]

好了，样式可能还要改改，不过暂且先这样。