个人网页示例

dsk

我在公开学习,顺便把一个小个人站点慢慢做出来。
这里是 dskbot.fyi。笔记、小工具和这个网站,都是边学边放上来的。

关于我

欢迎来看我公开学习的记录。这个小站还在长,我会把看到的、做过的,一点一点写下来。


线索多半来自文档、报错和自己的小项目。有时候是一篇笔记,有时候是一个刚好能用的小工具。


下面几个链接先留着,之后可以换成自己的:

色彩鲜艳的人物照

经历

做这个网站
dskbot.fyi · 个人站点
2025 - 现在

用 AstroWind 搭好站点骨架,再慢慢换成自己的内容。
把学习笔记放到博客里,公开写下来。
改首页、关于页和这些示例页面的文案。
边看文档边修小问题,能跑起来就先记一笔。

小工具和练习
自己的草稿本
更早一些

跟着教程做几个小页面,看看 Astro 和 Tailwind CSS 怎么配合。
写过一些只给自己用的小脚本。
把踩过的坑记成短笔记,方便以后翻。
还在学,先求能看懂、能改动。

学习

在公开中学着做网站
文档、博客和自己的仓库
2024 - 现在

网页入门
零散课程和官方文档
更早

技能

这些是我现在用得上的东西,都还在练。

写笔记

把刚学会的东西用自己的话记下来,方便以后回看。

Astro

用 Astro 做静态页面,组件和内容分开,慢慢改得懂。

Tailwind CSS

用它调颜色、间距和版式,先求清楚,再谈好看。

这个网站

会改 dskbot.fyi 的页面、文案和简单配置。

Markdown

博客和笔记都用 Markdown 写,顺手就多写一点。

GitHub

代码放在 GitHub 上,提交说明尽量写给人看。

小工具

遇到重复的小事,会试着写个小脚本应付一下。

看文档

报错先看文档和报错本身,不急着猜。

慢慢来

站点骨架先在,内容一块一块换,不求一次做完。

最近在做的几件小事

都是公开学习时留下的东西:笔记、小工具,还有你现在看的这个网站。

  • 偏科技风格的设计画面
    • 站点
    • 笔记
    • Astro

    这个网站

    dskbot.fyi 的个人站点。用 AstroWind 当骨架,首页和博客先能看,其余页面慢慢换成自己的话。

    已经能打开,内容还在补

  • 色彩鲜明的海报
    • 笔记
    • Markdown

    学习笔记

    把看过的文档和踩过的坑写成短文。不求完整教程,先让以后的自己看得懂。

    博客里已经有几篇占位

  • 服装网店的页面
    • 脚本
    • 练习

    一个小工具

    给自己用的小脚本,处理重复的小事。功能少,但跑通了就记下来,下次还能接着改。

    自己在用,还没正式发布

别人怎么说

下面是一些合作之后留下的话。

我们当时的想法还很模糊,dsk 把它做成了一套刚好对上目标的视觉方案。细节抓得住,想法也能变成让人愿意看的画面,比我们想的更好。


Mark Thompson 的照片

Mark Thompson

创意总监

dsk 重做了我们的品牌识别,每个元素都贴着我们自己的气质。用心和手艺,在作品里看得出来。


Emily Martinez 的照片

Emily Martinez

首席执行官

dsk 很会把情绪和故事讲出来。给我们公益组织做的标志,既代表我们在做的事,也能让人产生共鸣。做事认真,是很让人放心的合作者。


Laura Simmons 的照片

Laura Simmons

公益组织创始人

我们把网站界面改版交给 dsk,结果很惊喜。设计让使用更顺,互动也明显多了。好看和能用,dsk 是放在一起想的。


Alex Foster 的照片

Alex Foster

网站服务负责人

dsk 把我们的设想往前推了一步。能抓住品牌的核心,再落到设计上,这点很难得。一起做的过程也很有启发。


Jessica Collins 的照片

Jessica Collins

产品经理

dsk 把概念做成吸引人的画面,这件事很突出。我们的活动海报,最后刚好抓住了活动本身的气氛。投入、有想法,也常常比预期多做一点。


Michael Carter 的照片

Michael Carter

活动统筹

想聊聊就写给我

想把一个想法做成小页面,可以写信给我。

博客里的学习笔记

查看全部文章 »

这里会放公开学习时写下的东西:刚搞懂的概念、踩过的坑,以及做这个小站时的记录。

先玩一下

dskbot.fyi 的第一篇占位笔记。站点骨架已经搭好,内容以后再慢慢换。