【WordPress网站美化】为您的博客添加IP签名档

注意事项

本文前半部分来自夏雨社区(原创峄博客)修改而来,后半部分为自写

本文的后半部分也仅仅适用于WordPress博客系统的Argon主题

感谢同事的帮忙部署,感谢广然笔记的站长发的这么好的源码!

如果需要查看这个源码是来自哪的可以点击右侧:侧边栏IP签名档——样式修改 – 广然笔记 (rsecc.cn)

这个东西,真的是——《 太 好 用 啦~》

前言

大家好,欢迎来到SDCOM’s blog

之前美化了alist,也要美化下blog对吧

然后,我的同事问我要不要搞IP签名档,我就想着,给Ta搞搞

所以,我的侧边栏就有了这个

在这里有一个特别的地方,那就是下面的IP签名档。这个组件我们可以应用到我们网站上起到一个装饰的作用。

那么,我们如何生成这样的一个图片呢?

前期准备

源码下载

ipsignature.zip

部署文件及申请API

在目录下创建一个文件夹,文件夹就叫ipsignature,之后把压缩包解压到ipsignature这个目录里后删除压缩包。

这里源码要改两个地方,就是把api换成自己的,如下面代码。

/*高德地图开发者key*/
private $key = '请填写高德地图开发者api';
/*腾讯地图开发者key*/
private $txkey = '请填写腾讯地图开发者api';

代码见index.php的第4-7行,代码中,第5行和第7行需要换成我们自己的API(其实就是应用的key)。

申请链接:高德开放平台腾讯地图开放平台

高德地图开放平台注册完账号认证后创建一个应用,名称随意,分类选其他,之后添加key。名称随意,分类选web服务,如下图。(直接使用夏雨社区的图片)

同意相关协议后点提交会有一个key,复制后替换index.php第5行单引号里的内容。

腾讯地图选择控制台,创建个应用,名称随意,分类选其他,之后添加key。名称随意,之后都不用选,选WebServiceAPI后不填白名单,然后同意条款后提交后继续,也会得到一个key,复制后替换index.php第7行里单引号内的内容。

保存后访问你的网址/ipsignature,就比如我的就是https://serverp.chgskj.cn/Ipsignarture/SDCOM/,如下图。

部署到边栏

进入后台,找到外观

选择小工具

选择左侧栏小工具

点击+号

搜索自定义html

将这一段演示代码粘贴进入

<!DOCTYPE html>
<html lang="zh-hans">
    <head>
        <title>Demo</title>
    </head>
    <body>
        <img src="https://serverp.chgskj.cn/Ipsignarture/SDCOM/">
    </body>
</html>

粘贴完成后,你就能在概览旁边的功能里面看到了

但是我的可不是这样,我的就在站点概览中

所以,你只需要把代码粘贴到站点概览额外内容就可以了

这样显示出来的就是在站点概览中的了

结尾

总之,这玩意还是十分甚至九分的好用,还是很不错的,肥肠好用

下个文章再见,拜拜!

转载请附上链接:
https://sdcom.chgskj.cn/?p=171

评论

  1. 博主
    Macintosh Edge 118.0.2088.46
    4月前
    2023-10-14 9:34:52

    114514

  2. 博主
    Macintosh Edge 118.0.2088.46
    4月前
    2023-10-14 9:36:40

    ???

  3. 博主
    Macintosh Edge 118.0.2088.46
    4月前
    2023-10-14 9:39:22

    test

  4. 博主
    Macintosh Edge 118.0.2088.46
    4月前
    2023-10-14 9:40:12

    ??

  5. Windows Chrome 116.0.0.0
    4月前
    2023-10-14 14:16:57

    网站名称有意思~~

    • 博主
      obaby
      Macintosh Edge 118.0.2088.46
      4月前
      2023-10-15 16:39:00

      谢谢

  6. 博主
    Macintosh Edge 118.0.2088.46
    4月前
    2023-10-15 16:41:31

    好耶!

  7. 博主
    Macintosh Edge 118.0.2088.46
    4月前
    2023-10-15 16:48:10

    测试

  8. SDCOM
    Windows Edge 109.0.1518.140
    4月前
    2023-10-22 8:48:30

    小主机
    启动!

  9. Macintosh Chrome 116.0.0.0
    4月前
    2023-10-24 10:15:30

    都是测试评论?

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