# 前言
在使用VanBlog之前我还使用过许多博客系统，例如HexoBlog、 WordPress 博客; 它们优点是个性化内容丰富，可以根据自己的不断定制使其博客变的非常的漂亮、功能十分多样

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

- [VanBlog主页](https://vanblog.mereith.com/)
- [VanBlog项目GitHub](https://github.com/Mereithhh/vanblog)
- [VanBlog演示页](https://blog-demo.mereith.com/)   进入后台请点击右上角管理员按钮，账号和密码均为 demo 



![image.png](/static/img/0287f4516189a6b2d02e897142c77638.image.webp)

# 博客搭建

## 前期准备
- 服务器: 这里我购买的为[雨云](https://app.rainyun.com/)2核2G服务器 操作系统为Ubuntu20.04

:::tip{title="提示"}
可以购买香港服务器, 避免了备案的麻烦!!!
:::

![image.png](/static/img/2f77f0923a4a57f46f38b7f026d571fa.image.webp)

![5597d46402ffba4b7ccce83655001ff3.image.webp](/static/img/21a7938aaf2235f96cc4a1d14e96da5a.5597d46402ffba4b7ccce83655001ff3.image.webp)

- 可以购买一个域名便于访问，而且VanBlog内置反向代理, 对于配置域名十分友好 
    - 此技术博客域名是我之前在[Namesilo](https://www.namesilo.com/)上购买的域名
    - 你也可以在雨云上购买域名(https://app.rainyun.com/apps/domain/list/manage)
    - 提供免费的二级域名!!!
    
![image.png](/static/img/d39ecdfbb1062e6772e4493db2d1761a.image.webp)



## 博客搭建
- 你可以运行下方命令，通过脚本一键部署 VanBlog
```bash
curl -L https://vanblog.mereith.com/vanblog.sh -o vanblog.sh && chmod +x vanblog.sh && ./vanblog.sh
```
- 如果未来需要再次运行脚本，可直接运行：
```bash
./vanblog.sh
```

![61ede1fc07bd821a5cb6db6c9cace016.image.webp](/static/img/b3336343656b3204a5f6d0680ee3c48f.61ede1fc07bd821a5cb6db6c9cace016.image.webp)

- 部署 VanBlog 后，请使用浏览器打开 http://<你的域名>/admin/init，并按照指引完成初始化。具体设置项可以参考 [站点配置](https://vanblog.mereith.com/features/config.html)。

# 后续
- 详细配置请查看 [VanBlog快速上手](https://vanblog.mereith.com/guide/get-started.html)

- 希望在搭建完博客后发挥它主要的作用 —— 记录

**长风破浪会有时，直挂云帆济沧海**

VanBlog搭建