老孙博客

AI摘要：本教程介绍了如何在Typecho中使用Typecho Farallon主题的Memos API来动态获取说说页面的数据。首先，在主题目录下新建一个`bb.php`文件，并在其中设置Memos的相关参数。然后，根据自己的Memos参数进行相应的更改。最后，在Typecho后台新增一个独立页面，并选择自定义模板为`哔哔页面`。通过这些步骤，就可以在Typecho中实现动态获取说说页面的功能。

Memos

一款由go语言开发的开源项目,有丰富的API.

支持 v0.20 - v0.23

说说页面的数据使用Memos 的 API 通过js动态获取

步骤

1.在主题目录下 新建 一个 bb.php

内容如下

<?php 
/**
 * 哔哔页面
 *
 * @package custom
 */
 if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php $this->need('header.php'); ?>
<section class="site--main">
<header class="archive--header">
<h1 class="post--single__title"><?php $this->title() ?></h1>
</header>
    <article class="post--single">
        <div id="talk"></div>
<script>
        const memos = {
            host: 'https://memos.ee/', //更改memos 地址
            limit: '1000', //拉取memos数量
            creatorId: '1', //用户ID
            domId: '#talk', //默认
        };
</script>
    <script src="<?php $this->options->themeUrl('/dist/js/marked.min.js'); ?>"></script>
    <script src="<?php $this->options->themeUrl('/dist/js/view-image.min.js'); ?>"></script>
    <script src="https://jkjoycn.github.io/assets/js/bb.js"></script>
</article>
</section>
<?php $this->need('footer.php'); ?>

2.自行更改

        const memos = {
            host: 'https://memos.ee/', //更改memos 地址
            limit: '1000', //拉取memos数量
            creatorId: '1', //用户ID
            domId: '#talk', //默认
        };

之中的参数为自己的Memos参数

页面内的头像会拉取用户memos设置的头像

3.在Typecho后台新增独立页面

在自定义模板中选择哔哔页面

演示

https://www.imsun.org/bb/