江湖小栈

Do Better

0%

利用腾讯云对象存储 COS 桶托管 hexo 博客

发表于 分类于 Hot°C：  转 改
本文字数： 3.1k 阅读时长 ≈ 3 分钟
利用腾讯云对象存储 COS 桶托管 hexo 博客

本文作者为知名摄影博主 @李四啊_ ，转改收藏一下，原文链接。
很多人找不到好的托管网站放自己的博客，自己租服务器又可能比较贵。
所以腾讯云是个不错的选择，腾讯云对象存储COS桶提供免费50G的存储空间，还有CDN加速服务，部署后速度也挺好。

创建存储桶

打开腾讯云控制台–云产品–存储–对象存储，然后创建存储桶。

开启静态网站设置

在基础配置打开静态网站(关掉强制https)

绑定域名

SSL设置

域名解析并添加记录

去 dns 服务商添加域名解析记录 CNAME 指向上面的域名

Hexo设置

  • 安装插件
1
npm install hexo-deployer-cos --save
  • 站点配置文件
1
2
3
4
5
6
7
deploy:
  type: cos
  bucket: yourBucketName #cos桶名称
  appId: yourAppId #cos桶名称后数字
  secretId: yourSecretId  #云API密钥
  secretKey: yourSecretKey #云API密钥
  region: yourRegion #所属地域
  • 发布还是一样的
1
2
hexo clean
hexo g -d

CDN刷新

因为每次更新博客内容完后，都要登录腾讯云CDN—缓存刷新，手动刷新一下CDN。

所以我们可以用脚本在每次更新后刷新

  • 安装
1
npm install qcloud-cdn-node-sdk --save
  • 创建qcloudcdn.js放入script文件夹
1
2
3
4
5
6
7
8
9
10
11
12
const qcloudSDK = require('qcloud-cdn-node-sdk');

qcloudSDK.config({
  secretId: '你的ID',
  secretKey: '你的密钥'
});

qcloudSDK.request('RefreshCdnDir', {
  'dirs.0': 'https://博客地址' 
}, (res) => {
  console.log(res);
});

自动 CDN 刷新配置

  • 首先我们进入腾讯云，按下图所示操作

  • 将 index.js 内容替换为如下代码，点击右上角部署即可，部署成功后可以点击测试来检测能否顺利运行。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
'use strict'

const CosSdk = require('cos-nodejs-sdk-v5')
const CdnSdk = require('./common/CdnSdk')
const CdnRefreshTask = require('./common/CdnRefreshTask')
const {
  getParams,
  getObjectUrl,
  logger,
  getLogSummary
} = require('./common/utils')

exports.main_handler = async (event, context, callback) => {
  /**
   * parse param from event and process.env
   */
  const { objects, cdnHosts, secretId, secretKey, token } = getParams(event)

  logger({
    title: 'param is parsed success, param as follow: ',
    data: { objects, cdnHosts, event }
  })
  /**
   * init cos instance
   */
  if (!secretId || !secretKey || !token) {
    throw new Error(`secretId, secretKey or token is missing`)
  }

  const cdnSdkInstance = new CdnSdk({ secretId, secretKey, token })
  const cosInstance = new CosSdk({
    SecretId: secretId,
    SecretKey: secretKey,
    XCosSecurityToken: token
  })

  const taskList = objects.map(({ bucket, region, key }) => {
    /* 变更内容-START */
    const purgeUrls = [];
    cdnHosts.forEach(host => {
      const tempUrl = getObjectUrl({
        cosInstance,
        bucket,
        region,
        key,
        origin: `${/^(http\:\/\/|https\:\/\/)/.test(host) ? '' : 'https://'}${host}`
      });
      purgeUrls.push(tempUrl);
      // 如果以 /index.html 结尾，则增加目录首页/。
      // 例如 https://www.xxxx.com/index.html, 则增加 https://www.xxxx.com/。
      if(tempUrl.lastIndexOf('/index.html') == (tempUrl.length - 11)){
        purgeUrls.push(tempUrl.substr(0, tempUrl.length - 10))
      }
    });
    return new CdnRefreshTask({
      cdnSdkInstance,
      urls: purgeUrls
    })
    /* 变更内容-END */
  })

  const taskResults = []
  for (const task of taskList) {
    const results = await task.runPurgeTasks()
    taskResults.push(...results)
  }

  logger({
    title: 'cdn refresh full logs:',
    data: taskResults
  })

  const { status, messages } = getLogSummary(taskResults)

  logger({
    messages: messages.map(item => item.replace(/\,\ /g, '\n'))
  })

  if (status === 'fail') {
    throw messages.join('; ')
  } else {
    return messages.join('; ')
  }
}
bulb