惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
人人都是产品经理
人人都是产品经理
Cisco Talos Blog
Cisco Talos Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
V
V2EX
博客园 - 三生石上(FineUI控件)
Martin Fowler
Martin Fowler
WordPress大学
WordPress大学
D
Docker
S
SegmentFault 最新的问题
博客园 - 聂微东
美团技术团队
Apple Machine Learning Research
Apple Machine Learning Research
月光博客
月光博客
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Last Week in AI
Last Week in AI
M
MIT News - Artificial intelligence
F
Fortinet All Blogs
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
The GitHub Blog
The GitHub Blog
GbyAI
GbyAI
L
LangChain Blog
Vercel News
Vercel News
博客园 - 叶小钗
MongoDB | Blog
MongoDB | Blog
Stack Overflow Blog
Stack Overflow Blog
H
Help Net Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
The Cloudflare Blog
Engineering at Meta
Engineering at Meta
T
Threat Research - Cisco Blogs
T
Threatpost
Scott Helme
Scott Helme
T
Tailwind CSS Blog
Latest news
Latest news
Stack Overflow Blog
Stack Overflow Blog
Blog — PlanetScale
Blog — PlanetScale
The Register - Security
The Register - Security
罗磊的独立博客
P
Proofpoint News Feed
腾讯CDC
S
Schneier on Security
雷峰网
雷峰网
A
About on SuperTechFans
T
Tenable Blog
F
Full Disclosure
Cyberwarzone
Cyberwarzone
博客园_首页
有赞技术团队
有赞技术团队
K
Kaspersky official blog

文章列表

关于Typecho的Sakana小人插件和下雪插件 打卡中国山报名,以及我对户外的看法 龙龙冒险记观看有感,以及我对于爱情的看法 北京行!! 去北京!!! 友联RSS功能出问题通知!!! 过于繁忙的开学前十几天!!! 如何在电脑上更换显示器刷新率 我的家乡
自己写的Typecho 足迹插件
李欲裕 · 2025-08-16 · via

随便看看

在写博客的过程中,很多人希望能够把自己的旅行、生活足迹可视化地展示出来,而不仅仅是通过一篇篇文字和图片去堆砌内容。Typecho 足迹插件(Footprints) 正是这样一个工具,它能让你在地图上清晰直观地展示到访过的地点,并为每一个地点配上详细的说明、相册、外部链接等信息,让博客不再只是文字的集合,而是一个带有地理感知的“旅程档案”。

bdcf406cfbdbcee375f1d7357bdec20f.png


演示按钮

插件特色

  1. 地图可视化
    插件支持 高德地图Leaflet 两种地图渲染方式。

    • 使用高德地图时,你可以通过 Key 来调用官方接口,保证地图数据准确完整;
    • 使用 Leaflet 时,可以选择不同的 Tile 图层,更适合对轻量化和速度有要求的场景。

    地图支持响应式布局,无论在 PC 端还是手机端,都能自适应显示。

  2. 足迹管理后台
    在 Typecho 后台,插件提供了一个独立的 足迹管理入口,类似于文章或独立页面的管理方式。
    这种灵活的数据管理方式,让每一条记录既像一篇“日志”,又能在地图上以可视化方式呈现。
    5c793b331c1558dfeb1360ea68c221c0.png
    3d39d36a7b3b58f7c938a58f2e0a8e38.png
  3. 前端展示效果
    在前端页面,你可以创建一个独立页面,选择插件提供的 “足迹 Footprints” 模板,即可把所有的足迹以地图和时间轴的形式展示出来。

    • 地图上会显示每一个足迹的定位点,点击后会弹出卡片,显示标题、日期、地点、封面图片以及“查看文章/查看相册”的操作按钮。
    • 在时间轴部分,所有足迹会按照年份自动分组,并支持折叠和展开,保证内容条理清晰。
      4070d88bb821466a1bf8764ea67346d1.png
  4. 移动端适配
    插件在设计时充分考虑了移动端的使用体验。无论是地图缩放、卡片展示还是时间轴,都针对小屏幕做了优化,保证不会出现内容超出或排版错乱。

使用场景

  • 个人旅行博客:把每一次旅行记录下来,用地图来串联,让读者不仅能看到你的照片,还能知道你曾经去过哪里。
  • 摄影作品集:通过地图展示拍摄地点,让作品和地点形成联系。
  • 日常生活记录:除了旅行,也可以记录一些日常到访的城市、餐馆、展览场馆。
  • 家庭纪念:记录家庭出游、孩子成长过程中的足迹,让博客成为一个带有温度的家庭档案。

总结

希望这个小插件可以见证我踏遍祖国的万水千山,插件还在迭代中,等我有机会成熟了没bug了,再分享给大家

版权属于:李欲裕

本文链接:https://blog.kokowo.cn/archives/204.html

2

打赏