通过Docker安装memos搭建说说页面

发布时间:2023-07-30

安装

首先确保安装了Docker,如没安装也没关系,咱们通过命令来进行安装Docker.如是debian或ubuntu,yum替换apt即可.

1.安装所需软件包

sudo yum install -y yum-utils \
device-mapper-persistent-data \
lvm2

2.进行仓库设置

sudo yum-config-manager \
--add-repo \
https://download.docker.com/linux/centos/docker-ce.repo

通常,官方的源地址比较慢,可将上述的源地址替换为国内比较快的地址:

阿里云:http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
清华大学源:https://mirrors.tuna.tsinghua.edu.cn/docker-ce/linux/centos/docker-ce.repo

仓库设置完毕,即可进行Docker的安装.

执行一下命令,安装最新版本的 Docker Engine-Community 和 containerd。
3.安装docker

sudo yum install -y docker-ce docker-ce-cli containerd.io

docker-ce为社区免费版本 稍等片刻,docker即可安装成功。但安装完成之后的默认是未启动的,需要进行启动操作.

如果不需要docker-ce-cli或containerd.io可直接执行如下命令:

yum install -y docker-ce

4.启动docker

sudo systemctl start docker

安装memos

如果是BT面板,解析好地址之后创建一个静态页面,设置好反代端口,或者不设置也可以.

1.memos安装

docker run -d --name memos -p 5230:5230 -v ~/.memos/:/var/opt/memos neosmemo/memos:latest

2.网站设置
打开网站进行安装http://localhost:5230/,如设置了反代,直接输入解析的域名即可.进行相关参数设置,至此,memos已经安装完成.

页面部署

1.创建页面放以下
这是根据杜老师给出的代码来进行实现memos页面实现的,详细可以查看使用 Memos 搭建时光机教程这篇文章

<div id="bber"></div>
<script type="text/javascript">
var bbMemos = {
memos : '这里填写memos地址',
username:"名字", 
limit : '10',
creatorId:'1' ,
domId: '',
}
</script>
<script src="https://npm.onmicrosoft.cn/penndu@4.0.9/memos.js"></script>
<script src="https://npm.elemecdn.com/marked/marked.min.js"></script>
<script src="https://jsd.onmicrosoft.cn/gh/Tokinx/ViewImage/view-image.min.js"></script>
<script src="https://jsd.onmicrosoft.cn/gh/Tokinx/Lately/lately.min.js"></script>

2.页面美化
可以参考WordPress 借助 Memos 搭建博客空间单页 Memos 添加 Artalk 评论,无限接近微博这两篇文章

安装Artalk评论(如果引用typecho自带的评论也可以,不需要无需要安装)

1.安装Artalk

docker run -d \
    --name artalk \
    -p 8080:23366 \
    -v $(pwd)/data:/data \
    --restart=always \
    artalk/artalk-go

2.打开设置
浏览器打开 http://your_domain:8080 将出现 Artalk 后台登陆界面。
3.创建账号

docker exec -it artalk artalk admin

4.引用css/js

<!-- CSS -->
<link href="http://your_domain:8080/dist/Artalk.css" rel="stylesheet">
<!-- JS -->
<script src="http://your_domain:8080/dist/Artalk.js"></script>
<!-- Artalk -->
<div id="Comments"></div>
<script>
Artalk.init({
  el:        '#Comments',                // 绑定元素的 Selector
  pageKey:   '/post/1',                  // 固定链接 (留空自动获取)
  pageTitle: '关于引入 Artalk 的这档子事',  // 页面标题 (留空自动获取)
  server:    'http://your_domain:8080',  // 后端地址
  site:      'Artalk 的博客',             // 你的站点名
})
</script>

效果

通过Docker安装memos搭建说说页面

点击前往查看闲谈说说页面

打赏


哇 你要支持我吗?太慷慨了!谢谢
上一篇
下一篇
评论 ( 16 )
  1. 感谢分享

    2023年10月26日 回复
  2. 这个现在很火啊,我觉得可以代替博客了

    2023年08月26日 回复
    1. 只能代替文字版博客

      2023年08月26日 回复
  3. 妥妥的大佬呀。

    2023年08月05日 回复
    1. 林老师,说笑了

      2023年08月05日 回复