跳到主要内容

Memos自定义代码片段

· 阅读需 2 分钟

继续折腾哈,已经部署好了Memos如何进行一些美化呢.

测试版本

当前memos版本为v0.11.2

自定义字体 霞鹜文楷

起初是看到博主QiLeq的博客, 感觉好好看哦, 决定使用这个字体霞鹜文楷哈。

系统-自定义样式
自定义样式
body{font-family: "LXGW WenKai Screen", sans-serif !important;}
系统-自定义脚本
自定义脚本
function changeFont() {
const link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = "https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreen.css";
document.head.append(link);
};
changeFont()

支持私有统计Umami

系统-自定义脚本
自定义脚本
function loadUmami() {
const script = document.createElement('script');
script.async = true;
script.defer = true;
script.setAttribute("data-website-id","example-website-id");
script.src = "https://umami.example.domain/umami.js";
document.body.append(script);
};
loadUmami()

自定义背景

参考: 自定义样式分享:调用 Bing 每日背景

系统-自定义样式
Bing每日背景
#root>div:nth-child(1) {
background-image: url('https://bing.immmmm.com/img/bing?region=zh-CN&type=image');
background-position: center;
background-size: cover;
background-attachment: fixed;
}
#root>div>div.justify-center {
background-color: rgba(244 244 245 / 30%) !important;
}
#root main,
#root header,
#root aside {
background-color: rgba(244 244 245 / 60%) !important;
}
.dark #root>div>div.justify-center {
background-color: rgba(39 39 42 / 30%) !important;
}
.dark #root main,
.dark #root header,
.dark #root aside {
background-color: rgba(39 39 42 / 60%) !important;
}
.dark .memo-content-wrapper>.expand-btn-container>div.absolute {
background-color: rgba(39 39 42 / 30%) !important;
}
#root main>div:nth-child(1)>div:nth-child(1)>div:nth-child(2) {
background-color: transparent !important;
}
#root>div:nth-child(1)>div:nth-child(2)>div:nth-child(1) {
z-index: 20;
}
#root header {
min-height: 100vh;
}
#root main>div {
justify-content: space-between;
}

配置对象存储Minio

目前好像不太行, 期待社区优化吧 usememos/memos#1344

Minio配置

  1. 创建新用户memos;
  2. 创建新bucketmemos, 类型为公开;
  3. 创建Policy, 规则如下;
Policy
memos policy
{
"Version": "2012-10-17",
"Statement": [
{
"Effect": "Allow",
"Action": [
"s3:*"
],
"Resource": [
"arn:aws:s3:::memos"
]
}
]
}
  1. 创建Access key(也可以用memos用户的密码)
  2. minio客户端验证
验证脚本
验证
mc alias set memos https://memos.ysicing.local memos zuf+tfteSlswRu7BJ86wekitnifILbZam1KYY3TG   --api "s3v4"
mc ls memos/

附录参考

Memos 自定义代码片段

Loading Comments...