news 2026/9/15 20:14:39

TREK旅行日志:写一本带照片、地图和情绪标签的杂志式游记

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
TREK旅行日志:写一本带照片、地图和情绪标签的杂志式游记

TREK旅行日志:写一本带照片、地图和情绪标签的杂志式游记

【免费下载链接】TREKA self-hosted travel/trip planner with real-time collaboration, interactive maps, PWA support, SSO, budgets, packing lists, and more.项目地址: https://gitcode.com/GitHub_Trending/nomad22/TREK

还在用相册+备忘录拼凑游记吗?TREK 旅行日志(Journey 功能)帮你把旅行变成一本真正的杂志式游记:每天一条日志,配上照片、位置地图、情绪标签和天气记录,还能一键导出 PDF 旅行书,甚至生成免登录的公开分享链接。本文带你快速上手这个内置于自托管旅行规划工具 TREK 中的功能。

Journey 是什么:照片优先的旅行日记

Journey 是 TREK 的旅行日志模块(官方文档:wiki/Journey-Journal.md),核心理念是"照片优先"(photo-first):

  • 每本日志(Journey)可以关联一个或多个你的旅行计划
  • 每条日志对应旅行中的某一天,包含文字故事、照片、心情、天气和"优缺点"评价卡
  • 写完后可以用只读链接公开发布,访客无需注册账号即可阅读

💡 Journey 是一个可插拔的 Addon,需要管理员先在管理后台启用后,主导航栏才会出现Journey入口。

三步创建你的第一本游记

  1. 进入列表页:导航栏点击 Journey,你会看到所有日志的卡片视图,显示封面图、条目数、照片数和地点数;
  2. 点击 Create Journey:填写标题和可选副标题;
  3. 关联旅行计划:选择一个或多个已有行程。关联后,行程中的地点会自动成为你日志的"位置锚点",写起来不用一个个手输地址。

每日条目:照片 + 心情 + 天气 + 标签

打开某一天,点击地点上的Add Entry即可写日志。编辑器(源码:JourneyDetailPageEntryEditor.tsx)提供这些字段:

字段说明
📝 标题当天的小标题
✍️ 故事自由文本,支持 Markdown 排版
🎭 心情5 档:Amazing / Good / Neutral / Tired / Rough,各配专属颜色与图标
⛅ 天气晴、多云、阴、雨、风暴、雪、热、冷 8 种
📷 照片第一张照片自动成为卡片封面(HEIC 格式上传时自动转 JPEG)
👍👎 优缺点双列"点赞/吐槽"卡,总结"最爱的"与"可以更好的"
🏷️ 标签自由标签,如 "hidden gem"、"best meal" 自带配色样式
📍 位置/时间把条目钉到地图坐标上

心情与天气的完整定义见 moodConfig.ts。移动端还会把条目渲染成横向滑动的卡片时间线,点卡片展开完整内容,非常适合碎片时间补记。

杂志式呈现:一键导出 PDF 旅行书

写完之后,点击日志右上角的下载图标,就能生成一本 A4 横版的Journey Book PDF

  • 封面用你的日志主视觉图 + 天数/条目数/照片数统计
  • 每页一个日志条目,照片数量不同会自动切换 1/2/3 张的杂志排版
  • 每页带时间、位置、Markdown 渲染的正文和优缺点卡
  • 结尾是一张深色 "The End" 收尾页

整个过程在浏览器本地完成,点Save as PDF即可下载,无需任何服务器处理。更多细节见 wiki/PDF-Export.md。

免登录分享:把游记发给朋友

在日志设置里生成公开分享链接后,你可以独立开关访客能看到的三个板块:

  • Timeline:按天浏览的日志与故事
  • Gallery:照片画廊
  • Map:日志位置地图

访客打开链接直接阅读,不需要 TREK 账号;不想公开了,删除链接即刻失效。分享机制说明见 wiki/Public-Share-Links.md。

总结

TREK 旅行日志把"记录"和"展示"一次做齐:关联行程获得地点锚点、用心情和天气给每一天定调、用照片和优缺点卡保留现场感,再用 PDF 或公开链接把它变成可以分享的杂志。如果你已经在用 TREK 做行程规划,强烈建议把 Journey 打开——旅行结束那天,你的游记就已经完成了大半。

【免费下载链接】TREKA self-hosted travel/trip planner with real-time collaboration, interactive maps, PWA support, SSO, budgets, packing lists, and more.项目地址: https://gitcode.com/GitHub_Trending/nomad22/TREK

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/15 20:14:23

React状态管理进阶:从useState到useReducer与全局状态方案

1. 从 useState 说起:它并不“简单”1.1 useState 的基本用法与心智模型先说一个我自己的经历。带团队那几年,每次面试候选人我都会问一个看起来特别基础的问题:“useState 返回的第二个数组元素,为什么叫 set 而不是叫 update&am…

作者头像 李华
网站建设 2026/9/15 20:12:48

npm已默认启用Rust核心:原生性能与拓扑依赖管理

1. 这不是预言,而是正在发生的“静默替换”2026年9月,npm官网首页悄然更新了一行小字:“核心工具链已全面启用Rust-native runtime”。没有发布会,没有新闻稿,没有Twitter刷屏——但整个前端开发者的终端里&#xff0c…

作者头像 李华