【Typecho美化】给typecho加个足迹，记录自己曾经走过的地方

地图标记教程：为博客添加旅行足迹页面
最新推荐文章于 2025-03-06 01:28:06 发布
原创 最新推荐文章于 2025-03-06 01:28:06 发布 · 957 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #jquery

本文详述如何在个人博客上创建一个显示旅行足迹的独立页面。首先，下载并解压源码到网站根目录。然后，在后台新建独立页面，插入带有iframe的HTML代码，将你的网址替换进去。最后，自定义内容主要在index.html中，根据提供的说明进行编辑，选择你喜欢的配色。这个功能让你和伴侣能一起在地图上记录美好回忆。

给Typecho加个足迹功能吧

文章目录

前言

今天看到一个大佬的一篇文章，可以在地图上进行标记，觉得功能相当实用，但是在描述上有一些问题，所以小格子在自己使用后将使用完全的描述一遍，本文是作为[《给自己的博客加入旅行足迹页面》]的一个补充，以及为自己留个记录，方便自己看。

一、下载源码

点击前往
点击上方按钮，下载项目，解压到网站根目录。

二、新建独立页面

新建独立页面
后台->管理->独立页面，新建一个独立页面，填写如上图，重要填写在内容中，因为是html代码，所以需要前后添加三个!进行标识可以直接复制下方代码，替换自己的信息即可。

!!!
        <iframe style="
