AHdark
一个多语种开发蒟蒻
AHdark Blog

MDx 使用JS添加MySSL认证签章

仅限MDx主题、页脚设置为【现代】可用(其它未经尝试)

/**
 * @name 全自动为MDx主题添加MySSL认证签章
 * @author AHdark
 * @copyright 2021 AHdark Blog
 * @license GPLv3
 */

document.getElementsByClassName("mdx-clean-footer")[0].insertBefore(document.createElement("ssl"), document.getElementsByClassName("mdx-clean-footer")[0].childNodes[4]);
var sslElement = document.getElementsByTagName("ssl")[0];
sslElement.className = "footer-myssl";
sslElement.innerHTML = '<div mdui-tooltip="{content: \'MySSL 安全签章\', position: \'top\'}" id="myssl_seal" onclick="myssl_open()"><img src="https://sealres.myssl.com/seal/img/1x/seal.svg?domain=' + location.hostname + '" alt="MySSL 安全签章"></div>';
const myssl_open = (() => window.open('https://myssl.com/seal/detail?domain=' + location.hostname, 'MySSL安全签章', 'height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no'));
/**
 * @name 全自动为MDx主题添加MySSL认证签章
 * @author AHdark
 * @copyright 2021 AHdark Blog
 * @license GPLv3
 */

ssl.footer-myssl {
    display: block;
    position: relative;
    float: right;
    margin-right: 5px
}

ssl.footer-myssl img {
    width: 100px;
    height: auto;
    cursor: default
}

@media screen and (max-width:700px) {
    ssl.footer-myssl {
        display: none
    }
}

闲得慌写的,可以自己试试

需要将其加至页面底部

你也可以使用CDN加速版本:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AH-dark/AH-dark/Code/JavaScript/no_style.add_myssl.css"/>

<script type="text/javascript" id="add_myssl" src="https://cdn.jsdelivr.net/gh/AH-dark/AH-dark/Code/JavaScript/no_style.add_myssl.js"/>
赞赏
本文链接:https://ahdark.com/technology/804.shtml
本文采用 CC BY-NC-SA 3.0 Unported 协议进行许可
欢迎加入Q群交流:654022768

AH Dark

文章作者

本博客的运营者、主要开发者、主要作者 深度学习算法工程师,后端工程师,嵌入式软件开发工程师 Azure认证 运维工程师

发表评论

textsms
account_circle
email

AHdark Blog

MDx 使用JS添加MySSL认证签章
MDx主题扩展:使用JavaScript全自动添加MySSL认证签章(自适应域名)
扫描二维码继续阅读
2021-08-06