这几天闲来无事，逛友人博客的时候发现了一个较为羡慕的功能

于是就向友人了解了这个小功能

但是他使用的是Hexo博客我却是wordpress

好在Hexo是基于Node.js的博客框架。所以我们就可以把这个小工具移植到wordpress里

说干就干！先要来源代码！

好哇！一开始就给我了一个下马威！

1. 这个saveToLocal是个什么方法？
2. 这又是个什么请求方式？为什么不直接请求接口呢？

（各位看官谅解啊，前端咱懂得不是那么多）

1. 后来经过友人提点，才意识到这个saveToLocal可能是保存数据的方法——那就用localstorage平替！
2. 把这个请求代码扔给chatgpt才了解到这是jsonp的请求方式，目的是为了解决跨域问题！（于是花了一晚上的时间去了解跨域）

最后的最后！我完美的移植了这个在Hexo的小工具，具体实现请看下方。

但是唯一美中不足的一点在于，我无法找到这个小工具的原作者。若该原作者看到这篇帖子！可以联系我。我将会标注该工具的来源。

最后！我将给出该工具的使用方法。理论上适用于所有wordpress主题。

首先在腾讯地图开放平台申请一个API，用于获取地址。

其次填入代码

在你想要显示这个小工具的地方填入以下代码

<div id="welcome-info">
<script>
//在这里填入刚才的js代码    
</script>

即可显示该小工具！