VanBlog 是一款简洁实用优雅的高性能个人博客系统。支持 HTTPS 证书全自动按需申请、黑暗模式、支持移动端自适应和评论,内置流量统计与图床,内嵌评论系统,配有完备的、支持黑暗模式、支持移动端、支持一键上传剪切板图片到图床、带有强大的编辑器的后台管理面板。

特性

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

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

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

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

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

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

  •  静态网页,CDN 友好。

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

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

  •  版本号展示和更新提醒。

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

  •  内嵌评论系统。

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

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

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

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

  •  支持自定义页面。

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

  •  内置图床,并支持各种 OSS 图床、github 图床(外部图床基于 picgo)等。

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

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

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

  •  支持 GA、百度分析

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

  •  支持 RSS 订阅

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

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

部署 VanBlog

  • VanBlog 支持多种部署方式,本文采用一键脚本部署方式,执行以下命令,在显示的菜单中输入 1 开始部署 VanBlog。

# curl -L https://vanblog.mereith.com/vanblog.sh -o vanblog.sh && chmod +x vanblog.sh && ./vanblog.sh

image.png

  • 当出现以下画面时,即安装完成

image.png

  • 浏览器输入以下地址,初始化 VanBlog,VanBlog 默认使用80端口

http://IP地址/admin/init

例:

http://192.168.10.15/admin/init

image.png

  • 初始化完成后即可进入博客后台,开始发布文章等操作,至此部署完成。

image.png

image.png


人生如戏,全靠演技!