手摸手教你用对象存储低成本搭建博客part-1

前言

由于之前的云服务器没有及时续费,导致服务器数据被清空,虽然有备份,但之前博客使用的是wordPress搭建,再搭建一遍觉得特别麻烦,而且还要部署服务器,安装各种环境,博客应该是为人服务的,能够实现最基本的文章管理发布、数据自有,就完全足够了。

目前的解决方案、成本、从0开始所需的时间

解决方案:对象存储空间 + Hexo博客框架

成本:

  • 几乎为0

  • 域名的费用(如果想要个性化就自己买一个想要的域名,简单粗暴的话就直接使用对象存储默认的域名,默认域名免费不要钱);

  • 对象存储空间基本也相当于免费,除非后面写了非常多的博客文章,有非常多的图,空间扩容花点小钱;

搭建所需时间:熟悉流程的话半小时之内就可以发布上线,新手不熟悉的情况最多1个多小时

优点:

  • 博客直接就是一个代码项目,写作也是Markdown语法,平时使用git管理版本、备份,发布相当于将生成的public文件夹上传到对象存储空间,生成的全部是静态页面,用户直接访问index.html就可以打开博客;
    博客项目结构

  • 数据完全自己管理、发布,存储在自己的存储空间

缺点:

  • 博客不能实现过于复杂的功能,个性化程度低,比如你想搞NodeJs就不行,因为这种方式搭建的博客,相当于使用对象存储空间作为服务器,自己完全不用购买搭建服务器,所以服务器能做到的事情对象存储做不到,对象存储你可以理解为百度网盘、XX网盘,你把文件保存上去了,别人访问而已;

综合比较:我觉得仅仅实现一个博客写写文章、管理发布的话,这种超低成本的方式是最合适的,也不用买服务器,一键发布管理,总体来说利大于弊,所以我个人现在更倾向于这种方式。

对象存储中具体的原理和展示

对象存储
如上图,访问静态的index.html文件,就可以打开网站

搭建前的准备工作

1. 注册一个腾讯云账号(阿里云也行,道理一样),但还是推荐腾讯云和阿里云,因为一键发布的插件一般支持的都是腾讯云和阿里云,别的云平台,就要自己写上传方法或者手动上传,便捷性不高,本文所讲的,都是以腾讯云为例;注意:注册账号就行,不用买服务器!用不到服务器!白嫖!

