Joe再续前缘魔改（二）

筱序二十

7月29日发布 /正在检测是否收录...

0 13 0

青序栈文官

本教程介绍如何在博客中新增轻量朋友圈页面，需先部署Friend-Circle-Lite项目。部署后，在博客后台添加独立页面代码，包括API地址、加载设置和样式脚本。教程提供代码示例和效果预览。

本文系Joe再续前缘主题魔改类第二篇教程，前置教程请见.

Joe再续前缘魔改铺垫（一）

这一期讲讲新增轻量朋友圈页面，需要提前部署友链朋友圈项目。

部署完成后，请在博客后台>管理>独立页面

代码如下

!!!
<div id="friend-circle-lite-root"></div>
<script>
    if (typeof UserConfig === 'undefined') {
        var UserConfig = {
            // 填写你的fc Lite地址
            private_api_url: 'https://example.com',
            // 点击加载更多时，一次最多加载几篇文章，默认20
            page_turning_number: 20,
            // 头像加载失败时，默认头像地址
            error_img: 'https://i.p-i.vip/30/20240815-66bced9226a36.webp',
        }
    }
</script>
<link rel="stylesheet" href="https://jsd.xnet.ren/gh/willow-god/Friend-Circle-Lite/main/fclite.min.css">
<script src="https://jsd.xnet.ren/gh/willow-god/Friend-Circle-Lite/main/fclite.min.js"></script>
!!!

前端效果预览

每日精选

bizhi

文章版权归作者所有，未经允许请勿转载。

THE END

喜欢就支持一下吧