笨猫博客

  • 🍟首页
  • 🍘目录
    • 🥝VPS教程
    • 🍾猫玩技术
    • 🍹干货分享
    • 🍏软件分享
    • 🍩一只猫
  • 🍋工具
    • 🌽IP路由追踪
    • 🍐域名Whois查询
    • 🥘域名被墙查询
    • 🍧IP正常检测
    • 🔥IP端口检测
    • 🍆短网址
    • 🐟VIP音乐播放
    • 🍯KMS激活
  • 🍓链接
  • 🍪联系
  • 🍱登录
    • 🥦登录
    • 🍒注册
关注互联网,生活,音乐,乐此不疲的一只笨猫
  1. 首页
  2. 猫玩技术
  3. 正文

将Hexo上云托管 - 华为云OBS

2024-07-11 1609点热度 1人点赞 0条评论

我这里选择的是华为云的全家桶,使用华为云OBS+CDN服务进行托管。因为Hexo生成的是Html的静态网页,对象存储OBS刚刚好可以托管静态网页,还可以加上CDN进行网站的加速访问。

准备工作

  • hexo的静态博客
  • 备案的域名一枚
  • 华为云开通OBS和CDN产品
  • 下载 OBS Browser+

配置OBS对象存储桶

在控制台 - 选择OBS进行开通 - OBS 管理控制台

  1. 在页面右上角点击"创建桶"
    3baa06f85b1849c8f325581e15fa191f.jpg
  2. 然后在页面上,输入存储通名称,选择存储的区域和存储类别,桶策列选择 公共读。(PS:如果你准备购买存储包建议认真选择好对应区域)
  3. 配置OBS桶的静态网站托管
    配置静态网站 - 把状态点选上 - 设置默认主页index.html
    61673661c24faa17dce7f5c7a8146c94.jpg

上传Hexo的静态文件到OBS

每次运行 hexo g 生成静态文件后,我们需要把这些生成的静态文件上传到存储桶中,Hexo生成的静态文件在根目录的 public 文件夹中。

7879875471553246cf7316ba0a1e4fd9.jpg

拖拽本地public目录下全部文件,通过控制台 - 上传对象 来进行上传。

Hexo 自动部署到 OBS

由于生成的都是静态文件,我们每一次操作hexo生成静态文件后,都要通过控制台进行手动上传,这样比较麻烦。有没有一劳永逸的方法,答案是有点。

我们可以使用 hexo-deployer-huaweicloud-obs 这个插件来进行快速部署,省去自己每一次都要手动上传的烦恼。

  • 安装 hexo-deployer-huaweicloud-obs

打开hexo的目录下,打开Bash终端输入以下命令进行安装

复制

npm install hexo-deployer-huaweicloud-obs --save
  • 申请 访问密钥 (AK和SK)

获取访问密钥(AK和SK) 通过该链接可以直达我的凭证页面。或者在用户名 - 我的凭证进入。

b4dab75520bd58433e08c44dc880d33e.jpg

生成密钥后,会自动下载下来 .csv 的文件,里面包含AK和SK的密钥信息。记录下来,待会有用上。

  • 配置 hexo-deployer-huaweicloud-obs

在Bash终端安装好 hexo-deployer-huaweicloud-obs 插件后,在hexo的根目录下找到 _config.yml 添加以下配置:

复制

deploy:
  type: "huaweicloud-obs"
  server : "https://obs.cn-north-1.myhwclouds.com"
  bucket: "obs-2f97"
  accessKeyId: "R7DYQD3DQRRLTDWYttE3S"
  secretAccessKey: "TERHf0NGpDrbhsbc1h3xymB9w22wK8lLgOhdgFkgjCB2"
  localFilesIgnorePattern: "^\\..*"
  remoteDir: "/"
  syncDeletedFiles: "yes"
  syncDeletedFilesIgnorePattern: "^\\..*"

配置说明如下:

名称 必选 默认值 描述
server 必填 null OBS服务器地址,以https://开头,不包含桶名称
比如https://obs.cn-north-1.myhwclouds.com
bucket 必填 null OBS桶名称
accessKeyId 必填 null 访问OBS的accessKeyId
secretAccessKey 必填 null 访问OBS的secretAccessKey
localFilesIgnorePattern 可选 "^..*" 本地忽略文件的正则表达式
与文件相对于public的相对路径相匹配,路径分隔符为/
比如: img/avast.png
remoteDir 可选 / 同步到远端的目录,路径分隔符为/
syncDeletedFiles 可选 yes yes或者no, 除syncDeletedFilesIgnorePattern匹配上的文件外
如果是yes,则本地文件删除后,OBS中的文件也会对应删除
syncDeletedFilesIgnorePattern 可选 "^..*" 远端忽略文件的正则表达式
与文件相对于remoteDir的相对路径相匹配,路径分隔符为/
比如: img/avast.png

