feat: 新增知资札记工具及相关功能

1. 新增知资札记完整站点:包含首页、详情页、管理后台
2. 添加站点图标、鉴权配置与后端API鉴权逻辑
3. 在市场页面新增知资札记入口跳转
4. 新增经典乡村音乐播放列表文件
5. 临时添加养生谚语批量导入脚本
This commit is contained in:
yangxiangyuan
2026-07-19 20:45:41 +08:00
parent 6a043687f5
commit 421a8aa1f7
20 changed files with 3752 additions and 14 deletions
+147
View File
@@ -0,0 +1,147 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>知资札记 · 证券投资图文存档站</title>
<link rel="icon" href="/icons/zhizi_notes.svg" type="image/svg+xml" />
<link rel="stylesheet" href="/common/common.css" />
<link rel="stylesheet" href="/tools/zhizi_notes/zhizi_notes.css" />
</head>
<body>
<!-- Toast -->
<div id="zs-toast" class="zs-toast"></div>
<!-- 侧边栏遮罩(手机) -->
<div id="zs-sidebar-overlay" class="zs-sidebar-overlay"></div>
<!-- ═══════════════ 顶部 Header ═══════════════ -->
<header class="zs-header">
<button id="zs-hamburger" class="hamburger" title="菜单">☰</button>
<div class="logo">知资札记</div>
<nav class="nav-menu">
<button class="active" data-nav="home">首页</button>
<button data-nav="archive">分类归档</button>
<button data-nav="favorites">我的收藏</button>
<button data-nav="submit">提交存档</button>
</nav>
<div class="header-right">
<div class="search-box">
<input id="zs-search" type="text" placeholder="搜索标题/标签…" />
<button id="zs-search-btn" title="搜索">🔍</button>
</div>
<button id="zs-theme-btn" class="theme-btn" title="切换暗黑模式">🌙</button>
</div>
</header>
<!-- ═══════════════ 主体布局 ═══════════════ -->
<div class="zs-layout">
<!-- 左侧筛选栏 -->
<aside id="zs-sidebar" class="zs-sidebar">
<!-- 内容分类 -->
<div class="sidebar-section">
<div class="sidebar-title">内容分类</div>
<div id="zs-categories">
<button class="cat-item active" data-cat="">全部</button>
</div>
</div>
<!-- 热门标签 -->
<div class="sidebar-section">
<div class="sidebar-title">热门标签</div>
<div id="zs-tags" class="tag-cloud"></div>
</div>
<!-- 时间筛选 -->
<div class="sidebar-section">
<div class="sidebar-title">时间筛选</div>
<div class="time-filter">
<button class="time-item active" data-time="">全部</button>
<button class="time-item" data-time="week">本周存档</button>
<button class="time-item" data-time="month">本月</button>
<button class="time-item" data-time="quarter">季度</button>
</div>
</div>
<!-- 内容类型 -->
<div class="sidebar-section">
<div class="sidebar-title">内容类型</div>
<div class="type-toggle">
<button class="type-btn active" data-type="">全部</button>
<button class="type-btn" data-type="text">纯文字</button>
<button class="type-btn" data-type="image">图文多图</button>
</div>
</div>
<!-- 站点统计 -->
<div class="sidebar-section">
<div class="sidebar-title">站点统计</div>
<div class="stats-card">
<div class="stat-row"><span>总存档文章</span><span class="stat-val" id="zs-stat-articles">0</span></div>
<div class="stat-row"><span>总存档图片</span><span class="stat-val" id="zs-stat-images">0</span></div>
</div>
</div>
</aside>
<!-- 中间主内容区 -->
<main class="zs-main">
<!-- 视图切换 + 筛选标签 -->
<div class="view-toggle">
<button class="active" data-view="card">📐 瀑布卡片</button>
<button data-view="list">📋 简洁列表</button>
<div id="zs-filter-tags" class="filter-tags" style="flex:1;margin-left:8px"></div>
</div>
<!-- 卡片网格 -->
<div id="zs-card-grid" class="card-grid"></div>
<!-- 加载状态 -->
<div id="zs-loading" class="zs-loading" style="display:none">
<div class="spinner"></div>
<div>加载中…</div>
</div>
<!-- 空状态 -->
<div id="zs-empty" class="zs-empty" style="display:none">
<div>暂无存档内容</div>
<div style="font-size:0.8rem;margin-top:4px">点击右侧「提交新存档」开始记录</div>
</div>
</main>
<!-- 右侧辅助栏 -->
<aside class="zs-rightbar">
<!-- 站长精选 -->
<div class="right-section">
<div class="right-title">站长精选</div>
<div id="zs-pinned">
<div class="pinned-item" style="color:var(--text-light)">暂无置顶</div>
</div>
</div>
<!-- 最新入库 -->
<div class="right-section">
<div class="right-title">最新入库</div>
<div id="zs-latest">
<div class="latest-item" style="color:var(--text-light)">暂无存档</div>
</div>
</div>
<!-- 分类占比 -->
<div class="right-section">
<div class="right-title">分类占比</div>
<div id="zs-chart">
<div style="color:var(--text-light);font-size:0.8rem">暂无数据</div>
</div>
</div>
<!-- 提交存档 -->
<div class="right-section">
<button id="zs-submit-btn" class="submit-btn">提交新存档</button>
</div>
</aside>
</div>
<!-- 脚本 -->
<script src="/tools/zhizi_notes/zhizi_notes.js"></script>
</body>
</html>