vanblog

vanblog

高性能个人博客系统 全自动HTTPS和多端适配

VanBlog是一款高性能个人博客系统,提供全自动HTTPS证书申请、黑暗模式和移动端自适应。系统内置流量统计、图床和评论功能,支持Markdown编辑和一键图片上传。VanBlog具有完善的后台管理、自定义页面和SEO优化,适合追求简洁高效的博客创作者使用。

VanBlog博客系统自动HTTPS黑暗模式移动端自适应Github开源项目
<p align="center"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/642cb6d3-bcfb-4ede-9f69-e87a13d400bf.svg" style="width: 200px"></img> </p> <p align="center"> <strong>VanBlog是一款简洁、实用、优雅的个人博客系统,支持全自动按需申请HTTPS证书、黑暗模式、移动端自适应和评论功能。它内置了流量统计和图床,并集成了评论系统。此外,VanBlog还具有无限的可扩展性,提供完备的后台管理面板,支持黑暗模式、移动端、一键上传剪贴板图片到图床,并带有强大的编辑器。</strong> </p> <p align="center"> <img src="https://img.shields.io/github/v/release/mereithhh/van-blog?display_name=tag" /> <img src="https://img.shields.io/docker/pulls/mereith/van-blog" /> <img src="https://img.shields.io/github/stars/mereithhh/van-blog" /> <img src="https://img.shields.io/bitbucket/issues/mereithhh/van-blog" /> <img src="https://yellow-cdn.veclightyear.com/835a84d5/cc14cbe5-cfc0-4cda-add2-b5429a2ba2c4.svg" /> <img src="https://yellow-cdn.veclightyear.com/835a84d5/a56be214-8ddc-4ec8-a52d-9a10abe535f9.svg" /> </p> <p align="center"> <strong>项目主页: </strong> <a target="_blank" href='https://vanblog.mereith.com'>vanblog.mereith.com</a> </p> <p align="center"> <strong>演示(后台账号密码均为 demo): </strong> <a target="_blank" href='https://blog-demo.mereith.com'>blog-demo.mereith.com</a> </p>

预览图

前台-白色

特性

  • 极快的响应速度,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

其他部署方式

具体请参考项目文档:快速上手

反向代理

请参考: 反向代理

常见问题

备份与迁移

作者logo无法加载

http错误

docker镜像拉取慢

如何外部访问数据库

如何回滚

如何升级

更新后后台报错||一直加载中

开启了https重定向后关不掉

更多常见问题

关于更新

此项目会持续更新,如果没有严重bug(发现后会紧急修复),一般每周发布一次新版本。

如果遇到问题,可以先尝试更新。

交流群

说明与文档

请访问项目主页: https://vanblog.mereith.com

更新日志

更新日志

开发指南

谁在使用

现在可能有不少人在使用了。

如果您想将自己加入此列表,请提交一个issue,我会尽快添加。

