开源项目 | VanBlog是一款简洁、实用、优雅的个人博客系统、具有无限的可扩展性

一、项目概述

VanBlog是一款简洁、实用、优雅的个人博客系统，支持全自动按需申请HTTPS证书、黑暗模式、移动端自适应和评论功能。它内置了流量统计和图床，并集成了评论系统。此外，VanBlog还具有无限的可扩展性，提供完备的后台管理面板，支持黑暗模式、移动端、一键上传剪贴板图片到图床，并带有强大的编辑器。

二、 技术特性

只列出大体上框架级别的，一些细节就直接看代码吧。

前台： next.jsopen in new window、react.jsopen in new window、tailwind-cssopen in new window

后台： ant design proopen in new window、ant designopen in new window

后端： nest.jsopen in new window、mongoDBopen in new window

CI： dockeropen in new window、nginxopen in new window、github-actionsopen in new window

文档： vuepressopen in new window、vuepress-theme-hope

三、 系统功能

快到极致的响应速度，Lighthouse 接近满分。

独一份的按需全自动 HTTPS，甚至不用填域名。

包括完整的前后台和服务端。

前台和后台都为响应式设计，完美适配移动端和多尺寸设备。

前台和后台都支持黑暗模式，并可自动切换。

前台为静态网页（SSG），并支持秒级的增量渲染，每次改动无需重新构建全部页面。

SEO 和无障碍友好，支持自定义文章路径。

静态网页，CDN 友好。

版本号展示和更新提醒。

基于 React，项目工程化，二次开发友好。

内置强大的分析功能，可统计访客等数据。并配有精美看板。

内嵌评论系统。

强大的 Markdown 编辑器，支持图表和数学公式，一键插入 more 标记，一键剪切板及本地图片上传，支持自定义高亮块语法，支持 Emoji 表情选取。

TOC、草稿、代码复制、访客数、评论数、分类、标签、搜索、加密、友链、打赏、自定义导航栏。

多个布局设置，可自定义页面细节。

高度定制化，可添加自定义 CSS、HTML 和 JS 代码。

支持自定义页面。

可添加具有指定权限的协作者。

内置图床，并支持各种 OSS 图床、github 图床（外部图床基于 picgo）等

支持上传图片自动添加水印，无论何种图床

支持上传图片自动压缩，无论何种图床

极致轻量化，没有花里胡哨。页面秒切换、图片懒加载。

脚本一键部署，多种部署方式，支持 ARM 平台。

支持 GA、百度分析

简单易用的后台，支持数据的导出与导入。

支持 RSS 订阅

完善的 API，完全利用本项目后台和服务端，自己写前端或适配其他页面生成器

有较完善的日志记录，后台可直接查看登录日志和 Caddy 日志。

五、 一键部署脚本

一键脚本部署curl -L https://vanblog.mereith.com/vanblog.sh -o vanblog.sh && chmod +x vanblog.sh && ./vanblog.sh
将来如果需要再次运行脚本，可以运行：

./vanblog.sh

五 、功能截图

六、项目源码

开源地址：

扫描下方二维码并回复【vanblog】获取项目源码。

往期推荐
人人可用的开源数据可视化分析工具

面向中小企业级erp、oms、wms全套解决方案

开源支付系统、支持微信支付宝

SpringBoot + Vue 的智能停车场管理平台

多门店分销的开源前后端分离商城系统

全端开源电商系统支持小程序、H5、PC商城

后台、小程序、uniapp前后端分离完整全开源商城

开源物联网基础开发平台

开源人脸识别登录系统

写在最后
专注分享开源项目整套解决方案，完全开源、可学习、可商用、宝藏库。

完整开源项目后端技术栈：Spring6、JDK17、SpringBoot、Spring Cloud、Docker、Nginx、Redis、MongoDB、MySql不管你技术提升还是接私活都可以用到。

完整开源项目前端技术栈：vue3、vite3、TypeScript/4、Ant-Design-Vue/3.2、element-plus/2.2、uniapp、H5网页、PC、微信小程序等最新的技术。

每天提供一个超棒的开源项目包含：物联网平台、WMS系统、ERP系统、OMS系统、知识社区、个人博客系列。

欢迎加入【前端开源实验室读者交流群】，群内聊天学习摸鱼为主，不定时会分享一些技术要点和优质学习资源，有一群有趣有料的小伙伴在等你哦！

进群方式：加柚子哥微信回复 进群，按提示操作即可进群。

版权申明：内容来源网络，版权归原创者所有。除非无法确认，我们都会标明作者及出处，如有侵权烦请告知，我们会立即删除并表示歉意。