Hexo主题博客部署到七牛云,并使用自定义域名

一、七牛云配置

1、注册七牛云

注册后绑定一下邮箱,然后再实名认证一下

官网:https://portal.qiniu.com/signup?redirect_url=https:2F2Fwww.qiniu.com~2F

2、创建空间

在这里插入图片描述
在这里插入图片描述

3、绑定自定义域名

注意:这里我的域名是备案过的,未备案的小伙伴记得备案

为该空间绑定域名

在这里插入图片描述
点击【绑定域名】

在这里插入图片描述

输入域名
在这里插入图片描述

复制 CNAME
在这里插入图片描述

4、去域名备案处输入CNAME

主机记录和刚才在七牛云填的域名头部一致,如:www.xxx.com 就填 www
在这里插入图片描述

5、配置https

在这里插入图片描述
在这里插入图片描述

6、上传证书

在这里插入图片描述
转换证书格式:https://myssl.com/cert_convert.html
在这里插入图片描述
原格式为 JKS,目标格式为 PEM
在这里插入图片描述

选择 Tomcat 目录下的 JKS文件并上传,将 keystorePass.txt 的内容填入【原文件密码】

在这里插入图片描述
在这里插入图片描述
转换后的证书如下:
在这里插入图片描述
将证书 CER 和 KEY 文件里面的所有内容(含分割线)复制到 【证书内容】和【证书私钥】,【证书备注名】随意填:
在这里插入图片描述

在这里插入图片描述
进入刚才的域名管理页面,选择上传的证书:
在这里插入图片描述

在这里插入图片描述

二、部署项目

1、配置空间

开启默认首页,默认将 index.html 作为域名首页

在这里插入图片描述

2、QsunSync 操作空间

下载七牛云提供的QsunSync,对空间进行操作。官网:https://developer.qiniu.com/kodo/tools/qsunsync

点我下载QsunSync

使用方式:

  • 首次打开软件的时候,需要进行帐号设置才能去“新建同步任务”,七牛云存储的文件上传使用一对密钥AK/SK来进行权限校验,这一对密钥在七牛云存储的后台里面是可以找到的。
  • 你可以直接到“帐号设置”里面点击“查看我的AS&SK”,这将自动帮你打开浏览器并导向到AK/SK的所在地,你直接拷贝,粘贴到本地的输入框里面就好了,输入完成之后,点击“保存”就可以了,当然如果你输入了错误的AK&SK,你会收到错误提示的,嘿嘿。
  • 帐号设置完成之后,就可以“新建同步任务”了,在“同步设置”的“基本设置”里面,你可以选择本地待同步目录和希望同步到的云端空间即可,如果需要更多的设置,可以看“高级设置”。
  • 设置完成之后,你就可以点击“开始同步”进行同步了。
  • 更详细内容请参考使用手册。

帐号设置:
在这里插入图片描述

输入AK和SK:
在这里插入图片描述
新建同步任务:
在这里插入图片描述

勾选覆盖:
在这里插入图片描述
配置要同步的目录,hexo部署好的文件都在public,所以\public结尾

在这里插入图片描述

同步完成后,访问你的域名即可访问网站:
在这里插入图片描述


3、qshell 操作空间

如果喜欢用命令操作空间的,可再看下面3-7的步骤;否则可跳过。

下载七牛云提供的 qshell,对空间进行操作(官网:https://developer.qiniu.com/kodo/1302/qshell

qshell 下载:https://devtools.qiniu.com/qshell-v2.6.0-windows-386.zip?ref=developer.qiniu.com

在这里插入图片描述
我的qshell的路径如下,待会配置环境变量时要用:

在这里插入图片描述

3、配置环境变量,方便运行

右键【我的电脑】
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4、启动qshell

在这里插入图片描述

5、配置 qshell 账号

格式:qshell account ak sk name

  • ak 七牛云的 AccessKey
  • sk 七牛云的 SecretKey
  • name 该账号的名称(随意)

其中name表示该账号的名称, 如果ak, sk, name首字母是"-", 需要使用如下的方式添加账号, 这样避免把该项识别成命令行选项:

qshell account -- <Your AccessKey> <Your SecretKey> <Your Name>

在这里插入图片描述
在这里插入图片描述

6、在Hexo项目的根目录下创建upload.conf文件

在这里插入图片描述

{
  "src_dir": "E:\\a-漫漫java路\\1.xiaoR_project\\xiaor-code\\public",
  "bucket": "xiaor-code",
  "up_host" : "https://upload-z2.qiniup.com",
  "overwrite" : true,
  "rescan_local": true
}
  • src_dir 根目录地址,不可使用相对路径
  • bucket 储存空间名称
  • up_host 域名地址
  • overwrite 是否覆盖
  • rescan_local 是否检查新增文件

Hexo生成的静态页面全部放在public文件夹下,所以src_dir应当是要以public结尾的。

7、上传项目

qshell qupload upload.conf

在这里插入图片描述

配置一键上传

将 upload.conf 放到项目根目录下,配置 package.sjon

"scripts": {
	......
    "publish": "hexo clean && hexo generate && qshell qupload upload.conf"
},

在这里插入图片描述
每次更新项目后,执行 npm run publish 即可发布项目

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Hexo搭建博客并将其部署到Gitee的过程中,你需要进行一些修改以确保正确的部署。 首先,你需要在_config.yml文件中找到deploy配置部分。在这里,你需要对deploy进行如下修改: ``` deploy: - type: git repo: https://gitee.com/你的用户名/你的仓库名.git branch: master ``` 将上述代码中的"你的用户名"替换为你在Gitee上的用户名,并将"你的仓库名"替换为你的博客仓库在Gitee上的名称。 接下来,你需要将你的博客同时部署到GitHub,以便在无法访问Gitee时,仍可通过GitHub访问你的博客。在_config.yml文件的deploy配置中,添加以下代码: ``` - type: git repo: https://github.com/你的用户名/你的仓库名.git branch: master ``` 同样,将上述代码中的"你的用户名"替换为你在GitHub上的用户名,并将"你的仓库名"替换为你的博客仓库在GitHub上的名称。 完成以上修改后,保存并关闭_config.yml文件。接下来,你可以通过运行命令`hexo deploy`将你的博客部署到Gitee和GitHub。 请注意,部署到Gitee相对于GitHub可能会稍微麻烦一些,因为你需要手动去Gitee的网站上更新一次才能看到更新效果。这是因为Gitee是国内版的GitHub,速度相对较快,但在部署时需要手动同步。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [搭建hexo博客——Gitee篇](https://blog.csdn.net/qq_939317133/article/details/124046319)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [hexo博客同时部署gitee和github,搭建镜像站](https://blog.csdn.net/liegu0317/article/details/123058346)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值