一嘉

利用腾讯云对象储存来存放handsome的样式文件
前一段时间找了很多的typecho主题,都没有合适自己的。在朋友的推荐下我在友人C的博客上发现这位博主发布了一款付...
扫描右侧二维码阅读全文
23
2018/07

利用腾讯云对象储存来存放handsome的样式文件

未标题-2.jpg前一段时间找了很多的typecho主题,都没有合适自己的。
在朋友的推荐下我在友人C的博客上发现这位博主发布了一款付费主题,还挺合我心意的,于是就买下来了。

通过主题的后台我发现这款主题可以让你的样式文件存放在云,以便加快访问(我是这么理解的)
QQ截图20180723230007.png
这款主题的功能相对于市面上的功能还是蛮多的,我们直接找到“速度优化”这一栏
然后点击“将本地静态资源上传到你的cdn上”,就是这里了!

更新:

**感谢来自:safecode的提醒
最新版本的主题可能在进行上述操作时出现,字体、图标无法加载的情况(403 forbidden)。经过分析,是由于请求头中Referer字段含有cos bucket域名,从而触发了防盗链白名单,添加对应的cos bucket域名到白名单,即可解决字体、图标无法加载的情况。**


在上一篇博文已经介绍了如何在腾讯云创建一个bucket。但是这一次很简单,不需要太多的操作。
先新建一个bucket,关闭cdn加速,权限设置“公有读私有写”。创建完成后我们到云API的界面记录下SecretId和SecretKey


接下来我们下载一个可视化操作的软件,这个软件是由腾讯云官方提供的。
有了这个软件可以让你更方便的管理你的cos。
这个是官方的地址:https://cloud.tencent.com/document/product/436/11366
下载链接:
COSBrowser Windows 桌面端
COSBrowser macOS 桌面端


安装完成,打开软件,填入你们的SecretId和SecretKey
fdb4665917c2dc638068824999153fc6.png
我们看到的是这样一个界面,默认新建的都是没文件的,但我就不重新截图了。

然后掏出handsome作者给你们发的主题包!
解压到你们的桌面,注意,主要assets这个文件夹,其他的不要!。
然后拖进去,上传。
需要注意的是,上传完以后不知道是bug还是其他原因,如果是一个目录则会生成两个文件。
我们把文件夹的那个保留下来,然后把蓝色那个图标的删掉,避免冲突。

接下来就是我们获取地址的时间了,首先我们回到腾讯云的控制台。
QQ截图20180723231548.png
找到我们bucket的昵称,点进去。
QQ截图20180723231625.png
点击“基础配置”,打开防盗链功能,避免别人套用你的文件让你损失。
QQ截图20180723231704.png
此处白名单填你们博客的域名就好,很方便。

这时候来设置跨域的设置,若这一步没设置好就会凉。
//在被请求的网站上,设置HTTP头,添加
"Access-Control-Allow-Origin:" //值为或指定的域名。
或者
QQ截图20180723232824.png

打开cos工具,在assets这个文件夹里面找个文件右键复制个链接
https://xxxxxx/assets/
“assets/”后面的不要,其余保留 直接黏贴到你的“将本地静态资源上传到你的cdn上”那一栏 点击应用即可

水文结束,+1未标题-2.jpg

最后修改:2018 年 08 月 04 日 09 : 44 PM
如果觉得我的文章对你有用,请随意赞赏

3 条评论

  1. 奇异菜菜

    秒啊秒啊,支持一下

  2. safecode

    最新版本的主题可能在进行上述操作时出现,字体、图标无法加载的情况(403 forbidden)。经过分析,是由于请求头中Referer字段含有cos bucket域名,从而触发了防盗链白名单,添加对应的cos bucket域名到白名单,即可解决字体、图标无法加载的情况。

    1. 一梦
      @safecode

      感谢大佬的提醒,已更新

发表评论