文章目录

• 前言
• 一、下载源码
• 二、新建独立页面
• 三、自定义

前言

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

一、下载源码

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

二、新建独立页面

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

!!!
        <iframe style="max-width: 100%" 
              frameborder="no" 
              border="0" 
              marginwidth="0" 
              marginheight="0" 
              width="100%" 
              height="300px" 
              src="https://你的网址/刚刚解压的文件夹名称/">                                        
        </iframe>
    !!!

三、自定义

自定义内容主要在你解压的目录中的index.html中,备注给的十分详细。如图。

这是我家小天使挑的配色，Mark。

以上就是全部内容了，代码只是工具，和你爱的那个TA把地图都盖满印记吧。记录生活，热爱生活。

标签：解压,自定义,加个,Typecho,html,独立,typecho,源码,页面
来源： https://blog.csdn.net/qq_41207861/article/details/113921952