2. 想要个性化、讲究一些,自己就买一个域名(比如我自己用的就是 https://liujiaweb.cn,使用对象存储默认域名的话,大概就是这个样子的:https://xxxxxx.cos-website.ap-chengdu.myqcloud.com,比较长记不住,别人想要访问时比较麻烦);

3. 了解Markdown写作语法,因为博客文章都是在xxx.md中使用Markdown语法写作的,非常简单,10分钟不到就可以学会,教程链接:Markdown语法

具体步骤

关键的操作步骤我会详细写出来,部分无关紧要的步骤,我只说大概,自己按照腾讯云提示的步骤走,都能搞定。

1. 在腾讯云里面注册一个自己想要的域名并完成备案(如果不想个性化不想折腾就想用默认的域名,直接跳过这一步)

注册域名

2. 创建对象存储桶

根据下图步骤,创建一个存储桶,图片标注得很详细,按照图片的选项就行
创建存储桶
存储桶参数选项

3. 存储桶创建成功,进入详细配置

创建成功,进入配置

4. 开启静态网站功能

开启静态网站功能
这一步是关键,让存储桶成为一个静态网站,直接访问index.html,就可以打开自己的博客
注意:最好开启 强制HTTPS 功能,现代浏览器对于http协议会提示为不安全链接,开启https也是目前大趋势

其实现在已经算是好了,我们先测试一下:

  • 自己随便写一个index.html文件,直接上传到存储桶的文件列表
    随便写的index.html文件
    点击上传
    选择
    上传成功
    现在看到存储桶的文件列表里面,index.html已经上传成功了

  • 复制存储桶默认的访问地址,直接访问试试看
    默认地址
    浏览器访问

可以看到使用默认地址已经可以访问了,其实就是自己写好静态的博客页面,放在存储桶里面,直接访问就行

5. 绑定自己的个性化域名进行访问(想使用默认域名的话这一步直接可以跳过)

这一步有2种情况,根据自己选择

情况1:域名直接绑定到对象存储桶不使用CDN加速,用也是正常用,假如我在成都,一个北京的用户访问,可能速度有点慢

情况2:域名绑定到对象存储桶并使用CDN加速,最佳方案,虽然存储桶服务器在成都,但经过CDN全国分发,不论在哪个区域访问都非常快

注意:为了方便理解起见,2种情况只能二选一,要么1要么2,不要搞复杂了

情况1:自定义源站域名

其实默认的话,访问https://xxxxxx.cos-website.ap-chengdu.myqcloud.com这个地址就能看到博客内容,为了个性化方便好记,我们想访问blog.liujiaweb.cn,就可以直接看到博客内容

自定义源站域名
例如指定blog.liujiaweb.cn为域名

这时候直接访问blog.liujiaweb.cn是不行的,因为DNS不知道blog.liujiaweb.cn指向哪里,需要将上图的CNAME值复制下来(CNAME值就是当前存储桶的地址),在域名内解析

访问流程:用户访问地址 blog.liujiaweb.cn,该地址指向存储桶默认地址 https://test-1302790306.cos-website.ap-chengdu.myqcloud.com,从而达到访问博客
访问流程
添加解析
添加解析
我们根域名liujiaweb.cn之前是什么字符,主机记录就填什么字符
想自定义域名如:myBlog.liujiaweb.cn,主机记录就填myBlog
想自定义域名如:liujiaweb.cn,我们前面什么都不想加,想直接访问,主机记录就填@
想自定义域名如:www.liujiaweb.cn,主机记录就填www

稍等几分钟,直接访问blog.liujiaweb.cn,其实现在已经可以访问了,只不过访问协议是http,自己给blog.liujiaweb.cn申请一个免费的SSL证书,就可以正常访问了
申请SSL
申请SSL

此时 情况1:自定义源站域名 就配置完成了,只不过北京或者其他区域的用户访问,是要访问到成都的服务器,才能看到博客内容,距离越远速度越慢

域名绑定想要简单方便的看到这里就行了,已经可以正常使用了;

如果想要获得更快的访问速度,更加的用户体验,接下来详细说绑定域名并且开启CDN加速的步骤,开启CDN后,虽然服务器存储桶服务器在成都,但经过全国节点复制分发后,一个北京的用户访问,会访问最近的CDN服务器看到博客资源,可能是本地北京区域的CDN服务器、附近河北区域的CDN服务器,速度就会很快。

注意:情况1:自定义源站域名 和 情况2:域名绑定到对象存储桶并使用CDN加速 为了方便起见,只能二选一,如果以前设置过情况1的话,请先把情况1的相关设置删除掉(自定义源站域名删除、域名解析里面添加的解析删除)
源站域名清空
域名解析删除

情况2:域名绑定到对象存储桶并使用CDN加速

添加 自定义 CDN 加速域名,如下图设置
自定义 CDN 加速域名
注意:此时图中的CNAME我们已经不需要了,不用理会这个CNAME值

此时存储桶的设置已经完成了,我们需要去CDN相关页面进行设置
CDN设置
注意:请复制CDN设置页面的CNAME值,我们需要用到这个,此时添加了CDN,博客的访问流程就是 访问blog.liujiaweb.cn,指向腾讯云CDN服务器,再指向对象存储桶服务器(此过程中,如果CDN服务器已经存有存储桶的资源,就不再回存储桶服务器了,不用再回源,所以说CDN访问速度很快)
访问流程

情况1 和 情况2 访问流程比较:
比较

域名解析页面,添加相应的记录,注意这里的CNAME值,是情况2 CDN设置中的CNAME值,并自行申请相应的SSL证书
添加解析

添加解析并且解析成功后,在CDN设置页面,可以看到CNAME已经生效,前面是一个绿色的勾
解析成功

进入管理,把申请的免费SSL证书添加配置好,就能以HTTPS方式直接访问博客了
CDN配置SSL证书
添加证书

总结

文章part-1部分至此结束,简单来说就是使用对象存储并绑定一个域名进行访问静态资源而已,只不过一些细节设置跟着教程做就行了;

文章part-2将介绍使用Hexo框架写博客、生成静态页面、配置一键发布
点击查看part-2部分


手摸手教你用对象存储低成本搭建博客part-1
https://liujiaweb.cn/posts/62681.html
作者
Liu Jia
发布于
2021年12月6日
许可协议