Typecho Farallon - 说说页面Memos 0.22

Memos

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

但是由于版本更迭 加之 v0.23.0版本API更改, 本次教程 仅支持 v0.20 - v0.22

说说页面的数据使用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/