Awesome
<p align="center"> <img src="/img/logo.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://github.com/mereithhh/van-blog/workflows/release/badge.svg" /> <img src="https://img.shields.io/badge/license-GPL%20v3-yellow.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(后台账号密码均为 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
其他部署方式
具体请移步项目文档:快速上手
反代
请参考: 反代
常见问题
关于更新
此项目会持续更新的,如果没有恶性 bug(有的话看到了会紧急修复),一般每周发一次新版本。
如果遇到了问题,可以先更新试试看。
交流群
说明与文档
请移步项目主页: https://vanblog.mereith.com
CHANGELOG
开发指南
谁在使用
现在可能用的人有一些了吧 - -
如果您想把自己加进来,请提一个 issue,我会尽快添加的。
- Mereith's Blog
- handy 的小窝
- GT 的官方博客
- 無糧不聚兵‘s Blog
- oldmoon
- seek.wiki
- joker's blog
- SnailBlog
- 谷粒 corn.li
- BARM Blog
- 凌览社
- Peter's blog
- 我本无罪的博客
- 还是夸张一点
- 青菜的杂货铺
- 花菜的博客
- 智芯物联的空间
- 郭郭的博客
- Done
- SpaceX
- 没想好的个人博客
- 春天运维之旅
- 编程小客栈
- Newhand
- Jerome's Blog
- 宁骑播客
TODO
- 精简前台 js 体积,优化性能
- 精简打包体积
- 集成 HTTPS 和自动证书申请续期
- 后台增加登录日志
- 内嵌评论系统
- 支持 ARM64
- 支持 mermaid 语法
- 替换编辑器为 bytemd(掘金同款)(老的编辑器有些臃肿,复制偶尔会有格式会错乱的问题)
- 导入 md 创建文章/草稿功能
- 标签管理
- 黑暗模式图标样式优化
- 内嵌评论的邮件通知和 webhook
- 自定义 css
- 添加自定义 script 标签
- 添加自定义 html 代码
- 可添加具有自定义权限的协作者
- 自定义页面
- RSS 订阅
- 自定义高亮块语法支持
- Emoji 表情选择器
- 自定义导航栏
- 后端性能优化一期(减少不必要的查询, ISR 防抖等)
- Token 管理
- picgo 插件安装
- 忘记密码
- 分类加密
- 自定义文字路径
- 系统日志查看
- 快捷分享按钮
- 完善可自定义上传文件的自定义页面功能(现在的自定义页面有潜在的 css 污染问题)
- 图片上传自动添加水印
- 迁移到 pnpm,使用 workspace
- 增加在特定事件后触发执行自定义代码或 webhook 的扩展能力
- 上传图片自动压缩功能
- 批量操作文章草稿
- 插件系统
- 自定义主题(前端渲染器)系统
- 浏览器消息通知
- 文章/草稿的历史版本管理
- 精简配置项,尽可能移动到运行时配置
- 增加 ORM 层,适配更多数据库
- 增加一些 e2e 测试,集成到 CI
- 国际化
问题反馈
请提 issue ,如无特殊情况会在一天内解决。
打赏
如果觉得项目不错的话可以打赏哦。您的支持就是我最大的动力!
打赏时您可以备注名称,我会将您添加至打赏列表中。
<p align="center"> <img alt="打赏-微信" src="/img/wechat.jpg" style="width: 200px;margin-right: 4px;" /> <img alt="打赏-支付宝" src="/img/ali-pay.jpg" style="width: 200px" /> </p>捐赠信息
PS:如果打赏时请备注捐赠者,如有遗漏请联系我添加(有时候消息多可能会漏掉,十分抱歉)
捐赠者 | 捐赠金额 | 捐赠日期 |
---|---|---|
Sirit | 6.66 元 | 2022-09-01 |
jingcheng | 100 元 | 2022-09-06 |
mosuzi | 100 元 | 2022-09-08 |
ym679 | 20 元 | 2022-09-08 |
wangcw | 100 元 | 2022-09-13 |
ziva | 8.80 元 | 2022-09-15 |
Velen | 50 元 | 2022-09-18 |
pcz | 50 元 | 2022-10-19 |
Star 趋势图
LightHouse 截图
<p align="center"> <img src="/img/lighthouse.png" style="width: 400px"></img> </p>多说一句
很抱歉有段时间断更了,陆陆续续会慢慢继续更新的。 2024-09-01