教程：博客独立页面调用 Memos 的方法

// 2023.8.22更新

## 集成
集成到自己的网站，在合适的位置需要放置一个 CSS 选择器作为展示 Memos 的容器。
```
<div id="memos" class="memos"></div>

<script type="text/javascript">
        var memos = {
            host: 'https://memos.ee/',  // Your Memos, with '/' end.
            limit: '20',  // Pagination to show.
            creatorId: '1',  // The old instance is 101, and the new instance is 1. 
            domId: '#memos',  // Default #memos.
            username: 'jkjoy',  // You can customize the display ID that is not related to memos.
            name: '浪子',  // You can customize the displayed full name, that is not related to memos.
        }

</script>
```
引入CSS和JS
```
<link rel="stylesheet" href="https://blog.chaihu.top/memos/assets/css/memos.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://blog.chaihu.top/memos/assets/css/custom.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://blog.chaihu.top/memos/assets/js/main.js"></script>
<script type="text/javascript" src="https://blog.chaihu.top/memos/assets/js/custom.js"></script>
<script type="text/javascript" src="https://blog.chaihu.top/memos/assets/js/marked.min.js?v=4.2.2"></script>
<script type="text/javascript" src="https://blog.chaihu.top/memos/assets/js/moment.min.js?v=2.29.4"></script>
<script type="text/javascript" src="https://blog.chaihu.top/memos/assets/js/moment.twitter.js"></script>
<script type="text/javascript" src="https://blog.chaihu.top/memos/assets/js/view-image.min.js"></script>
<script type="text/javascript" src="https://blog.chaihu.top/memos/assets/js/lazyload.min.js?v=17.8.3"></script>
<script type="text/javascript" src="https://blog.chaihu.top/memos/assets/js/highlight.min.js"></script>
```

## 独立网页
### 演示地址
https://blog.chaihu.top/memos/
### fork参考项目
修改`index.html`中
```
        var memos = {
            host: 'https://memos.ee/',  // Your Memos, with '/' end.
            limit: '20',  // Pagination to show.
            creatorId: '1',  // The old instance is 101, and the new instance is 1. 
            domId: '#memos',  // Default #memos.
            username: 'jkjoy',  // You can customize the display ID that is not related to memos.
            name: '浪子',  // You can customize the displayed full name, that is not related to memos.
        }
```
其中`host` `creatorId` `username` `name`的值.
### setting github pages
![github.png][1]
如上图设置即可.

[1]: https://blogcdn.asbid.cn/2023/05/09/1683614532.png

// 2023.8.22更新

[1]: https://blogcdn.asbid.cn/2023/05/09/1683614532.png

[AD]【腾讯云】年度爆款2核2G4M云服务器118元/年，新老用户同享

最后修改：2023 年 08 月 25 日

如果觉得我的文章对你有用，请随意赞赏

教程：博客独立页面调用 Memos 的方法

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

记一次亿储SSD固态掉盘修复（重新开卡）

onda h410 itx+i5 10400+rx560黑苹果oc0.6.3引导

10.15.4黑苹果集显uhd630睡眠唤不醒开机进入图形界面黑屏的解决办法

精粤h97i gaming+e3 1231 v3+rx560黑苹果引导

Cloud Torrent for centos一键安装

又是一年冬季

markdown中的各种技巧

精粤X99M-PLUS-D3+rx580黑苹果opencore0.9.0引导

使用Docker快速部署mastodon实例

我来说说lpl解说圈的跨年撕逼

教程：博客独立页面调用 Memos 的方法

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

教程：博客独立页面调用 Memos 的方法

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款