最低0.47元/天 解锁文章
typecho-whisper:typecho时光机单页
03-06
窃窃私语 typecho时光机单页 @author：即刻学术 单页适用于任何typecho主题。且不会对原来的主题产生任何影响。 基本信息 信息形式支持：文字，图片，地理位置，链接（未完全测试）发送模式支持：纯文字，纯图片，连续发送（混合模式） 修改自网上的英俊6.0开心版。 本单页可接收QQ，微信，南博app等任何支持api开发的平台。 api参考： 本单页使用教程 下载文件。拷贝文件夹times和文件page.whisper.php到你使用的主题目录下。新建单页，模板选择超级时光机。在你的主题functions.php上面加 require_once 'times/Ajax.php'; 搞定。 自建公众号查看 相关接口（开发者可以看，新手略过） API使用事项。 设置唯一的time_code。给单页下面的新加分段，分割名time_code，分割值自己填满，将用于后面的API唯一验
Typecho精心优化版
05-05
快速搭建，主题插件一条龙，添加了搭建博客必备的一些东西，适合于萌新免于寻找相关插件主题，简洁明了
Typecho后台美化插件TypechoOneAdmin.rar
03-20
Typecho后台美化插件TypechoOneAdmin.rar
Typecho 博客美化
^_^
07-18 1947
以前用typecho博客，现在学生服务器到期了，先记录到csdn上，以后工作有钱了，再租个服务器写博客:) 代码高亮 https://www.typechodev.com/plugin/482.html 天气功能 使用心知天气带的插件就可以轻松实现了。 https://www.seniverse.com/widget/create 增加一个看板娘 https://paugram.com/coding/add-poster-girl-with-plugin.html ...
教你用 jVectorMap 制作属于自己的旅行足迹
weixin_30908941的博客
10-03 1330
jVectorMap JVectorMap 是一个优秀的、兼容性强的 jQuery 地图插件。 它可以工作在包括 IE6 在内的各款浏览器中，矢量图输出，除官方提供各国地图数据外，用户可以使用数据转换程序定制地图数据。例如街道地图、小区地图等等。 JVectorMap 官方网站提供了很多相关文档和使用示例，感兴趣的小伙伴可以自己研究一下。 官方网站：http://jvectormap.com/ ...
Typecho搭建和美化
DotNeter-Hpf的博客
05-22 2923
Typecho是一款轻量级的开源PHP博客系统，它简单易用，界面整洁，性能高效，主题、插件众多。我使用的是腾讯云轻量服务器，Typecho的应用模版，一键安装环境。构建自己的博客网站，记录生活、分享经验。
Typecho博客后台登陆界面美化
blog.jichun29.cn
03-19 1419
备份 admin 目录压缩包内容上传到 admin 目录内。结构:网站根目录 /admin/login.php结构:网站根目录 /admin/style修改 login.php 第35行，把“季春二九管理后台”替换成自己的信息清理缓存，开始体验新的登陆页面。
Typecho+Handsome主题美化
05-09 1447
Typecho+Handsome主题美化及体验，快速建立属于自己的blog
推荐一款Typecho博客的简约后台美化插件
句号的博客
12-08 1023
手机端电脑端。
Typecho 极致美化：打造与众不同的博客
最新发布
2503_90908880的博客
03-06 1192
通过自定义 JS，你可以为 Typecho 添加动态效果和交互功能。通过自定义 CSS，你可以为 Typecho 设计独特的风格和布局。在style.cssbody {通过自定义侧边栏模块，你可以为 Typecho 添加更多功能和内容。
Typecho后台SimpleAdmin登陆注册美化插件
11-12
这款插件支持自定义背景，自定义编辑，功能非常强大。如果自己不会编辑可以用自带后注册登录美化界面。插件上传到哪个文件夹应该不用我说了吧，既然要做博客，没有一款像样的美化后台登录注册页面怎么行
AdminMD:为Typecho博客程序专门美化的后台,框架主要采用MDUI
05-29
AdminMD 介绍 为Typecho博客程序专门美化的后台,框架主要采用MDUI 更新日志: 1.修复部分Bug 2.网站概要页修改 3.MDUI核心版本升级为1.0.1 4.去除非必要部分 编程语言 PHP 安装教程 覆盖安装admin目录 切记 一定要备份 使用须知 1.目前版本,部分内容不会根据网站所配置的内容进行变量 2.目前版本,无法兼容几乎所有的后台外观增强插件 3.后台登录页面的背景图需要到login.php里手动更改 在第18行即可看到URL 下载渠道 1.Gitte 适合国内（由GitHub同步至此） 2.GitHub 适合国外（主仓库） 使用截图
Typecho后台美化插件推荐
2503_90908880的博客
03-05 590
在使用Typecho搭建博客的过程中，Joe主题因其简洁美观而受到很多人的喜爱。然而，有时候我们可能希望进一步美化后台界面，使其更加个性化和舒适。下面为大家介绍几款实用的Typecho后台美化插件，并提供相关下载地址和详细信息。
Typecho后台美化插件 TypechoOneAdmin
源码下载
05-06 1994
简介： 插件是基于泽泽社长（qqdie）和 yn-zxj(github) 的purple 后台修改。完全免费开源。 提醒：虽然理论上不会对您的文件产生任何影响，但是还是建议您备份 typehco 根目录的admin 目录，以防止typecho版本带来的影响，插件支持登录样式修改以及后台样式修改。 网盘下载地址： http://kekewangLuo.net/crZ51jcOYX50 图片： ...
【Typecho插件】SimpleAdmin后台美化插件
qq_42751049的博客
02-10 2997
Typecho作为非常流行的一个博客框架，但是它的后台界面却非常的简陋，SimpleAdmin正是为了这个存在的，它拥有多种后台登入样式以及美化了后台界面各个角落，让使用者脱离Typecho默认的简陋的后台 资源简介 SimpleAdmin 是一款即插即用的typecho后台美化插件，gogobody修改自小王先森的后台插件 特点 插件，即插即用 安全，不会破坏您的原有文件 轻量级，几乎纯js,css修改 支持 gogobody 原创的黑暗模式 手机，pc 自适应 界面绝对简洁！ 多种后台登入样式可.
构造你独一无二的博客美化：typecho joe主题优化日志
yumuing‘s blog
01-25 5690
博主使用了typecho进行博客网站的建立，也进行了一定程度上的修改优化。配置为 1 核 2g 轻量服务器
（附源码）计算机毕业设计SSM旅游足迹分享系统
学姐计算机毕设程序
10-10 341
（附源码）计算机毕业设计SSM旅游足迹分享系统项目运行环境配置：（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：等等组成，B/S模式 + Maven管理等等。环境需要1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat。
为Typecho博客网站评论框配置炫酷的打字效果&跳动的彩球
qq_33891573的博客
09-12 1568
缘起  我的个人主页,这次文章提到的的效果,也可以在个人主页的评论区查看效果  搭建这个博客虽然经历了很多坎坷,但还是挺兴奋了,用了点时间去美化他.逛了很多前辈的博客,在给他评论的时候看到他的评论框打字的时候竟然彩色的小球从文字上跳出来,删除的时候也有,主要是动画还比较流畅,具体效果可以从文章下面的评论框里体验下 ヾ(≧O≦)〃嗷~ 实现  这个特效的实现还是很简单的,本来是需要很多的代码,后来...
typecho博客主题美化总结篇—php单文件相册管理
qq_34761385的博客
11-19 1916
流情的博客总共涉及了相册，微语，留言等几大独立模块页面。至于归档，友链，关于改动并不大。归档主题自带的，友链用的插件，关于引入的正是lz之前博客说的轻量js聊天框架botui.轻量型js聊天框架Botui(附示例源码)-优快云博客留言板块引入的是lz上次说的拖拽式便签留言。微语其实就是一个阉割版的将留言当做发说说进行展示，这个模块不多加叙述。最后，说到的就是相册，相册是一个比较麻烦且耗时最长的一个模块。
EYE蓝色Typecho主题模板安装与后台美化指南
资源摘要信息: "EYE蓝色Typecho博客主题模板+后台美化版模板" 1. Typecho博客系统概述 Typecho是一个简洁高效的PHP博客程序，它使用MIT许可证发布，遵循自由软件精神，广泛受到开发者和博客用户的欢迎。Typecho具有...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值