省钱小妙招:腾讯云COS部署Hexo博客


导言(作者太闲随便写写,正文在下一个标题)

不知道有没有玩Hexo博客的同志有和我一样的遭遇:

20年,我第一次搭建博客,听信了网上的“谗言”,斥“巨资”(对于学生党而言)买了腾讯云服务器,磨拳擦掌准备搭建,然后….没搭出来。

经过惨痛的失败后,我终于和朋友一起在bilibili上找了一个靠谱的教程,最终花费一周时间,终于搭建完成。本地写文章,然后部署到github仓库

当年博客真的就只是起了而已,样式无、主题不会配、Markdown语法不会。甚至写文章是在VScode里手搓md语法

嗯,我的IT学习之旅第一站就是搭建博客。那会一门编程语言都不会。至于为什么,这又是个悲伤的故事,不必再提

甚至现在,我的电脑上还残留着当年配错环境的node.js

21年,经过一年的学习,我对IT有了一定的了解,我终于看的懂配置文件了!可喜可贺

于是我美化了我的博客,把它变成了二次元的样子,它终于不再丑陋了

22年github的访问速度已经很是让我生气了,我终于想起了我的学生云服务器。经过一顿花里胡哨的操作,我实现了Hexo博客在腾讯云服务器和github的双线部署。

为了让它更完美,我购买了atmujie.com这个域名,又给它配置了CDN内容分发网络。我甚至通过了腾讯云从业者初级认证,可喜可贺。

23年,我大三了,马上就不能以学生价购买云服务器了。而且由于我最近的笔记都很长,很靠后的图片即使是有CDN也无法马上加载出来,我对博客提出了更高的要求。

于是,今天因为一场巧合,我看到了COS对象存储。它很便宜:一年10块钱。速度很快:我的博客只有图片和文字。

我决定放弃云服务器,将博客部署到COS

准备工作:

准备工作很简单,以下除第一项,其他都是腾讯云

  1. 在电脑上部署好hexo(学IT怎么能没电脑,这个不计入部署成本)
  2. 购买COS对象存储(10G绰绰有余,一年10元)
  3. 申请一个免费的HTTPS证书( 0元 )
  4. 【可选】购买一个域名,记得备案(看买的什么域名,我的域名一年80元)
  5. 【可选】购买CDN 内容分发网络(一年20元)

总开销 = 10 + 0 + 80 + 20 = 110(人民币)

所以这个方案只需要110元就可以拥有一个访问速度顶级的Hexo博客。

开始部署:

创建COS存储桶

image-20230605220952041

名称自定义,权限公有读私有写,然后一路下一步确定即可(其他配置按自己需求来)

创建完成后开启静态网站

image-20230605223715817

创建一个API密钥

image-20230605221419627

到这里云控制台操作暂时告一段落,接下来配置本地的hexo

配置Hexo支持部署COS

cmd执行以下命令安装部署插件(报错一般是权限不够,切管理员权限执行)

npm install hexo-deployer-cos --save

修改hexo的配置文件_config.yml,配置如下:

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: cos
  bucket: xxxxx # cos 桶名称
  appId: xxxxxx # cos 桶名称后数字【可选配置,不写也没关系】
  secretId: xxxxxxxxx  # 云 API 密钥
  secretKey: xxxxxxxxx # 云 API 密钥
  region: ap-xxxxxx # 所属地域

内容改成自己的即可。桶名称、所属地域在对象存储查看;两个API密钥是上一步访问管理申请的;appId为可选配置,配不配都没关系

配置完成后重新部署hexo到远端

hexo clean  # 清除hexo缓存
hexo g -d   # 部署到远端

在存储桶中可以看到文件就是成功了

image-20230605222805223

使用对象存储服务分配的域名访问查看显示是否正常

image-20230605222920055

到这一步,没有域名和CDN的朋友部署就结束了,后续步骤是对博客的优化

配置域名解析和CDN加速

如果购买了域名,可以配置DNS域名解析,将自己的域名解析为存储桶分配的一长串域名

image-20230605223752074

如图,在桶->域名与传输管理、自定义CDN加速域名中添加域名。腾讯云会自动配置CDN加速和DNS解析

没有购买CDN,或者此前已经购买CDN并接入了域名

image-20230605230000816

如图,在自定义域名中添加域名并绑定HTTPS证书。腾讯云自动向DNS添加CNAME解析

添加后修改原有的CDN服务到COS

不管以前是啥样,配置后DNS解析会出现对应的条目

image-20230605230222539

如果自定义源站域名报错(如下图),需要检查DNS域名解析是否少了COS的CNAME

image-20230605225302794

最后,使用自己的域名访问测试

image-20230605233515977

CMD使用nslookup命令解析

image-20230605233643675


文章作者: Atmujie
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Atmujie !
评论
  目录