我的个人工作台https://shuzhai.zhihaoshi.online/Firefly6.16.8https://github.com/CuteLeaf/Firefly2026年10月17日 20:24:32https://shuzhai.zhihaoshi.online/posts/hello/https://shuzhai.zhihaoshi.online/posts/hello/这个站点是怎么来的，以及工作台里的四个格子分别放什么。Sat, 17 Oct 2026 00:00:00 GMT<p>这个站是拿 <a href="https://github.com/CuteLeaf/Firefly" target="_blank">Firefly</a> 的版式搭起来的，前面加了一个自己的「工作台」：笔记、文件、书签、待办，都在导航栏里。</p> <section><h2>四个格子<a href="#四个格子"><span>#</span></a></h2><ul> <li><strong>笔记</strong> —— 左边列表，右边编辑。支持 Markdown，切到「预览」能看到渲染后的样子，停手几百毫秒就自动保存，<code>Ctrl/⌘ + S</code> 也能手动存。写顺手的可以置顶，也可以导出成 <code>.md</code> 文件。</li> <li><strong>文件</strong> —— 把文件拖进虚线框就行，图片会显示缩略图。文件本体存在浏览器的 IndexedDB 里，不会上传到任何服务器。</li> <li><strong>书签</strong> —— 贴一个网址，自动补 <code>https://</code>，首字母会按域名生成一个颜色。带标签，能搜。</li> <li><strong>待办</strong> —— 写「明天」「周五」这类词会自动识别成日期，逾期会标红。</li> </ul></section> <section><h2>数据在哪<a href="#数据在哪"><span>#</span></a></h2><p>全部存在<strong>这台设备的浏览器</strong>里：笔记、书签、待办在 localStorage，文件二进制在 IndexedDB。</p><p>也就是说：换一台电脑、换一个浏览器，或者清掉站点数据，这些内容就看不到了。想跨设备同步，需要接一个后端——这是下一步的事。</p></section> <section><h2>顺手记<a href="#顺手记"><span>#</span></a></h2><p>写 Markdown 的时候，下面这些是支持的：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span># 一级标题</span></div></div><div><div><div>2</div></div><div><span>**加粗**</span><span> </span><span>*斜体*</span><span> ~~删除线~~ </span><span><span>`</span><span>行内代码</span><span>`</span></span></div></div><div><div><div>3</div></div><div><span><span>-</span><span> 列表</span></span></div></div><div><div><div>4</div></div><div><span>&gt; 引用</span></div></div><div><div><div>5</div></div><div><span>| 表 | 格 |</span></div></div><div><div><div>6</div></div><div><span>| --- | --- |</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>表格、代码块、图片、链接都可以。写完之后点「预览」确认一下，再点「导出」就拿到源文件了。</p></section>