Docker安装Bangle.io仅限Web的所见即所得笔记应用程序

介绍

• Bangle.io 是一个基于网络的现代笔记平台，一个仅限 Web 的所见即所得笔记应用程序，可将笔记以 Markdown 格式保存在本地。

• 

• Bangle.io 是一款简洁高效的网页笔记应用，它以其本地化 Markdown 笔记和所见即所得的编辑体验而闻名。可以自己部署在个人电脑上或私有服务器上，所有笔记都存储在你的浏览器本地，确保你的隐私和数据安全。

• 

核心功能

• 本地化 Markdown 笔记（含todolist功能）： Bangle.io 使用 Markdown 格式存储笔记，并提供所见即所得的编辑体验。这意味着你可以直接在浏览器中使用 Markdown 语法，并实时看到最终的格式效果，无需切换到代码视图。

• 所见即所得编辑： Bangle.io 提供一个直观的编辑器，支持常见的 Markdown 语法，例如标题、列表、代码块、图片、链接等。你可以在编辑器中直接使用这些语法，并实时看到最终的格式效果。

• 本地存储： Bangle.io 将所有笔记存储在你的浏览器本地，无需注册账号，无需担心数据丢失或隐私泄露。

• 多平台支持： Bangle.io 是一款网页应用，可以在任何支持浏览器的设备上使用，包括电脑、手机和平板电脑。

• 简洁界面： Bangle.io 的界面简洁明了，没有多余的功能，专注于笔记的创建和编辑。

• 离线可用： Bangle.io 支持离线使用，即使没有网络连接，你仍然可以创建和编辑笔记。

在线体验

• 官网体验地址：https://bangle.io/

安装教程

docker-compose方式部署

1. 由于官方并没有对应的Docker镜像，需要手动编译镜像进行安装。

2. 演示在Windows 11上的Ubuntu2404（Linux子系统）上进行部署
   （也可以自己在群晖NAS系统上进行编译docker镜像，或者编译后导出镜像添加到群晖内。）

3. 打开终端连接到Linux系统上，切换到root状态下。

4. 安装yarn

   apt install yarn
   
   或者
   
   npm install -g yarn

   Undefined

5. 随意进入一个你想存放项目文件夹的路径

   #演示ubuntu系统上直接在根目录操作
   
   #群晖NAS上随意进入一个路径，如：
   cd /volume1/docker

   Bash

6. 创建并进入项目文件夹

   mkdir bangle && cd bangle

   Bash

7. 编辑Dockerfile文件

   vi Dockerfile

   Undefined

8. 按字母 i 键进入编辑模式，复制下面的命令，粘贴到终端，按Esc键退出编辑模式，输入 :wq 退出并保存。

   FROM alpine:latest
   
   RUN apk add --no-cache yarn git \
       && git clone --depth 1 --branch dev https://github.com/bangle-io/bangle-io.git app
   
   WORKDIR /app
   ENV NODE_ENV=production
   RUN yarn install && yarn vite build
   RUN rm -rf .git
   
   CMD yarn e2e-serve

   Bash

9. 编辑docker-compose.yml文件

   vi docker-compose.yml

   Undefined

10. 按字母 i 键进入编辑模式，复制并修改下面的命令，粘贴到终端，按Esc键退出编辑模式，输入 :wq 退出并保存。

    version: "3.7"
    services:
      bangle:
        build:
          context: ./
        environment:
          TZ: Asia/Shanghai    # 改成你自己所在时区
        restart: unless-stopped
        ports:
          - "127.0.0.1:3402:1234"    # 第一个3402端口是容器外部访问端口，可以自己修改。

    YAML

11. 执行命令，启动docker-compose文件，拉取镜像并创建容器。

    docker-compose up -d

    Undefined

12. 查看正在运行的项目容器

    docker-compose ps

    Undefined

访问Bangle.io

1. 打开浏览器，以群晖的IP+设置的端口进行访问。
   以本机为例：http://localhost:3402
   

2. 点击左下角可以切换显示模式
   

3. 如果要新建笔记，可以按对应的快捷键，在首页有写，自行打开翻译查看。
   演示在Windows系统上是按Ctrl+Shift+P，然后选择New note创建新笔记页面。
   

4. 给笔记命名之后点击Confim进行确定
   

5. 新笔记页面创建成功
   

6. 剩下的你就可以看首页快捷键操作手册使用了
   如果想做成桌面程序可以使用浏览器功能，将网页添加为桌面应用。
   

项目地址

• GitHub项目地址：https://github.com/bangle-io/bangle-io

• 手动编辑docker镜像教程地址：https://github.com/bangle-io/bangle-io/discussions/216

👇👇👇