其他
VanBlog：一款简洁实用优雅的高性能个人博客系统。
VanBlog 是一款基于 React 语言开发的个人博客系统，代码完全开源，系统简洁实用、界面优雅、高性能。附带强大的分析功能，可统计访客等数据，并配有精美的看板。支持一键上传剪切板图片到图床。前台和后台均为响应式设计，完美适配移动端和多尺寸设备。
💻系统预览
账号和密码均为 demo
✨特点
优雅
功能强大
定制化
内置图床
高性能
SEO 友好
可量化
现代后台
安全第一
💻配置要求
VanBlog 不需要很高的配置，上面的演示网站不算数据库，资源的占用情况如图：
400M 的内存（有一部分还是静态页面缓存），启动时大概峰值占用处理器一个核心的 30%，其余时间基本不占用什么处理器资源。但比较小的带宽可能会让页面加载变慢（第一次慢，后面的话有缓存加速就会快一些），如果带宽比较小的话可以尝试设置一下 CDN。🍄部署方式
脚本一键部署
curl -L https://vanblog.mereith.com/vanblog.sh -o vanblog.sh && chmod +x vanblog.sh && ./vanblog.shdocker部署
1、需要安装 docker 和 docker-compose，可以通过以下命令一键安装：
curl -sSL https://get.daocloud.io/docker | shsystemctl enable --now docker2、新建一个 vanblog 的目录，在这个目录下新建 docker-compose.yaml文件，内容如下：
version: "3"
services: vanblog: # 阿里云镜像源 # image: registry.cn-beijing.aliyuncs.com/mereith/van-blog:latest image: mereith/van-blog:latest restart: always environment: TZ: "Asia/Shanghai" # 邮箱地址，用于自动申请 https 证书 EMAIL: "someone@mereith.com" volumes: # 图床文件的存放地址，按需修改。 - ${PWD}/data/static:/app/static # 日志文件 - ${PWD}/log:/var/log # Caddy 配置存储 - ${PWD}/caddy/config:/root/.config/caddy # Caddy 证书存储 - ${PWD}/caddy/data:/root/.local/share/caddy ports: # 前面的是映射到宿主机的端口号，改端口的话改前面的。 - 80:80 - 443:443 mongo: # 某些机器不支持 avx 会报错，所以默认用 v4 版本。有的话用最新的。 image: mongo:4.4.16 restart: always environment: TZ: "Asia/Shanghai" volumes: - ${PWD}/data/mongo:/data/dbdocker-compose.yaml 的配置后运行如下命令：docker-compose up -d在浏览器打开:
http://<你的域名>/admin/init小编这里使用了本地部署方式，所以直接使用了本机 localhost ，大家根据自己的实际配置修改： http://localhost/admin/init
配置用户: 必填
基本配置: 网站运行的必要配置
高级配置: 可选，用于开启一些高级功能
布局配置: 可选，配置前台布局
🌟使用体验
3、编辑文章
其他的功能如评论、图床、分类/标签管理、站点设置、分析看板、流水线、文章搜索、社交媒体配置、访客统计等大家自行尝试~
官网：https://vanblog.mereith.com
使用手册：https://vanblog.mereith.com/guide/get-started.html
github开源代码地址：https://github.com/mereithhh/van-blog
END
点关注不迷路
本文发表于公众号【爱编程爱技术】
往期推荐：