通过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>
效果

哇 你要支持我吗?太慷慨了!谢谢
这个现在很火啊,我觉得可以代替博客了
只能代替文字版博客
妥妥的大佬呀。
林老师,说笑了
关哥也搭建一个