Back to Blog

喜欢您来!带你在线逛逛我的个人主页

林小卫很行

大家好,我是大卫。

最近花了一些时间,为自己建了一个个人主页:xiaoweibox.top。从构思到实现,再到细节的调整,这两天总算有了一个比较满意的样子。

想借这篇笔记,带你在线上逛一逛我的这个新空间。

首页

打开网站,首先映入眼帘的就是主页的Hero 区域。

  • 浅色模式 1bfe133ca3669a4d7b17af7a12dfe5c1.png

  • 深色模式 dcf49a541d718c137ac13b3e565b0b40.png

最上方是我的一张数字名片,简单写了写“我是谁”。继续往下,是一些我认同和正在思考的观念。在浅色模式下,当鼠标滑过时,背景会泛起一圈淡淡的紫色光晕,给素净的底色增加一点点缀。

再往下是“About Me”,这里记录了一些我的个人经历。我大学读的是旅游酒店管理,后来转行做了产品经理。现在呢,我正饶有兴致地探索 AI 如何能帮我们的生活和工作提效,也试着用 Vibe Coding 把一些想法变成自己的产品。当然,在写代码这件事上,我还是个新手,很多地方都在慢慢摸索,也欢迎你多提建议。 image.png

我的作品 (Works - Selected projects)

这个板块,放了一些我近期的实践和项目。

比如用 AI 驱动一些小工具的开发、在提示词上做的一些运用,以及用Obsidian来梳理和巩固知识体系的尝试。

下面列了几个具体的项目:

  • Wechat-tool: 之前在视频里介绍过,一个针对微信公众号文章的markdown 排版转化、AI 封面生成、AI 标题生成以及公众号历史文章下载的网站。
  • Moon TV: 主要是我部署了 Moontv这个开源项目,把它安在了自己的服务器上,用来和家人一起看看电影、电视剧。
  • Obsidian 双链: 演示了一个用 Obsidian 实现的双向链接以及在 OB 里面的关系图谱的效果。
  • Word merge Automation: 一个用 Python 开发的自动化小工具,之前也写过文章分享,它可以把多个 Word 文档合并成一个。

页面的最底部,是我的 GitHub 和邮箱。点击微信图标,会弹出一个和wechat-tool 项目样式很接近的介绍弹窗和公众号二维码。

博客 (Blog) & AI 对话 (Chats)

右上角,可以进入“博客”和“对话”两个页面。

博客这边,我会把公众号发过的文章同步过来。每篇都有三到五个标签,比如点击“AI”、“生活”或“效率”,列表里就会筛选出相关的文章。当然也支持搜索,比如搜“Gemini”,包含这个关键词的文章就都出来了。 image.png

“对话 (Chats)”页面,则用来存放一些我觉得值得分享的 AI 对话。 image.png

我每天会和 AI 有不少交流,有些解决问题的过程、或者它给出的一些有趣思路,我都想记录下来,方便自己复盘,也希望能给别人一些启发。比如上次安装 Gemini CLI以及在 Obsidian 里面使用 CLI 时的一些探索过程,就完整地记录在了这里。

我会请 AI 对每次的对话做个总结,然后生成一个独立的静态页面发布上来。这些页面都可以通过页面的链接单独打开和分享。

一些细节

对了,网站里还有几个我自己挺喜欢的小设计。

一个是左上角的头像。当页面向下滑动,顶部的头像离开视线后,它才会浮现出来;回到顶部时,它又会悄悄隐藏,避免了页面上有两个头像同时出现。

另一个是暗黑模式。切换之后,除了背景变深,鼠标周围还会出现一束光,像手电筒一样,柔和地照亮你正在浏览的区域。 dark-spotlight.png

有些细腻的交互,图片只能展示十分之一,欢迎你亲自来我的网站上手把玩。


以上就是我个人主页 - xiaoweibox.top 目前的样貌。它后续应该还会慢慢生长、变化。

如果你有任何想法或建议,随时欢迎和我交流(个人微信:linauwawa)。当然,只是单纯来逛逛,我也很开心,就像麦当劳的那句 Slogan 一样:喜欢您来!