项目
猴面包的树 · 作品地点地图
项目简介
「猴面包的树 · 作品地点地图」把微信读书作者「猴面包的树」101 部游记作品里写到的地点,放到一张「田野索引」风格的纸质档案册世界地图上。初始收录 136 个地点、153 条作品—地点关联,经书籍简介证据与地理编码双重核验后保留 88 个地点、99 条关联、0 条坐标错配;对阿拉斯加、北极圈等易错样本做过逐点人工校验(如”Arctic Circle”曾被错误编码到得州同名道路,已更正为亚马尔萨列哈尔德)。
在线演示由原生成环境(Manus 托管)提供,地图数据与图片素材从其云端下发;介绍页 有功能说明与源码本地运行方法。
功能特点
- 证据优先:仅收录「作品简介存在地点证据 + 具备地理编码」的地点,每条关联带证据文字与置信度分级
- 投影对齐:红点叠加层与 Google Maps 嵌入底图共用同一 Web Mercator 投影与中心缩放,修复”红点漂到海里”类错位
- 作品档案卡:点击地点展开关联书籍封面轨道,一键跳转微信读书
- 近似定位标注:地理编码置信不足的地点明确标注,不冒充精确坐标
技术栈
- React + Vite + Tailwind + shadcn/ui;Google Maps 官方嵌入底图
- 坐标一次性来自 OpenStreetMap Nominatim(单线程限速 + 本地缓存)
在线体验
下载
山河之间 · 1911—1949 中国历史地图
项目简介
「山河之间」是 1911—1949 年中国近代历史态势概览的单文件交互式地图应用。以 39 个年度画面逐年呈现民国三十八年间的政治态势演变,配时间轴导航、自动播放与逐年史料说明。
注意:本图为教学示意,非精确疆界。
功能特点
- 39 个年度画面:1911(辛亥革命)至 1949,逐年呈现历史态势
- 自动播放:▶ 播放键自动流转年份,↺ 一键回到 1911 年
- 时间轴快捷跳转:1911 / 1920 / 1930 / 1937 / 1945 / 1949 关键年份直达
- 查看本年参考资料:每年配「史料与读图说明」弹窗,引用 FRUS 外交文件、各地党史方志、档案馆等一手来源
- 保存本年地图 SVG:一键导出当年地图为 SVG 文件
- 了解编绘方法:附编绘方法与读图注意事项说明
技术栈
- 纯 HTML / CSS / JavaScript 单文件应用,零外部依赖,双击即用
- 内嵌 SVG 地图与年度数据
- Noto Sans / Serif CJK 字体子集以 WOFF 内嵌,离线显示效果一致
在线体验
下载
绿皮火车 · 周云蓬书中的民谣歌单
项目简介
「绿皮火车·民谣歌单」以周云蓬散文集《绿皮火车:一直在路上》为线索的民谣歌单网页。设计方向「车窗里的歌」:一张沿车厢纵向展开的旅途歌单,氧化铁路绿 + 车票暖米白 + 信号橙,双轨细线与打孔纸质歌单单元贯穿页面。每首歌标注出处(书内同名篇目 / 正文直接点名 / 公开资料交叉核验)与演唱者,「试听」外链到 QQ 音乐、网易云、Apple Music 等官方平台,不嵌入或转存任何受版权保护的音频。
功能特点
- 可核验的歌单秩序:区分「书内证据」与「公开资料交叉线索」,曲目—演唱者关系逐条注明来源依据
- 官方平台外链试听:QQ 音乐 / 网易云音乐 / Apple Music 公开入口,播放权限由平台控制
- 旅途式版面:车票信息带、偏左轨道线歌单、粘附「正在听」小窗,移动端折入底部迷你播放器
- 夜间车窗视觉:氧化铁路绿主色 + 站台灯光晕 + 铁轨刻度,克制的旅途气质
技术栈
- React + Vite + Tailwind + shadcn/ui 纯静态构建,无后端依赖
- 曲目与出处数据内嵌构建产物,离线可用
版权边界
书籍正文不复制;音频不抓取、不转存、不分发,仅提供官方平台入口;封面与试听可用性以各平台为准。
在线体验
下载
老字号地图 · 商务部全量 1450 家中华老字号
项目简介
「老字号地图」是商务部中华老字号的全国分布地图与品牌导航。已按官方名录《中华老字号企业名录_20251201》全量收录 1450 个品牌(覆盖 31 个省级地区),在全国示意地图上按地区与品类发现老字号,查看品牌档案,并跳转到经过核验的网店——其中 313 个品牌带网店入口(30 个为人工精选的详细档案)。
注意:这是独立整理的导航原型,不是商务部或品牌官方平台,站内不发生交易。
功能特点
- 全量名录:商务部名录 2025-12 版 1450 项逐条收录,每条注明名录项次与企业名;同名多主体字号按名录分列
- 示意地图:全国省级聚合、选省后城市级展示,重叠点按屏幕距离聚合;计划单列市条目并入所属省份
- 组合筛选:9 大品类、省份、城市、关键词(支持特色产品如”香醋””粽子”)与「仅看可网购」
- 两级网店核验:官方核验(品牌官网外链的店铺)与平台核验(逐店抓取天猫店铺页、标题含品牌名 + 店铺品类与认定企业一致才收录);详情页如实标注核验方式,未核实的明示「暂未核实」
- 列表分批加载:1450 个品牌首屏 60 张、按需「加载更多」
- 本地数据工作台:JSON/CSV 导入导出、格式校验、纠错草稿,全部只存本地浏览器
技术栈
- React + Vite + TypeScript 纯静态网页,无后端、无数据库、无地图 API Key
- zod 数据校验(ID/省市/链接协议/日期/来源逐条把关),40 项自动化测试
- 底图:DataV GeoAtlas 行政区边界(开发预览用途);中文字体 Noto CJK 子集本地打包
数据边界
认定依据为商务部 2025-12-01 版名录(新闻口径 1455 与名录 1450 有 5 项差异,以名录为准);2026 年新一轮复核结果公布后名录可能变动。平台核验网店未逐一人工复核主体授权;精简条目的品类标签按企业名称初步归类,待逐条核实。医药类品牌仅作信息索引,不含诊疗建议。
在线体验
下载
见星 NIGHTSKY · 河北四季交互星图
项目简介
「见星 NIGHTSKY」是河北四季观星交互星图网页。基于 5,044 颗恒星的真实赤经、赤纬和视星等(J2000 坐标,D3-Celestial 星表),呈现承德、张家口、石家庄三地春夏秋冬四季代表夜的星空,持续放大可进入 DSS2 真实巡天影像与 M57 哈勃照片。
注意:这是交互式观星演示,默认为 2026 年代表夜,不是实时观测。
功能特点
- 三地四季:承德、张家口、石家庄,2026 年 1/4/7/10 月 15 日 22:00 代表夜
- 交互星图:拖动转向、点击恒星查看档案、滚轮/双指缩放、方向键改变视角
- 时间轴:18:00 至次日 06:00,可拖动或播放
- 进入望远镜视野:星图缩放至 14 倍进入所选天体的真实影像(对数缩放 + Canvas 源图裁剪)
- 搜索:中文名、英文名、星座、HIP 编号、M 天体;按
/聚焦,回车选第一个结果 - 图层:星座连线、标签、赤道网格、银河氛围与 1–6 等星等阈值
- 观测手记:收藏天体与自由文字,保存于浏览器 localStorage
技术栈
- React + Vite 构建的纯静态网页,无后端、无数据库、无 API 密钥
- Canvas 立体投影星图,赤经赤纬经儒略日和格林尼治恒星时转换为当地高度角/方位角
- 星表:D3-Celestial(BSD 许可);巡天照片:DSS2 / STScI,CDS HiPS2FITS 服务
- 中文字体(Noto Sans SC / Noto Serif SC)子集本地打包,离线显示一致
科学边界
星表使用 J2000 坐标,未校正岁差、自行、大气折射与消光;未模拟太阳、月球、行星、晨昏亮度与光污染。银河云雾是围绕真实银道面的艺术氛围,燕山地景为艺术剪影。实拍来自历史巡天/空间望远镜,持续放大不会创造新的真实细节。
在线体验
下载
2025 诗篇 · 一年之内的回声
项目简介
「2025 诗篇 · 一年之内的回声」是《2025》诗集(20 首)的网页欣赏器:逐首阅读、AI 赏析摘要、一键生成竖版海报、雨声与音乐两种声景陪伴。视觉以米白纸面、赭红笔意与衬线排印为主,安静克制,把时间还给阅读。
功能特点
- 逐首阅读:20 首诗按序编排,含体裁与札记
- 竖版海报:客户端生成 1080×1440 SVG→PNG 海报(书号、体裁、正文、AI 摘要),可下载分享
- 声景:雨声/音乐双模式与音量调节,偏好记忆在浏览器本地
- AI 赏析:原工程通过服务端接口生成赏析摘要
静态版说明:本站部署为纯静态版本,诗单内嵌本地、阅读与声景正常;AI 赏析与海报生成依赖原工程的 Node 服务端,静态版不可用(接口已做失败提示)。
技术栈
- React + Vite + Tailwind + shadcn/ui;海报为纯客户端 SVG/Canvas 导出
- 诗文数据内嵌构建产物
在线体验
下载
唐朝诗人年谱甘特图
项目简介
唐朝诗人年谱甘特图是一个用 Python 生成的 Excel 工作簿:把 50 位唐朝诗人(初唐王勃、陈子昂,盛唐李白、杜甫、王维,中唐韩愈、白居易、柳宗元,晚唐李商隐、杜牧、韦庄……)的生平装进一张甘特图。横轴 580—929 年、每 5 年一列,甘特条由年谱片段(任职、贬谪、漫游、隐居等)分段构成,纵向一眼看出诗人之间的时空交集——李杜同窗、元白并世、小李杜擦肩,都落在同一张时间轴上。
技术栈
- Python + openpyxl —— 生成带条件格式、活公式与冻结窗格的 xlsx 工作簿
- formulas 公式重算库 —— 交付前全表重算校验,零公式错误
- CSV 数据源(UTF-8-SIG)—— poets / segments / events / encounters 四张表,改数据重跑脚本即可再生
功能特点
- 50 人 × 324 段年谱:每人片段按「主要居留地 / 主要身份」首尾相接铺满一生,无重叠无缝隙
- 双维度着色:按地理大区(两京/江南/蜀中/荆湘/岭南……)看时空交集,按人生类型(京官/贬谪/边塞/漫游/隐居……)看人生轨迹,同一数据源两张图
- 历史大事叠加:四唐分期带 + 18 条大事年表,武周、安史、永贞、甘露、黄巢、唐亡六大事件在甘特图上画竖线
- 交集矩阵:50×50 同在世年数矩阵(活公式 + 蓝色色阶)+ 26 条交游事件(李杜同游梁宋、元白唱和、韩孟联句……)
- 数据严谨:生卒年取通行值,存疑标「约」,名录备注记异说(如张若虚生年两说);色板通过色盲安全与亮度带校验,低对比色有文字标签与图例兜底
- 7 个工作表:读我、名录、年谱数据、甘特·地点、甘特·类型、交集、历史大事
本地使用
用 Excel / WPS 直接打开压缩包内的 唐朝诗人年谱甘特图.xlsx 即可浏览。如需修改数据重新生成:
1 | pip install openpyxl formulas |
下载
说明
该项目为 Excel 数据工程,不提供网页在线演示;项目介绍页 内含诗人年谱示意图与工作簿结构说明。
暖心桌面精灵
项目简介
暖心桌面精灵是一个基于 Electron 的 Windows 桌面精灵。它以无边框透明窗口悬浮在桌面右下角,能够随机显示关心金句,使用系统中文语音播报,并通过轻微浮动、闪烁和弹出动画营造桌宠陪伴效果。
技术栈
- Electron 31 — 无边框透明置顶窗口、系统托盘、开机自启(
setLoginItemSettings) - 原生 HTML / CSS / JavaScript — 渲染进程界面与纯 CSS 手绘精灵形象
- Web Speech API — 中文语音合成播报
- contextIsolation + preload 安全桥接 — 主进程与渲染进程 IPC 通信
功能特点
- 桌面悬浮:无边框、透明、置顶显示,不占用任务栏位置
- 关心金句:内置多条中文暖心金句,支持「再说一句」立即触发
- 随机提醒:可设置 15 分钟 / 30 分钟 / 1 小时 / 2 小时提醒间隔
- 语音播报:使用 Windows 系统语音合成播报中文金句
- 动画效果:桌宠浮动、金句弹出、星光闪烁和按钮交互效果
- 安静时段:默认 22:00—07:00 免打扰,可在设置面板调整
- 开机启动:可在设置中启用 Windows 开机自动启动
- 系统托盘:支持显示精灵、立即发送一句和退出应用
本地运行
在 Windows 上进入源码目录,执行:
1 | npm install |
首次安装 Electron 需要网络连接;如下载较慢,可配置可用的 npm 镜像源后重试。配置保存在 Electron 用户数据目录中,不写入项目源码目录。
下载
说明
该项目为 Windows 桌面工程,不提供网页在线演示;项目介绍页 内含精灵形象与功能预览。
saibei-to-xiyu
项目简介
基于 Leaflet 的交互式地图,重现美国学者欧文·拉铁摩尔(Owen Lattimore)1926年8月–1927年1月率九头骆驼商队,从塞北张家口出发、穿越戈壁沙漠古道抵达新疆古城子(奇台)的传奇旅程——即其所著《从塞北到西域:重走沙漠古道》的行进路线。
地图沿明清驼道(归新商路 / 大西路)标注 11 个主要站点,配卫星影像底图、古今地名对照、所在章节与原文热门划线,点击编号可弹出详情。
路线概览(按行程顺序)
- 北京 → 2. 张家口 → 3. 归化(呼和浩特)→ 4. 百灵庙 → 5. 阿拉善(定远营)→ 6. 额济纳河 → 7. 黑戈壁 → 8. 黑喇嘛城堡(马鬃山)→ 9. 达子沟 → 10. 三趟湖(三塘湖)→ 11. 古城子(奇台)
主干段「归化 → 古城子」约 1797 英里,另标注大青山、包头、镇番(民勤)等书中提及的关联地点。
在线体验
下载
技术栈
- 地图引擎:Leaflet 1.9.4(JS/CSS 本地化,不依赖外网 CDN,国内可稳定访问)
- 底图:Esri World Imagery 卫星影像(默认)/ CARTO Voyager / OpenStreetMap / OpenTopoMap,可在右下角切换
- 站点标记:自定义 DivIcon 编号 + 古今地名常显标签
- 数据来源:微信读书《从塞北到西域:重走沙漠古道》章节目录、简介与热门划线,主干路线经豆瓣书评与历史地名检索交叉核实
说明
- 卫星底图可直观呈现戈壁、沙漠、山脉、绿洲等地形,契合「沙漠古道」主题。
- 即便瓦片加载受限,站点编号与红色路线为矢量绘制,仍可显示。
朝圣之路
项目简介
朝圣之路是一个交互式网页应用,记录了从法国Saint-Jean-Pied-de-Port到西班牙Santiago de Compostela,再到”大地尽头”Cape Finisterre的33天朝圣之旅。项目采用现代化设计,结合了Leaflet交互式地图,为用户提供沉浸式的朝圣体验回顾。
朝圣数据
- 起点: Saint-Jean-Pied-de-Port (法国)
- 终点: Cape Finisterre (西班牙,”大地尽头”)
- 总天数: 33天
- 总距离: 893公里
- 日均距离: 27公里
- 途径国家: 法国、西班牙
技术栈
- 地图库: Leaflet.js - 轻量级开源地图库
- 地图数据: OpenStreetMap - 免费开源地图数据
- 样式: 原生CSS - 渐变背景、Flexbox/Grid布局
- 交互: 原生JavaScript - 无框架依赖
功能特点
- 交互式地图: 可缩放、可点击的Leaflet地图,显示完整朝圣路线
- 33天完整记录: 每天一张精选照片,记录朝圣路上的点点滴滴
- 实时统计: 显示总天数、总距离、日均距离等关键数据
- 时间线展示: 垂直时间线布局,清晰展示每日行程
- 全屏查看: 点击照片可全屏查看,提供更好的浏览体验
- 响应式设计: 适配各种屏幕尺寸
- 离线可用: 除地图功能外,其他内容可离线访问
每日主题
朝圣路上每天都有独特的主题和感悟:
- Day 1: Birthday Happy - 生日快乐
- Day 12: Moment of Fate - 命运时刻
- Day 16: Tears in the Backyard - 后院的泪水
- Day 25: Mountain Top - 山顶
- Day 33: End and Beginning - 结束与开始
在线体验
下载
关于朝圣之路
Camino de Santiago(圣地亚哥朝圣之路)是世界上最著名的朝圣路线之一,终点位于西班牙圣地亚哥-德孔波斯特拉,据传是使徒雅各的安息之地。无数朝圣者从中世纪开始踏上这条路线,寻找精神寄托和人生意义。