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/

本文作者:浪子 @ 提剑追梦

本文链接:https://blog.imsun.org/blog/1681/

本文标题:Typecho Farallon - 说说页面Memos 0.22-0.23

本文版权:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!