一、环境准备
- 创建资源
- ssh root@ECS公网地址
- 安装 Git
- 安装 Node.js
- 安装 Hexo
二、利用 Hexo 生成静态博客
- 初始化博客项目
cd ~ && hexo init blog --no-clone
- 安装 hexo-deployer-cos 插件
cd ~/blog && npm install hexo-deployer-ali-oss --save
- 自动生成博客的静态文件
hexo g
三、本地部署博客
- 启动博客
cd ~/blog/ && hexo s
- 打开浏览器,输入ECS的IP地址加端口号4000,访问网站验证博客是否成功启动
四、基于阿里云OSS部署静态博客
- 连接ECS服务器
- 打开虚拟桌面的Chromium浏览器进入OSS控制台
https://oss.console.aliyun.com/
- 在对象存储OSS管理控制台左侧导航栏中,单击Bucket列表,在Bucket列表页面,单击Bucket名称,进入Bucket权限控制,将Bucket权限改为公共读写
- 进入Bucket文件管理,新增授权,授权用户给:所有账号,权限设置为读/写,访问方式设置为HTTP,点击确定
- 将静态博客上传至阿里云OSS 中
vim _config.yml
根据自己的资源配置最后一行的deploy
deploy:
type: ali-oss
region: yourRegion
accessKeyId: yourSecretId
accessKeySecret: yourSecretKey
bucket: yourBucket
按esc输入:wq,保存退出。
- 执行hexo g -d命令重新生成静态文件
五、创建文章
- 创建文章 markdown 模板
cd ~/blog && hexo new first
- 编写 markdown 文件(可选)
vi source/_posts/first.md
按esc输入:wq,保存退出。
- 重新生成静态文件并部署至阿里云OSS
cd ~/blog && hexo g -d
- 回到刚才的浏览器界面,点击存储桶左侧列表中的【文件列表】,如果文件列表中包含静态博客生成的静态文件,则说明静态文件通过插件自动上传至阿里云OSS成功