Hexo + Serverless免费部署属于自己的个人博客
本文最后更新于 186 天前,其中的信息可能已经有所发展或是发生改变。

引言

之前许多其他的博客都讲到了将Hexo博客部署到github pages,vercel等网站进行托管,这些托管网站大都在境外,访问速度堪忧。本文将详细指导你如何利用腾讯云的Serverless服务和Hexo框架,在国内轻松部署自己的博客。

一、准备阶段

  1. 安装Node.js环境

    官网下载地址:http://nodejs.cn/download/,根据自己电脑选择32位还是64位选择进行安装。版本需要 > 12,因为Serverless Cloud Framework只支持12以后的版本。

  2. 安装Hexo

    进入安装hexo的文件夹,按住shift+右键,进入powershell命令行,执行以下命令使用nodejs安装hexo。

    $ npm install hexo-cli -g
  3. 安装最新版本的 Serverless Cloud Framework

    在命令行中运行如下命令:

    $ npm i -g serverless-cloud-framework

    如果之前您已经安装过 Serverless Cloud Framework,可以通过以下命令升级到最新版。

    $ npm update -g serverless-cloud-framework

    安装完毕后,通过运行scf -v命令,查看 Serverless Cloud Framework 的版本信息:

    $ scf -v
  4. 开通腾讯云COS和CDN

二、Hexo博客初始化与配置

  1. 创建一个新的Hexo博客

    执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

    $ hexo init hexo   # 生成 Hexo 目录
    $ cd hexo  # 进入Hexo目录
    $ npm install  #安装相关依赖

    新建完成后,指定文件夹的目录如下:

    .
    ├── _config.yml
    ├── package.json
    ├── scaffolds
    ├── source
    |   ├── _drafts
    |   └── _posts
    └── themes
  2. 安装完成后,可以通过hexo g命令生成静态页面:

    $ hexo g   # generate

    如果希望在本地查看效果,也可以运行下列命令,通过浏览器访问 localhost:4000 查看页面效果。

    $ hexo s   # server

​ 如果可以看到博客页面就说明已配置成功,接下来可以将博客文件部署到腾讯云Serverless了。

三、部署到腾讯云

  1. 准备工作

  2. 配置部署文件

    hexo目录下,创建serverless.yml文件。

    # serverless.yml
    
    component: website
    name: myWebsite
    app: websiteApp
    stage: dev
    
    inputs:
      src:
        src: ./public
        index: index.html
        error: index.html
      region: ap-shanghai  #cos存储桶的地域
      bucketName: my-hexo-bucket  #新建存储桶的名字
      protocol: https
      # 新增的 CDN 自定义域名配置
      hosts:
        - host: www.example.com # 希望配置的自定义域名
          https:
            switch: on
            http2: off
            certInfo:
              certId: 'axE1bo3'
              # certificate: 'xxx'
              # privateKey: 'xxx'
    
  3. 部署服务

    再次通过以下命令进行部署,并可以添加 --debug 参数查看部署过程中的信息。

    $ scf deploy

    如您的账号未等率腾讯云,您可以直接通过微信扫描命令行中的二维码进行授权登录和注册。

    image-20240622225322206

    部署完成后,在命令行的输出中可以查看到一个以 .cdn.dnsv1.com 为后缀的 CNAME 域名。在 DNS 服务商(推荐腾讯云)处设置好对应的 CNAME 并生效后,即可访问自定义 HTTPS 域名。

    image-20240622225530167

    访问自定义的cdn域名,即可查看您的 Serverless Hexo 站点。

    image-20240622225853973

  4. 删除项目

    在 serverless.yml 文件所在的目录下,通过以下命令移除部署的静态网站 Website 服务。移除该应用时,只删除云函数相关的配置、代码。关联的其他云资源(如 COS、CLS 等),平台均不会关联删除,需要自行前往对应产品控制台删除,避免不必要的计费。

总结

通过腾讯云的Serverless服务和Hexo的强大功能,你可以快速部署并维护一个高性能、低成本的个人博客。希望本指南能帮助你顺利完成部署,享受写作和分享的乐趣。

参考

  1. Serverless 应用中心 安装 Serverless Cloud Framework-快速入门-文档中心-腾讯云 (tencent.com)
  2. Serverless 应用中心 自定义域名及 HTTPS 访问配置-进阶指南-文档中心-腾讯云 (tencent.com)
  3. Serverless 应用中心 部署 Hexo 博客-实践教程-文档中心-腾讯云 (tencent.com)
  4. Hexo
  5. Butterfly 安裝文檔(一) 快速開始 | Butterfly
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