hexo环境变量_丝滑的博客:基于COSCDNCIHexoDNS

hexo环境变量_丝滑的博客:基于COSCDNCIHexoDNS

2023年7月17日发(作者:)

hexo环境变量_丝滑的博客:基于COSCDNCIHexoDNS作者介绍⽻瀚尘:研究⽣在读,喜欢互联⽹技术,善于使⽤公有云服务满⾜现实需求。

⽬前搭建博客有哪些选择呢?1. 动态博客:2. 静态博客:Hexo、Jekyll、对于⼀般的内容⽽⾔,使⽤动态博客较为复杂,需要数据库、运⾏环境的配合。动态博客的代码也较为复杂,修改代码进⾏个性化难度较⾼。静态博客就⽅便多了,如 github 原⽣⽀持的 Jekyll 博客。但是 Jekyll 的主题格式不够多样化,使⽤ Hexo 的 Next 主题就不错。但随之⽽来的就是 Hexo 的效率问题,⼀旦博⽂数量突破了200-300,需要⼏分钟的时间来⽣成完整的⽹站⽂件。博⽂多了之后,访问量也会随之增多,如何保证访问的速度也是问题。不管是 github 托管还是 托管,都是普通的静态⽂件服务,没有⽹络加速功能。还有全球访问的问题,其他地区访问国内⽹站会很慢。综上,本⽂给出⼀整套博客的解决⽅案,同时解决如下问题:1. Hexo 快速⽣成⽂件2. 国内访问加速3. 国际访问加速4. 图⽚增加⽔印

注意,本⽂假定读者已经有搭建 Hexo 博客的能⼒,将着重解决上述四个问题。 基础知识主要技术名词解释COS:腾讯云提供的对象服务,可以存放⽂件CDN:静态资源加速CI:持续集成,⽤于项⽬开发的⼀种⼯作流。⼀旦修改了代码,就由服务器⾃动编译、测试Hexo:⼀个静态博客程序,可以根据⽂件⽣成博客内容Next:Hexo 中的⼀个主题,也被修改为很多其他博客软件的主题VsCode:⼀款漂亮的编辑器 开始搭建 01 使⽤ COS 托管⽹站⽹站⼀定要放到公⽹环境下才可以让别⼈访问到,这⾥将博客托管到 COS。先新建⼀个存储桶新建存储桶在基础配置中开启静态⽹站功能然后将所有⽂件上传上传⽂件设置 CDN 加速与⾃⼰的域名在域名管理处设置⾃⼰的加速域名复制⾃动⽣成的 CNAME, ⽤于在 DNS ⾯板输⼊。02 ⽤云函数实现 CDN 刷新CDN ⽂件如果不刷新,在访问新⽂件时会⽐较慢。这⾥⽤云函数监测 COS ⽂件变动,⼀旦有变动就刷新该⽂件的 CDN。⾸先需要新建⼀个云函数,然后使⽤下⾯的云函数代码。更详细的教程可以参考《使⽤ SCF ⾃动刷新被 CDN 缓存的 COS 资源》。1.

2. 解压所有⽂件,找到其中的 ⽂件并打开。3. 在代码⾥修改替换成您的具备调⽤ CDN 刷新接⼝权限的 SecretId、SecretKey 和需要刷新的域名。如下图所⽰:CDN 刷新代码如需调⽤刷新绑定在腾讯云海外 CDN 上的域名,请将代码中的 RefreshCdnUrl 修改为 RefreshCdnOverSeaUrl。选择 COS 触发中的创建与删除事件。COS 触发03 ⽤ CI 实现云端编译⽤ Hexo 最⼤的问题在于繁琐与等待。每发表⼀篇博⽂,都需要⽣成⽹站⽂件,等上若⼲分钟。然后再上传到 COS,这就意味着打开浏览器登录腾讯云或者运⾏命令⾏上传。即使⼀切都⾃动化了,本地依旧需要保留 Hexo 的运⾏环境,并且换了电脑之后⼀切需要重来。使⽤ 提供的 CI 可以解决这个问题。我们新建⼀个⼯程,并托管到 ,开启 CI。添加构建并填⼊如下的 pipelinepipeline { agent any stages { stage('检出') { steps { checkout([$class: 'GitSCM', branches: [[name: _BUILD_REF]], userRemoteConfigs: [[u这个 pipeline 的意思是⼀旦有新的 commit,就开始⽤ hexo 编译整个⽹站,并将⽣成的静态⽂件上传到 COS。注意这⾥使⽤了我⾃⼰的docker image,开放在 。另外如果要上传到 cos,还需要在环境变量中设置 cos 相关的密钥。04 ⽤ COS 实现图床+⽔印图床的实现与⽹站相同,都是静态⽂件托管,在此不再赘述。⽔印由 COS 的图⽚处理功能实现,⾸先新增样式。新增样式

选择缩放⽂字⽔印

分隔符可以⾃由选择添加⽔印之后的样⼦ 05 ⽤ VsCode 本地编辑博⽂VsCode 是⼀个漂亮的编辑器,安装 Markdown 插件与 PicGo 插件后可以⽐较⽅便的上传图⽚。Vscode PicGo 插件在 Vscode 中选择⽂件->⾸选项->设置,然后搜索 PicGo,选择腾讯云PicGo 设置然后可以按住 Ctrl+Alt+U 上传粘贴板中的图⽚。06 ⽤ DNS 实现国内国际分流打开 DNS 解析页⾯,为国内与国际的 IP 设置不同的⽬标地址。国内的话就指向上⽂搭建的 CDN,国际的话就指向国际 CDN(需要在云服务商的国际版再搭建⼀个 CDN,⽹站内容相同)。原创声明,本⽂系作者授权发表,未经许可,不得转载。如有侵权,请联系⼩编删除,谢谢。

发布者:admin,转转请注明出处:http://www.yc00.com/web/1689570048a267019.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信