https://site.sorubedo.xyz/Recent content on Sorubedo'BlogHugozh-CNMon, 14 Sep 2026 00:00:00 +0000https://site.sorubedo.xyz/posts/guix-pitfalls/Mon, 14 Sep 2026 00:00:00 +0000https://site.sorubedo.xyz/posts/guix-pitfalls/使用 Guix System 过程中踩过的坑：本文持续更新。https://site.sorubedo.xyz/site/Mon, 14 Sep 2026 00:00:00 +0000https://site.sorubedo.xyz/site/<p>本站用到的东西：</p> <ul> <li><a href="https://gohugo.io/">Hugo</a> — 静态站点生成器</li> <li><a href="https://github.com/adityatelange/hugo-PaperMod">PaperMod</a> — Hugo主题</li> <li><a href="https://tailwindcss.com/">Tailwind CSS</a> — 补样式</li> <li><a href="https://fastapi.tiangolo.com/">FastAPI</a> — 后端</li> <li><a href="https://twikoo.js.org/">Twikoo</a> — 评论系统</li> <li><a href="https://simpleicons.org/">Simple Icons</a> — 发行版图标</li> </ul> <h2 id="服务器">服务器</h2> <div id="sysinfo-0" class="sysinfo my-6 overflow-hidden rounded-[var(--radius)] border border-[color:var(--tertiary)] bg-[var(--entry)]" data-endpoint="/api/system/info" data-interval="15000"> <div class="flex items-center gap-4 border-b border-[color:var(--tertiary)] p-4 sm:p-5"><div data-field="os-icon-wrap" class="grid h-14 w-14 shrink-0 place-items-center rounded-2xl border border-[color:var(--tertiary)] bg-[var(--code-bg)] transition-colors"><img data-field="os-icon" alt="" width="36" height="36" decoding="async" class="h-9 w-9 opacity-0 transition-opacity duration-300" style="margin:0;border-radius:0"> </div> <div class="min-w-0 flex-1"> <div class="flex min-w-0 items-center gap-2"> <span data-field="os-name" class="animate-pulse truncate text-base font-semibold tracking-tight text-[color:var(--primary)]">正在读取系统信息…</span> <span data-field="os-version" style="display:none" class="shrink-0 rounded-full border border-[color:var(--tertiary)] px-2 py-0.5 font-mono text-[11px] leading-none text-[color:var(--secondary)]"></span> </div> <div class="mt-1 flex min-w-0 items-center gap-1.5 font-mono text-xs text-[color:var(--secondary)]"> <span data-field="os-host" class="animate-pulse truncate">—</span> <span class="shrink-0 select-none" aria-hidden="true">·</span> <span data-field="os-kernel" class="animate-pulse truncate">—</span> <span class="shrink-0 select-none" aria-hidden="true">·</span> <span data-field="os-arch" class="animate-pulse shrink-0">—</span> </div> </div> <button type="button" data-action="refresh" title="刷新" aria-label="刷新系统信息" class="shrink-0 rounded-full border border-[color:var(--tertiary)] p-2 text-[color:var(--secondary)] transition-colors hover:border-[color:var(--secondary)] hover:text-[color:var(--primary)] disabled:opacity-50 disabled:cursor-progress"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"> <path d="M20 11a8 8 0 1 0-2.34 5.66"></path> <path d="M20 4v7h-7"></path> </svg> </button> </div> <div data-field="body" class="grid gap-3 p-4 sm:grid-cols-2 sm:p-5"> <div class="rounded-lg bg-[var(--code-bg)] p-4 sm:col-span-2"> <div class="flex items-baseline justify-between gap-3"> <span class="text-xs font-medium tracking-wide text-[color:var(--secondary)]">CPU</span> <span data-field="cpu-percent" class="animate-pulse font-mono text-sm text-[color:var(--primary)]">—</span> </div> <div class="mt-2.5 h-2 w-full overflow-hidden rounded-full bg-[color:var(--tertiary)]" role="progressbar" aria-label="CPU 占用率" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"> <div data-field="cpu-bar" class="h-full rounded-full transition-[width] duration-700 ease-out motion-reduce:transition-none bg-emerald-500 dark:bg-emerald-400" style="width:0%"></div> </div> <div data-field="cpu-model" class="mt-2.5 animate-pulse truncate text-xs text-[color:var(--primary)]">—</div> <div data-field="cpu-meta" class="mt-1 animate-pulse font-mono text-[11px] text-[color:var(--secondary)]">—</div> <div data-field="cpu-load" class="mt-0.5 animate-pulse font-mono text-[11px] text-[color:var(--secondary)]"></div> </div> <div class="rounded-lg bg-[var(--code-bg)] p-4"> <div class="flex items-baseline justify-between gap-3"> <span class="text-xs font-medium tracking-wide text-[color:var(--secondary)]">内存</span> <span data-field="mem-value" class="animate-pulse font-mono text-sm text-[color:var(--primary)]">—</span> </div> <div class="mt-2.5 h-2 w-full overflow-hidden rounded-full bg-[color:var(--tertiary)]" role="progressbar" aria-label="内存占用率" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"> <div data-field="mem-bar" class="h-full rounded-full transition-[width] duration-700 ease-out motion-reduce:transition-none bg-emerald-500 dark:bg-emerald-400" style="width:0%"></div> </div> <div data-field="mem-meta" class="mt-2.5 animate-pulse text-[11px] text-[color:var(--secondary)]">—</div><div data-field="swap" style="display:none" class="mt-3 border-t border-[color:var(--tertiary)] pt-3"> <div class="flex items-baseline justify-between gap-3"> <span class="text-[11px] tracking-wide text-[color:var(--secondary)]">Swap</span> <span data-field="swap-value" class="font-mono text-[11px] text-[color:var(--primary)]">—</span> </div> <div class="mt-2 h-1 w-full overflow-hidden rounded-full bg-[color:var(--tertiary)]" role="progressbar" aria-label="Swap 占用率" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"> <div data-field="swap-bar" class="h-full rounded-full transition-[width] duration-700 ease-out motion-reduce:transition-none bg-emerald-500 dark:bg-emerald-400" style="width:0%"></div> </div> </div> </div><div data-field="disks" class="contents"><div class="flex flex-col rounded-lg bg-[var(--code-bg)] p-4"> <div class="flex items-baseline justify-between gap-3"> <span class="text-xs font-medium tracking-wide text-[color:var(--secondary)]">磁盘</span> <span class="animate-pulse font-mono text-sm text-[color:var(--primary)]">—</span> </div> <div class="mt-auto"> <div class="mt-2.5 h-2 w-full overflow-hidden rounded-full bg-[color:var(--tertiary)]" role="progressbar" aria-label="磁盘占用率" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"> <div class="h-full rounded-full transition-[width] duration-700 ease-out motion-reduce:transition-none bg-emerald-500 dark:bg-emerald-400" style="width:0%"></div> </div> <div class="mt-2.5 animate-pulse text-[11px] text-[color:var(--secondary)]">—</div> </div> </div> </div> </div> <div data-field="error" style="display:none" class="mx-4 mb-4 rounded-lg border border-rose-500/40 bg-rose-500/10 px-4 py-3 text-sm text-rose-700 dark:text-rose-300 sm:mx-5 sm:mb-5"> <div class="flex flex-wrap items-center gap-3"> <span data-field="error-msg">读取系统信息失败。</span> <button type="button" data-action="retry" class="rounded-full border border-rose-500/40 px-3 py-1 text-xs transition-colors hover:bg-rose-500/10">重试</button> </div> </div> <div class="flex flex-wrap items-center gap-x-4 gap-y-1.5 border-t border-[color:var(--tertiary)] px-4 py-3 text-xs text-[color:var(--secondary)] sm:px-5"> <span>运行时间 <span data-field="uptime" class="animate-pulse font-mono text-[color:var(--primary)]">—</span></span> <span>启动于 <span data-field="boot" class="animate-pulse font-mono text-[color:var(--primary)]">—</span></span> <span class="ml-auto inline-flex items-center gap-1.5"> <span data-field="live-dot" class="h-1.5 w-1.5 animate-pulse rounded-full bg-emerald-500 dark:bg-emerald-400" aria-hidden="true"></span> 更新于 <span data-field="updated" class="animate-pulse font-mono text-[color:var(--primary)]">—</span> <span data-field="interval-hint"></span> <noscript>（需要 JavaScript 才能显示实时数据）</noscript> </span> </div><template data-template="disk"> <div class="flex flex-col rounded-lg bg-[var(--code-bg)] p-4"> <div class="flex items-baseline justify-between gap-3"> <span class="text-xs font-medium tracking-wide text-[color:var(--secondary)]">磁盘 <span data-field="disk-path" class="font-mono text-[color:var(--primary)]">/</span></span> <span data-field="disk-value" class="font-mono text-sm text-[color:var(--primary)]">—</span> </div> <div class="mt-auto"> <div class="mt-2.5 h-2 w-full overflow-hidden rounded-full bg-[color:var(--tertiary)]" role="progressbar" aria-label="磁盘占用率" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"> <div data-field="disk-bar" class="h-full rounded-full transition-[width] duration-700 ease-out motion-reduce:transition-none bg-emerald-500 dark:bg-emerald-400" style="width:0%"></div> </div> <div data-field="disk-meta" class="mt-2.5 text-[11px] text-[color:var(--secondary)]">—</div> </div> </div> </template> </div> <script crossorigin="anonymous" defer src="https://site.sorubedo.xyz/js/system-info.min.d975f34b27c04f23ebb1b50aad9f37758ed62cc2b534ec49b2fc8773dacea236.js" integrity="sha256-2XXzSyfATyPrsbUKrZ83dY7WLMK1NOxJsvyHc9rOojY="></script>https://site.sorubedo.xyz/posts/guix-experience/Mon, 14 Sep 2026 00:00:00 +0000https://site.sorubedo.xyz/posts/guix-experience/Oh! Guix! 传说中 GNU/Linux 发行版的终极答案——原子、声明式、完全自由。用了大概两个月，聊聊它的坑、非 FHS 的代价、开发体验、GNU 原教旨主义、channel 生态、桌面组装，以及那点很难被替代的情绪价值。https://site.sorubedo.xyz/posts/hello-world/Sun, 13 Sep 2026 00:00:00 +0000https://site.sorubedo.xyz/posts/hello-world/<p>这是我第n个博客（</p> <p>一定不删了（</p> <p>以前的慢慢搬回来</p>https://site.sorubedo.xyz/about/Sun, 13 Sep 2026 00:00:00 +0000https://site.sorubedo.xyz/about/<p><img alt="sorubedo 的头像" loading="lazy" src="https://github.com/sorubedo.png?size=200"></p> <p>我是 sorubedo。</p> <ul> <li>温州大学 大四在读</li> <li>目前在找实习</li> <li>正在使用：Guix System</li> <li>Guix channel：<a href="https://github.com/sorubedo/guix-channel">guix-channel</a></li> <li>GitHub：<a href="https://github.com/sorubedo">sorubedo</a></li> <li>B 站：<a href="https://space.bilibili.com/3537119790238250">sorubedo</a></li> <li>文章：<a href="https://site.sorubedo.xyz/posts/">posts</a></li> </ul> <h2 id="技术栈">技术栈</h2> <div class="tech-stack my-6 overflow-hidden rounded-[10px] border border-[color:var(--tertiary)] bg-[var(--entry)]"> <div class="flex items-center gap-1.5 border-b border-[color:var(--tertiary)] bg-[var(--code-bg)] px-4 py-2.5"> <span class="h-3 w-3 rounded-full bg-[#ff5f57]"></span> <span class="h-3 w-3 rounded-full bg-[#febc2e]"></span> <span class="h-3 w-3 rounded-full bg-[#28c840]"></span> <span class="ml-2 truncate font-mono text-xs text-[color:var(--secondary)]">sorubedo@guix: ~ — 技术栈</span> </div> <div class="px-4 py-4 font-mono text-xs leading-[1.7] sm:px-5 sm:text-[13px]"> <div class="flex gap-2"> <span class="shrink-0 select-none text-emerald-600 dark:text-emerald-400">$</span> <span class="text-[color:var(--primary)]">skillfetch</span> </div> <div class="ts-row mt-5 mb-1.5 text-[color:var(--secondary)]" style="animation-delay:0ms"> <span class="select-none">#</span> 真本事 </div><div class="ts-row flex flex-wrap items-center gap-x-3 gap-y-0.5" style="animation-delay:0ms"> <span class="w-full truncate text-[color:var(--primary)] sm:w-36 sm:shrink-0">vibecoding</span> <span class="max-sm:hidden min-w-0 flex-1 truncate text-[color:var(--secondary)]">全靠 LLM 续命</span> <span class="ml-auto inline-block" aria-hidden="true"> <span class="select-none text-[color:var(--tertiary)]">[</span><span class="ts-fill inline-block text-sky-600 dark:text-sky-400" style="animation-delay:140ms">██████████████</span><span class="inline-block select-none text-[color:var(--tertiary)] dark:text-[color:var(--secondary)] dark:opacity-40">░░░░░░</span><span class="select-none text-[color:var(--tertiary)]">]</span> </span> <span class="w-10 shrink-0 text-right text-[color:var(--secondary)]">70%</span> </div> <div class="ts-row mt-5 mb-1.5 text-[color:var(--secondary)]" style="animation-delay:90ms"> <span class="select-none">#</span> 也就会一点 </div><div class="ts-row flex flex-wrap items-center gap-x-3 gap-y-0.5" style="animation-delay:90ms"> <span class="w-full truncate text-[color:var(--primary)] sm:w-36 sm:shrink-0">Rust</span> <span class="max-sm:hidden min-w-0 flex-1 truncate text-[color:var(--secondary)]">编译器教我做事</span> <span class="ml-auto inline-block" aria-hidden="true"> <span class="select-none text-[color:var(--tertiary)]">[</span><span class="ts-fill inline-block text-amber-600 dark:text-amber-400" style="animation-delay:230ms">█</span><span class="inline-block select-none text-[color:var(--tertiary)] dark:text-[color:var(--secondary)] dark:opacity-40">░░░░░░░░░░░░░░░░░░░</span><span class="select-none text-[color:var(--tertiary)]">]</span> </span> <span class="w-10 shrink-0 text-right text-[color:var(--secondary)]">7%</span> </div><div class="ts-row flex flex-wrap items-center gap-x-3 gap-y-0.5" style="animation-delay:130ms"> <span class="w-full truncate text-[color:var(--primary)] sm:w-36 sm:shrink-0">Go</span> <span class="max-sm:hidden min-w-0 flex-1 truncate text-[color:var(--secondary)]">从入门到 if err != nil</span> <span class="ml-auto inline-block" aria-hidden="true"> <span class="select-none text-[color:var(--tertiary)]">[</span><span class="ts-fill inline-block text-amber-600 dark:text-amber-400" style="animation-delay:270ms">█</span><span class="inline-block select-none text-[color:var(--tertiary)] dark:text-[color:var(--secondary)] dark:opacity-40">░░░░░░░░░░░░░░░░░░░</span><span class="select-none text-[color:var(--tertiary)]">]</span> </span> <span class="w-10 shrink-0 text-right text-[color:var(--secondary)]">6%</span> </div><div class="ts-row flex flex-wrap items-center gap-x-3 gap-y-0.5" style="animation-delay:170ms"> <span class="w-full truncate text-[color:var(--primary)] sm:w-36 sm:shrink-0">JS / TS</span> <span class="max-sm:hidden min-w-0 flex-1 truncate text-[color:var(--secondary)]">只会 npm install</span> <span class="ml-auto inline-block" aria-hidden="true"> <span class="select-none text-[color:var(--tertiary)]">[</span><span class="ts-fill inline-block text-amber-600 dark:text-amber-400" style="animation-delay:310ms">█</span><span class="inline-block select-none text-[color:var(--tertiary)] dark:text-[color:var(--secondary)] dark:opacity-40">░░░░░░░░░░░░░░░░░░░</span><span class="select-none text-[color:var(--tertiary)]">]</span> </span> <span class="w-10 shrink-0 text-right text-[color:var(--secondary)]">6%</span> </div><div class="ts-row flex flex-wrap items-center gap-x-3 gap-y-0.5" style="animation-delay:210ms"> <span class="w-full truncate text-[color:var(--primary)] sm:w-36 sm:shrink-0">Kotlin</span> <span class="max-sm:hidden min-w-0 flex-1 truncate text-[color:var(--secondary)]">写过一点 Android</span> <span class="ml-auto inline-block" aria-hidden="true"> <span class="select-none text-[color:var(--tertiary)]">[</span><span class="ts-fill inline-block text-amber-600 dark:text-amber-400" style="animation-delay:350ms">█</span><span class="inline-block select-none text-[color:var(--tertiary)] dark:text-[color:var(--secondary)] dark:opacity-40">░░░░░░░░░░░░░░░░░░░</span><span class="select-none text-[color:var(--tertiary)]">]</span> </span> <span class="w-10 shrink-0 text-right text-[color:var(--secondary)]">6%</span> </div><div class="ts-row flex flex-wrap items-center gap-x-3 gap-y-0.5" style="animation-delay:250ms"> <span class="w-full truncate text-[color:var(--primary)] sm:w-36 sm:shrink-0">Dart</span> <span class="max-sm:hidden min-w-0 flex-1 truncate text-[color:var(--secondary)]">Flutter 抄过 demo</span> <span class="ml-auto inline-block" aria-hidden="true"> <span class="select-none text-[color:var(--tertiary)]">[</span><span class="ts-fill inline-block text-amber-600 dark:text-amber-400" style="animation-delay:390ms">█</span><span class="inline-block select-none text-[color:var(--tertiary)] dark:text-[color:var(--secondary)] dark:opacity-40">░░░░░░░░░░░░░░░░░░░</span><span class="select-none text-[color:var(--tertiary)]">]</span> </span> <span class="w-10 shrink-0 text-right text-[color:var(--secondary)]">5%</span> </div><div class="ts-row mt-5 flex gap-2" style="animation-delay:390ms"> <span class="shrink-0 select-none text-emerald-600 dark:text-emerald-400">$</span> <span class="text-[color:var(--primary)]">bodyctl sleep</span> </div> <div class="ts-row text-[color:var(--secondary)]" style="animation-delay:450ms">Zzzzz......</div> </div> </div>https://site.sorubedo.xyz/portfolio/Sun, 13 Sep 2026 00:00:00 +0000https://site.sorubedo.xyz/portfolio/<div class="columns-1 gap-6 sm:columns-2"> <div class="group mb-6 flex break-inside-avoid flex-col overflow-hidden rounded-[var(--radius)] border border-[color:var(--tertiary)] bg-[var(--entry)] transition-colors hover:border-[color:var(--secondary)]"> <div class="flex flex-1 flex-col gap-2 p-5"> <div class="flex items-baseline justify-between gap-2"> <div class="text-base font-semibold tracking-tight text-[color:var(--primary)]">guix-channel</div> <div class="shrink-0 text-xs text-[color:var(--secondary)]" title="GitHub stars">★ 1</div> </div> <div class="text-sm leading-relaxed text-[color:var(--secondary)]">个人的 Guix channel，收录还没进入 Guix 官方仓库的软件包和服务，比如 steamguard-cli、带 Lua 和 Octagram 插件的 librime，以及 virtiofsd 服务。</div> <div class="mt-auto flex flex-wrap gap-2 pt-3"> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Scheme</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Guix</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">软件包打包</span> </div> <a class="mt-3 inline-flex w-fit items-center gap-1 text-sm font-medium text-[color:var(--primary)] underline decoration-[color:var(--tertiary)] underline-offset-4 hover:decoration-[color:var(--secondary)]" href="https://github.com/sorubedo/guix-channel">查看源码&nbsp;&rarr;</a> </div> </div> <div class="group mb-6 flex break-inside-avoid flex-col overflow-hidden rounded-[var(--radius)] border border-[color:var(--tertiary)] bg-[var(--entry)] transition-colors hover:border-[color:var(--secondary)]"> <div class="flex flex-1 flex-col gap-2 p-5"> <div class="flex items-baseline justify-between gap-2"> <div class="text-base font-semibold tracking-tight text-[color:var(--primary)]">GH2TG</div> <div class="shrink-0 text-xs text-[color:var(--secondary)]" title="GitHub stars">★ 2</div> </div> <div class="text-sm leading-relaxed text-[color:var(--secondary)]">把 GitHub 的提交、Release 和 Actions 构建产物轮询推送到 Telegram 群组话题，不用自建服务器，也不用配置 webhook。</div> <div class="mt-auto flex flex-wrap gap-2 pt-3"> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Rust</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">GitHub Actions</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Telegram</span> </div> <a class="mt-3 inline-flex w-fit items-center gap-1 text-sm font-medium text-[color:var(--primary)] underline decoration-[color:var(--tertiary)] underline-offset-4 hover:decoration-[color:var(--secondary)]" href="https://github.com/sorubedo/gh2tg">查看源码&nbsp;&rarr;</a> </div> </div> <div class="group mb-6 flex break-inside-avoid flex-col overflow-hidden rounded-[var(--radius)] border border-[color:var(--tertiary)] bg-[var(--entry)] transition-colors hover:border-[color:var(--secondary)]"> <div class="flex flex-1 flex-col gap-2 p-5"> <div class="flex items-baseline justify-between gap-2"> <div class="text-base font-semibold tracking-tight text-[color:var(--primary)]">runsvdir-magisk</div> <div class="shrink-0 text-xs text-[color:var(--secondary)]" title="GitHub stars">★ 3</div> </div> <div class="text-sm leading-relaxed text-[color:var(--secondary)]">把 Termux 预编译的 runsvdir、runsv、sv 等 runit 工具打包成 Magisk/KernelSU 模块，让 Android 开机后自动拉起并守护常驻服务。</div> <div class="mt-auto flex flex-wrap gap-2 pt-3"> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Runit</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Magisk</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Android</span> </div> <a class="mt-3 inline-flex w-fit items-center gap-1 text-sm font-medium text-[color:var(--primary)] underline decoration-[color:var(--tertiary)] underline-offset-4 hover:decoration-[color:var(--secondary)]" href="https://github.com/sorubedo/runsvdir-magisk">查看源码&nbsp;&rarr;</a> </div> </div> <div class="group mb-6 flex break-inside-avoid flex-col overflow-hidden rounded-[var(--radius)] border border-[color:var(--tertiary)] bg-[var(--entry)] transition-colors hover:border-[color:var(--secondary)]"> <div class="flex flex-1 flex-col gap-2 p-5"> <div class="flex items-baseline justify-between gap-2"> <div class="text-base font-semibold tracking-tight text-[color:var(--primary)]">i-wzu-auth</div> <div class="shrink-0 text-xs text-[color:var(--secondary)]" title="GitHub stars">★ 2</div> </div> <div class="text-sm leading-relaxed text-[color:var(--secondary)]">针对温州大学深澜网关的校园网认证 CLI，完整实现 XXTEA、Custom Base64 与 HMAC-MD5 协议，可在服务器、软路由或开机脚本里一键登录、查询在线状态和注销，并支持绑定物理网卡绕过 TUN 代理。</div> <div class="mt-auto flex flex-wrap gap-2 pt-3"> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Rust</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">CLI</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">校园网认证</span> </div> <a class="mt-3 inline-flex w-fit items-center gap-1 text-sm font-medium text-[color:var(--primary)] underline decoration-[color:var(--tertiary)] underline-offset-4 hover:decoration-[color:var(--secondary)]" href="https://github.com/sorubedo/i-wzu-auth">查看源码&nbsp;&rarr;</a> </div> </div> <div class="group mb-6 flex break-inside-avoid flex-col overflow-hidden rounded-[var(--radius)] border border-[color:var(--tertiary)] bg-[var(--entry)] transition-colors hover:border-[color:var(--secondary)]"> <div class="aspect-[16/9] w-full overflow-hidden border-b border-[color:var(--tertiary)] bg-[var(--code-bg)]"><img src="https://site.sorubedo.xyz/images/portfolio/obedur-os.webp" alt="Obedur-OS" loading="lazy" style="margin:0;border-radius:0" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.03]"> </div> <div class="flex flex-1 flex-col gap-2 p-5"> <div class="flex items-baseline justify-between gap-2"> <div class="text-base font-semibold tracking-tight text-[color:var(--primary)]">Obedur-OS</div> <div class="shrink-0 text-xs text-[color:var(--secondary)]" title="GitHub stars">★ 3</div> </div> <div class="text-sm leading-relaxed text-[color:var(--secondary)]">基于 BlueBuild 构建的 Fedora Atomic 不可变系统镜像，开箱即用的 Niri 滚动平铺 Wayland 桌面，集成 CachyOS LTO 优化内核与 SecureBoot 签名。</div> <div class="mt-auto flex flex-wrap gap-2 pt-3"> <span class="rounded-full border border-amber-500/60 bg-amber-500/15 px-2.5 py-0.5 text-xs font-medium text-amber-700 dark:border-amber-400/50 dark:bg-amber-400/15 dark:text-amber-300">已停止维护</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">BlueBuild</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Fedora Atomic</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Niri</span> <span class="rounded-full border border-[color:var(--tertiary)] px-2.5 py-0.5 text-xs text-[color:var(--secondary)]">Wayland</span> </div> <a class="mt-3 inline-flex w-fit items-center gap-1 text-sm font-medium text-[color:var(--primary)] underline decoration-[color:var(--tertiary)] underline-offset-4 hover:decoration-[color:var(--secondary)]" href="https://sorubedo.github.io/obedur-os/">访问文档站&nbsp;&rarr;</a> </div> </div> </div>