Typecho Farallon - 说说页面Memos 0.22
Typecho Farallon - 说说页面Memos 0.22
Memos
一款由go语言开发的开源项目,有丰富的API.
但是由于版本更迭 加之 v0.23.0版本API更改, 本次教程 仅支持 v0.20 - v0.22
说说页面的数据使用Memos 的 API 通过js动态获取
步骤
1.在主题目录下 新建 一个 bb.php
内容如下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<?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.自行更改
1
2
3
4
5
6
const memos = {
host: 'https://memos.ee/', //更改memos 地址
limit: '1000', //拉取memos数量
creatorId: '1', //用户ID
domId: '#talk', //默认
};
之中的参数为自己的Memos参数
页面内的头像会拉取用户memos设置的头像
3.在Typecho后台新增独立页面
在自定义模板中选择哔哔页面
演示
https://www.imsun.org/bb/
本文由作者按照 CC BY 4.0 进行授权