c38589d63de0e3ef5c6776e8c7b67c43.jpg

在左侧导航栏 - 访问权限控制 - 桶策略。

点击创建新的桶策略,选择 公共读 的模板进行创建。

然后编辑策略,在授权操作 - 选择动作 - 桶动作 - 新增 ListBucket

6751583c98dc7299e78f4cf9d64fcc81.jpg

看看创建完成后,检查授权动作,然后保存桶策略。

Hexo 生成静态文件并自动上传到OBS

每一次更新博客,通过Bash终端在 Hexo 的根目录输入命令生成静态文件并自动部署。

复制

hexo d -g

9193412892cafbfa91afc2422ea93e6e.jpg

看到这个就上传成功,可以在存储桶查看刚刚上传文件。

开启 CDN 加速访问

OBS在开启静态网站托管后,默认的域名并不能直接访问。如果我们选择OBS来进行访问不加CDN的话,会产生大量的流量消耗费用。

我们需要对应存储对象控制台中,找到域名管理 - 配置加速域名。

服务范围选择"中国大陆" - 业务范围"网站加速" - 填写加速域名 - 静态网站托管也勾选。

1de07318a1af1dbfa4eb0db31d862cac.jpg

然后在域名的DNS管理面板,新增一条CNAME的记录。

b386f9b61d988c35bc1c4313c352c93c.jpg

添加解析后,回到 CDN控制台 进入刚刚添加的域名。

然后进行可选的配置,SSL证书、设置缓存规则和设置浏览器缓存的过期时间等等操作。

7c5449f364e91a79fa72090f72adcd63.jpg
502533a061b3250f69731a88e1c33d1c.jpg

标签: 暂无
最后更新:2024-07-07

笨猫

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

最新 热点 随机
最新 热点 随机
IP-Sentinel 分布式哨兵系统v3.1.0重装上阵!让你的小鸡完美伪装成“当地人” NodeWarden -云端备份、大附件处理、直传链路 和 网页端密码库体验 it-toolbox开发者工具箱 — 72 款实用工具,基于 Cloudflare Pages Functions 全栈部署 OpenClaw图形化一键安装/卸载工具吧 Telegram 创建 bot 获取 token 和 chatId 以及发送消息最新教程 AcePanel(原耗子面板)3.0 正式发布
IP-Sentinel 分布式哨兵系统v3.1.0重装上阵!让你的小鸡完美伪装成“当地人”NodeWarden -云端备份、大附件处理、直传链路 和 网页端密码库体验
LOC签到脚本,无需vps即可自动刷分 地震,地震 甲骨文SR怎么修改为自己的邮箱 AMH2.0 PHP 安装ionCube扩展 短酷(Duankoo):融入推荐机制和短信社区 流水需要帐
最近评论
Web Harmonium 发布于 3 天前(04月20日) Stash 的界面看起来比小火箭清爽直观多了,2.99美元的价格也算合理,感谢提醒,不手动修改策略组...
Web Harmonium 发布于 3 天前(04月20日) 这个教程很实用,特别是关于从URL下载配置的步骤讲解得很清楚,让新手上手变得简单多了!
09君 发布于 1 个月前(03月13日) 来访。给你点赞了,工具很不错。很难绷不住的是,全民普及还没到一个月,就开始全民卸载了。
芝雩 发布于 2 个月前(02月28日) 您好,请问下为什么我搭建的ghost,他的后台配置页面是纯英文的,ghostCLI 是20.20.0...
C 发布于 3 个月前(02月06日) 早就听说这个面板了,竟然是你开发的,厉害啊
标签
elliptictrue100.10.02
BLOG ChatGPT Chrome CloudFlare DirectAdmin github Godaddy google kloxo Linux OneDrive OneIndex PHP QQ shadowsocks SNS ssh Typecho VPS web2.0 whmcs Windows wordpress 一键脚本 下载 免费 博客 图文教程 图标 图片 域名 头像 奥运 宝塔面板 插件 教程 日记 有趣 浏览器 游戏 猫 生活 电影 百度 网站 视频 设计 软件 阿里云盘 音乐
好友
  • glzjin's blog glzjin's blog
  • ZAERA博客
  • 冰沫记
  • 奇它博客
  • 猫腻‘s Blog
  • 猫饭
  • 肥宅之家
  • 萌博
  • 野路子程序员

COPYRIGHT © 2022 笨猫博客. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang