为网站添加微言API

30
0
折腾笔记

最近把博客换回了 WordPress,目前主题样式还比较简陋,坐等老付抓紧更新优化😄。现在主题还没完善,右侧看起来有点空我准备先给网站右侧侧边栏嵌入微言 API,如果水友想用也可以自取哈。

微言 API 简介

这款 API调用的都是一些老卢喜欢的句子不一定适合所有人,如果需要代码的话可以私我

接口地址:https://api.el9.cn/weiyan/api.php

调用试例代码

pixpro1.0版本 右侧栏专用 ,因为现在上下间隙太大了所以设置了负数,调用结果如下图👇

<!-- 上下双负数收紧 · 完美贴合侧边栏版 -->
<div style="
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05);
    padding: 12px 15px;
    margin: -30px 0 -30px 0; /* 上下都用负数拉近距离 */
    border: 1px solid rgba(0,0,0,0.06);
    font-size: 14px;
    line-height: 1.5;
">
    <div style="display:flex; align-items:center; gap:8px; margin-bottom:6px;">
        <div style="width:16px; height:16px; background:#007aff; border-radius:4px; display:flex; align-items:center; justify-content:center;">
            <svg width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
        </div>
        <span style="font-weight:600; color:#111; font-size:14px;">微言</span>
    </div>
    <div style="color:#333; min-height:20px;">
        <script src="https://api.el9.cn/weiyan/api.php"></script>
    </div>
</div>

基础极简调用示例

如果不需要自定义样式,只想快速嵌入展示,直接引用 JS 脚本即可,一行代码搞定:

<span><script src="https://api.el9.cn/weiyan/api.php"></script></span>

WordPress 侧边栏部署安装步骤

登录 WordPress 后台,进入外观 → 小工具
找到自定义 HTML小工具,拖拽到右侧侧边栏区域
复制上面完整适配代码,粘贴到 HTML 编辑框内
保存刷新博客前台,即可看到微言模块完美展示

使用注意事项

  • 接口为公开免费接口,适合个人博客低流量使用,请勿高频恶意请求

NOTHING

你好,朋友
修改资料

    空空如也!