Memos — 一款实用便捷的在线记事本工具,同样还是一个小型社区

介绍:

Memos是一款很实用的在线记事本应用,让你可以随时随地记录自己的思路、灵感和笔记,不用再担心记事本随手丢失,同时还是一个轻量的社区,可以跟大家分享你的生活。

PaoPaoMemos
管理系统
好友系统
关注系统
用户注册验证
发布文章时记录地理位置
SSO单点登录
上传附件仅照片/视频不限制
界面美观度🌟🌟🌟🌟🌟🌟🌟🌟🌟
部署难度😈😈😈😈😈😈😈😈

特点:

  • 多人共享:Memos支持将笔记分享给其他人,方便与他人协作和交流。你可以将指定的笔记设置为公开或私密的。
  • 支持图片和附件:Memos允许你将图片或其他文件直接导入备忘录中,让你更专注写笔记的过程。
  • Markdown格式编辑:Memos支持标准的Markdown语法,允许你使用标签、列表、代码块等样式来丰富自己的笔记内容。
  • 笔记分类:Memos提供项目和标签进行笔记归类,为管理海量笔记提供便利。

效果图:

image-20240426155018864

部署方法:

第一步:更新源

Ubuntu/Debian:

apt update -y && apt upgrade -y    

Centos:

yum update -y && yum upgrade -y   
第二步:安装并配置Docker

安装Docker:

curl -fsSL https://get.docker.com -o get-docker.sh && sudo sh ./get-docker.sh

启动Docker:

sudo systemctl start docker

设置Docker在开机时自动启动:

sudo systemctl enable docker
第三步:安装并启动 Memos 容器
docker run -d --name memos -p 5230:5230 -v ~/.memos/:/var/opt/memos ghcr.io/usememos/memos:latest

第四步:登录备忘录进行配置

img

创建管理员账户
img

在设置中配置,自定义化程度高
image-20240426155200545

相关地址:

GitHub地址:https://github.com/usememos/memos

Demo:https://memos.xiayexiaolu.com/

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
当用户在浏览器上关闭窗口时,使用sessionStorage可以在会话期间存储数据。而使用JSON可以将数据以一种结构化的方式存储,方便读取和操作。下面是一个使用sessionStorage和JSON存储备忘录的例子: 1. HTML部分 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>备忘录</title> </head> <body> <h1>备忘录</h1> <label for="memo">添加备忘录:</label> <input type="text" id="memo" /> <button onclick="addMemo()">添加</button> <ul id="memoList"></ul> <script src="memo.js"></script> </body> </html> ``` 2. JavaScript部分(memo.js) ```js // 从sessionStorage中读取备忘录 let memos = JSON.parse(sessionStorage.getItem('memos')) || []; // 获取页面元素 const memoInput = document.getElementById('memo'); const memoList = document.getElementById('memoList'); // 添加备忘录 function addMemo() { const memoContent = memoInput.value.trim(); if (!memoContent) { alert('请输入备忘内容'); return; } // 创建备忘对象 const memo = { content: memoContent, time: new Date().toLocaleString() }; // 将备忘录添加到列表中 memos.push(memo); memoList.innerHTML += `<li>${memo.content} - ${memo.time}</li>`; // 将备忘录存储到sessionStorage中 sessionStorage.setItem('memos', JSON.stringify(memos)); // 清空输入框 memoInput.value = ''; } // 初始化备忘录列表 function initMemoList() { memoList.innerHTML = ''; memos.forEach((memo) => { memoList.innerHTML += `<li>${memo.content} - ${memo.time}</li>`; }); } initMemoList(); ``` 3. 示例效果 用户可以在输入框中添加备忘录,点击“添加”按钮后,备忘录将会被添加到列表中并存储到sessionStorage中。当用户刷新页面或重新打开页面时,之前添加的备忘录将会从sessionStorage中读取并显示在列表中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

露露唯一真爱粉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值