# 引言
搭建好vanblog之后，我发现他只能编辑markdown文档，然后找了一圈都没找到上传视频或者音频的地方，突然想到markdown里面可以放入视频和音频，看到网上刚好有图床的教程，结果却发现

# markdown插入图片，视频，音频格式：
1. 图片：

```
![图片](图片url地址)
```
2. 视频
```
<video controls>
  <source src="视频url地址" type="video/mp4">
</video>
```
3. 音频

```
<audio src="音频url地址" controls>
</audio>
```

# 第一步：申请阿里云图床
参考链接（https://blog.csdn.net/muxuen/article/details/122441469)
1. 打开阿里云，在控制台里面点击对象储存OSS


![image.png](https://tuchuang-yxjxxr.oss-cn-beijing.aliyuncs.com/undefined7ea6efc63b7c59a726ffa8ad4cdcc6df.image.png)

2. 点击创建bucket（上图中部右边）然后按要求填写信息就可以了，记得选择标准存储

3. 创建好之后点击bucket列表，找到你刚刚所创建的bucket，记录下你的bucket域名，记得只需要复制前面的部分，类似于（tuchuang-yxjxxr.oss-cn）
4. 打开公共读权限，为了在vanblog里面丝滑使用，必须要打开公共读权限


6. 创建你的accesskey（点击右上角个人头像）如下图，点击AccessKey


![image.png](https://tuchuang-yxjxxr.oss-cn-beijing.aliyuncs.com/undefinedaa849ccdf5bca3c37b1166050408bb5b.image.png)
**点击创建AccessKey即可**
![image.png](https://tuchuang-yxjxxr.oss-cn-beijing.aliyuncs.com/undefined335c754570f51ca01ceff485ff2e0772.image.png)


# 第二步：下载picgo
picgo是一个图床软件，支持上传图片以及读取图片，他支持多家公司创建的图床平台（smms，腾讯，阿里等）链接（https://picgo.github.io/PicGo-Doc/zh/guide/#picgo-is-here) 这里我直接讲速通打法
1. 下载picgo（https://picgo-release.molunerfinn.com/2.4.0-beta.10/PicGo-Setup-2.4.0-beta.10-x64.exe) 下载好的页面如下：

![image.png](https://tuchuang-yxjxxr.oss-cn-beijing.aliyuncs.com/undefined222bc600fcf93989da11d7ee4a09b2e0.image.png)
2. 打开图床设置，点击阿里云oss，创建新的图床
3. 直接填写带星号的就好了


![0b596ed5cef20ac3df227ce8742a1db9.png](https://tuchuang-yxjxxr.oss-cn-beijing.aliyuncs.com/undefined0b596ed5cef20ac3df227ce8742a1db9.0b596ed5cef20ac3df227ce8742a1db9.png)
4. 复制picgo的配置文件到vanblog里面就好了（一定要全部复制）

![image.png](https://tuchuang-yxjxxr.oss-cn-beijing.aliyuncs.com/undefined7c911580fcf45c65cd1e0bb844f94665.image.png)
5. 传图片或者视频音频到vanblog，你会惊喜的发现，阿里云上面的图床里面出现了你上传的东西，然后这里如果能看见的话，那你就成功了！
# 成果展示：

1. 图片

![IMG_0354.JPG](https://tuchuang-yxjxxr.oss-cn-beijing.aliyuncs.com/undefined038b6dc2329641eb89816cf49be02a5c.IMG_0354.JPG)





2. 视频

<video controls>
  <source src="https://tuchuang-yxjxxr.oss-cn-beijing.aliyuncs.com/undefined20250801062010100.mp4" type="video/mp4">
    您的浏览器不支持视频播放。
</video>

<audio src="https://tuchuang-yxjxxr.oss-cn-beijing.aliyuncs.com/undefined20250801064954132.m4a" controls>
  您的浏览器不支持音频播放。
</audio>

# 结论：
1. 设置了阿里云的图床，并且下载了picgo
2. 配置好了vanblog直接使用阿里云的图床，图片直接上传到阿里云图床
3. 由于vanblog的原因，居然直接不支持视频播放和音频播放，而我自己本地的markdown是可以播放的，请看vcr：
![image.png](https://tuchuang-yxjxxr.oss-cn-beijing.aliyuncs.com/undefinedf7a3ddabd5bbb79770ff147e885722e8.image.png)
有点白忙活了，因为没有达到我的预期，但我要说的是：
**看似徒劳，却非虚度。学习之道常在迂回处得见真章——习得百技，行遍曲径，纵未抵初衷所向，亦在每一步中完成了对自我的雕琢。过程本身，即是抵达。**





# 日后谈
https://oss.console.aliyun.com/bucket/oss-cn-beijing/tuchuang-yxjxxr/object

图床！

# 前言
今天闲来无事，在ist熬夜打电赛（陪赛），突发奇想，想着在我腾讯云上面也弄一个个人网站，正好，便有了这篇vanblog的开篇文章。



# 原因
1. 之前的网站比较简陋，页面不够精美
2. 操作比较复杂
3. 有许多bug

介于以上几点，我就决定弄个新的blog来，让我和Rusela都有美好的记录学习生活的体验
# vanblog的搭建流程
看完，绝对会颠覆你对服务器搭建个人博客的认知，简单到难以想象，以及十分轮椅的操作流程
### 第一步：安装docker
docker是一个部署的东西，简单来说就是可以将别人的项目直接部署到你的电脑上，不用担心环境版本不匹配等的问题
```
sudo yum install -y docker 
sudo systemctl start docker # 开启docker
sudo systemctl status docker # 查看docker的状态
docker --version # 若出现版本号则说明安装成功
```
### 第二步：下载vanblog
整个过程超级轮椅，只能说原作者写的太好了
```
curl -L https://vanblog.mereith.com/vanblog.sh -o vanblog.sh && chmod +x vanblog.sh && ./vanblog.sh
```
![image.png](https://s2.loli.net/2025/08/01/TMRS9XqDhAKs4jg.png)
整个过程就是直接他问什么你点什么就行了，安装，然后端口就默认就行

### 第三步：登录ip:端口号/admin进行后台管理员注册
就直接按照提示填写信息就好了

后台的页面如下：
![image.png](https://s2.loli.net/2025/08/01/Zc1TEWxHhlnSg8i.png)
我只能用1个字来形容：简洁优雅，一目了然
### 第四步：直接开始进行探索
![image.png](https://s2.loli.net/2025/08/01/kGFSxd6CPUBz7HE.png)
# 总结：
**记录生活，从现在开始，毕竟，千里之行，始于足下**