MikiVL/studynote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: 修正个人主页文案大小写、index.html 及 Sidebar 细节

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
MikiVL 2026-05-03 16:51:46 +08:00
parent 5e01c8df4a
commit 325931aabc
3 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
homepage/index.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="mikivl — 独立开发者，专注构建 AI 驱动的生产力工具" /> <meta name="description" content="MikiVL — 独立开发者，专注构建 AI 驱动的生产力工具" />
<title>mikivl — 开发项目</title> <title>MikiVL — 开发项目</title>
<style> <style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@ -227,7 +227,7 @@
<body> <body>
<nav> <nav>
<a class="nav-logo" href="#about">mikivl<span>.online</span></a> <a class="nav-logo" href="#about">MikiVL<span>.online</span></a>
<ul class="nav-links"> <ul class="nav-links">
<li><a href="#about">about</a></li> <li><a href="#about">about</a></li>
<li><a href="#projects">projects</a></li> <li><a href="#projects">projects</a></li>
@ -241,7 +241,7 @@
<!-- About --> <!-- About -->
<section id="about"> <section id="about">
<p class="hero-greeting">// hello, world</p> <p class="hero-greeting">// hello, world</p>
<h1 class="hero-name">mikivl<em>.</em><span class="cursor"></span></h1> <h1 class="hero-name">MikiVL<em>.</em><span class="cursor"></span></h1>
<p class="hero-desc"> <p class="hero-desc">
独立开发者，专注于构建 AI 驱动的生产力工具。<br> 独立开发者，专注于构建 AI 驱动的生产力工具。<br>
喜欢探索 AI 与实用工具的交叉地带，用代码解决真实问题。 喜欢探索 AI 与实用工具的交叉地带，用代码解决真实问题。
@ -262,11 +262,11 @@
<a class="project-card" href="/app/" target="_blank" rel="noopener"> <a class="project-card" href="/app/" target="_blank" rel="noopener">
<div class="project-header"> <div class="project-header">
<span class="project-name">读书笔记 App</span> <span class="project-name">笔记</span>
<span class="project-status">● 上线中</span> <span class="project-status">● 上线中</span>
</div> </div>
<p class="project-desc"> <p class="project-desc">
AI 驱动的个人读书笔记工具。富文本编辑器，支持 AI 续写、润色、摘要、翻译， AI 驱动的个人笔记工具。富文本编辑器，支持 AI 续写、润色、摘要、翻译，
多文件夹管理，标签系统，导入导出（MD / DOCX / PDF），数据本地存储，隐私优先。 多文件夹管理，标签系统，导入导出（MD / DOCX / PDF），数据本地存储，隐私优先。
</p> </p>
<div class="project-tags"> <div class="project-tags">
@ -280,6 +280,20 @@
</div> </div>
</a> </a>
<a class="project-card" href="/sushu/" target="_blank" rel="noopener">
<div class="project-header">
<span class="project-name">素数计算器</span>
<span class="project-status">● 上线中</span>
</div>
<p class="project-desc">
在线素数计算工具。支持判断任意正整数是否为素数，以及生成指定范围内的素数列表。
</p>
<div class="project-tags">
<span class="tag sky">Vite</span>
<span class="tag">Vanilla JS</span>
</div>
</a>
</div> </div>
</section> </section>
@ -350,7 +364,7 @@
</main> </main>
<footer> <footer>
<p>© 2026 mikivl · built with ♥ and <a href="https://claude.ai/code" style="color:var(--faint);text-decoration:none;" target="_blank">Claude Code</a></p> <p>© 2026 MikiVL · built with ♥ and <a href="https://claude.ai/code" style="color:var(--faint);text-decoration:none;" target="_blank">Claude Code</a></p>
</footer> </footer>
</body> </body>

2
index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>program1</title> <title>笔记</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

2
src/components/sidebar/Sidebar.tsx
View File

@ -195,7 +195,7 @@ export function Sidebar() {
> >
{/* Header */} {/* Header */}
<div className="flex items-center justify-between px-4 py-3" style={{ borderBottom: '1px solid var(--border)' }}> <div className="flex items-center justify-between px-4 py-3" style={{ borderBottom: '1px solid var(--border)' }}>
<span className="font-semibold text-sm" style={{ color: 'var(--text)' }}>我的笔记</span> <span className="font-semibold text-sm" style={{ color: 'var(--text)' }}>笔记</span>
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<button onClick={toggleTheme} className="toolbar-btn" title={theme === 'light' ? '暗色模式' : '亮色模式'}> <button onClick={toggleTheme} className="toolbar-btn" title={theme === 'light' ? '暗色模式' : '亮色模式'}>
{theme === 'light' ? <Moon size={15} /> : <Sun size={15} />} {theme === 'light' ? <Moon size={15} /> : <Sun size={15} />}