<!-- - [耿老师](https://transfer.teachergeng.space) -->

待办事项

  • 精简前端 JavaScript 代码体积,优化性能
  • 精简打包体积
  • 集成 HTTPS 和自动证书申请续期
  • 后台增加登录日志
  • 内嵌评论系统
  • 支持 ARM64 架构
  • 支持 mermaid 语法
  • 替换编辑器为 bytemd(与掘金同款)(原编辑器较臃肿,复制时偶尔会出现格式错乱问题)
  • 导入 Markdown 文件创建文章/草稿功能
  • 标签管理
  • 优化黑暗模式图标样式
  • 内嵌评论的邮件通知和 webhook
  • 自定义 CSS
  • 添加自定义 script 标签
  • 添加自定义 HTML 代码
  • 可添加具有自定义权限的协作者
  • 自定义页面
  • RSS 订阅
  • 支持自定义高亮块语法
  • Emoji 表情选择器
  • 自定义导航栏
  • 后端性能优化第一阶段(减少不必要的查询,ISR 防抖等)
  • Token 管理
  • picgo 插件安装
  • 忘记密码功能
  • 分类加密
  • 自定义文章路径
  • 系统日志查看
  • 快捷分享按钮
  • 完善可自定义上传文件的自定义页面功能(当前自定义页面存在潜在的 CSS 污染问题)
  • 图片上传自动添加水印
  • 迁移到 pnpm,使用 workspace
  • 增加在特定事件后触发执行自定义代码或 webhook 的扩展能力
  • 上传图片自动压缩功能
  • 批量操作文章草稿
  • 插件系统
  • 自定义主题(前端渲染器)系统
  • 浏览器消息通知
  • 文章/草稿的历史版本管理
  • 精简配置项,尽可能移至运行时配置
  • 增加 ORM 层,适配更多数据库
  • 增加一些端到端测试,集成到 CI
  • 国际化

问题反馈

请提交 issue,如无特殊情况会在一天内解决。

打赏

如果觉得项目不错的话可以打赏哦。您的支持就是我最大的动力!

打赏时您可以备注名称,我会将您添加至打赏列表中。

<p align="center"> <img alt="打赏-微信" src="https://yellow-cdn.veclightyear.com/835a84d5/e839af05-15ff-4055-9a67-61059a68d341.jpg" style="width: 200px;margin-right: 4px;" /> <img alt="打赏-支付宝" src="https://yellow-cdn.veclightyear.com/835a84d5/39471420-97ae-45f3-a376-9c97b5783b45.jpg" style="width: 200px" /> </p>

捐赠信息

PS:如果打赏时请备注捐赠者,如有遗漏请联系我添加(有时候消息多可能会漏掉,十分抱歉)

捐赠者捐赠金额捐赠日期
Sirit6.66 元2022-09-01
jingcheng100 元2022-09-06
mosuzi100 元2022-09-08
ym67920 元2022-09-08
wangcw100 元2022-09-13
ziva8.80 元2022-09-15
Velen50 元2022-09-18
pcz50 元2022-10-19

Star 趋势图

Star History Chart

LightHouse 截图

<p align="center"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/ab578eb9-e94b-46af-8e68-cc9ff3e086b8.png" style="width: 400px"></img> </p>

编辑推荐精选

扣子-AI办公

扣子-AI办公

职场AI,就用扣子

AI办公助手,复杂任务高效处理。办公效率低?扣子空间AI助手支持播客生成、PPT制作、网页开发及报告写作,覆盖科研、商业、舆情等领域的专家Agent 7x24小时响应,生活工作无缝切换,提升50%效率!

堆友

堆友

多风格AI绘画神器

堆友平台由阿里巴巴设计团队创建,作为一款AI驱动的设计工具,专为设计师提供一站式增长服务。功能覆盖海量3D素材、AI绘画、实时渲染以及专业抠图,显著提升设计品质和效率。平台不仅提供工具,还是一个促进创意交流和个人发展的空间,界面友好,适合所有级别的设计师和创意工作者。

图像生成AI工具AI反应堆AI工具箱AI绘画GOAI艺术字堆友相机AI图像热门
码上飞

码上飞

零代码AI应用开发平台

零代码AI应用开发平台,用户只需一句话简单描述需求,AI能自动生成小程序、APP或H5网页应用,无需编写代码。

Vora

Vora

免费创建高清无水印Sora视频

Vora是一个免费创建高清无水印Sora视频的AI工具

Refly.AI

Refly.AI

最适合小白的AI自动化工作流平台

无需编码,轻松生成可复用、可变现的AI自动化工作流

酷表ChatExcel

酷表ChatExcel

大模型驱动的Excel数据处理工具

基于大模型交互的表格处理系统,允许用户通过对话方式完成数据整理和可视化分析。系统采用机器学习算法解析用户指令,自动执行排序、公式计算和数据透视等操作,支持多种文件格式导入导出。数据处理响应速度保持在0.8秒以内,支持超过100万行数据的即时分析。

AI工具酷表ChatExcelAI智能客服AI营销产品使用教程
TRAE编程

TRAE编程

AI辅助编程,代码自动修复

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

AI工具TraeAI IDE协作生产力转型热门
AIWritePaper论文写作

AIWritePaper论文写作

AI论文写作指导平台

AIWritePaper论文写作是一站式AI论文写作辅助工具,简化了选题、文献检索至论文撰写的整个过程。通过简单设定,平台可快速生成高质量论文大纲和全文,配合图表、参考文献等一应俱全,同时提供开题报告和答辩PPT等增值服务,保障数据安全,有效提升写作效率和论文质量。

AI辅助写作AI工具AI论文工具论文写作智能生成大纲数据安全AI助手热门
博思AIPPT

博思AIPPT

AI一键生成PPT,就用博思AIPPT!

博思AIPPT,新一代的AI生成PPT平台,支持智能生成PPT、AI美化PPT、文本&链接生成PPT、导入Word/PDF/Markdown文档生成PPT等,内置海量精美PPT模板,涵盖商务、教育、科技等不同风格,同时针对每个页面提供多种版式,一键自适应切换,完美适配各种办公场景。

AI办公办公工具AI工具博思AIPPTAI生成PPT智能排版海量精品模板AI创作热门
潮际好麦

潮际好麦

AI赋能电商视觉革命,一站式智能商拍平台

潮际好麦深耕服装行业,是国内AI试衣效果最好的软件。使用先进AIGC能力为电商卖家批量提供优质的、低成本的商拍图。合作品牌有Shein、Lazada、安踏、百丽等65个国内外头部品牌,以及国内10万+淘宝、天猫、京东等主流平台的品牌商家,为卖家节省将近85%的出图成本,提升约3倍出图效率,让品牌能够快速上架。

下拉加载更多