免费创建个人网站的一种新方式cnb+edgeone

即使已经拥有了自己的服务器(感谢腾讯云的无忧计划,让我拥有便宜的服务器了),还是会被免费所吸引~

edgeone提供静态网站托管

功能界面

edgeone_page.png

最开始看中的是网站加速,现在edgeone国际站完成分享任务就可以得到两个免费套餐了。我这里是国内站的,只有一个免费套餐,另一个是9.9买的一个月,据说到期后变免费版,不知道是不是真的。

Pages

edgeone_page2.png

EdgeOne Pages 是基于 Tencent EdgeOne 基础设施打造的前端开发和部署平台,专为现代 Web 开发设计,帮助开发者快速构建、部署静态站点和无服务器应用。通过集成边缘函数能力,实现高效的内容交付和动态功能扩展,支持全球用户的快速访问。

简单说就是类似 github pages 的静态页面托管,但又有点不一样的地方是它提供了pages functions 和 kv存储,可以实现一些轻量的业务,比如浏览量统计。

本次主要是通过cnb实现文章编写+推送到edgeone,下面看看cnb。

会写代码,就会 CNB

cnb.cool的1.0版本是coding.net,现在迎来了第二代,越用越惊艳。

博客编写环境配置

如果动手能力强,可以自行打造喜欢的站点,使用Next.js、Hexo、Docusaurus等等,甚至是自己写。cnb提供的云开发环境,个人使用完全足够,新建一个仓库、然后进入云开发,根据自己选择的框架一步一步搭建就可以了。

cnb_gitinit.png

我最喜欢的就是它的云开发环境一次配好之后,下次直接用就行了,就像用本地电脑一样。

如果不会也不用担心,找个已经配置好的仓库fork一下,改改配置信息就能用了。比如我这次使用的hexo搭建博客环境devsss/devsss · Cloud Native Build,环境信息已经配置好了,其他人要使用的话,直接fork仓库使用云开发写作就行。需要修改的配置信息是hexo的站点名称以及主题相关的内容,运行环境无需调整。

cnb_code.png

接下来需要做的就是尽情写作~

cnb触发构建后推送edgeone

.cnb.yml 中配置推送代码逻辑即可实现,构建+推送:

$:
  vscode:
    - docker:
        # 自定义镜像作为开发环境
        image: docker.cnb.cool/examples/workspace-images/workspace-node:22
      services:
        - vscode
        - docker
      stages:
        - name: 安装依赖
          script: pnpm i
        - name: 启动
          script: pnpm hexo server
  push:
    eo_deploy:
      runner:
        cpus: 4
      docker:
        image: docker.cnb.cool/examples/workspace-images/workspace-node:22
      stages:
        - name: build
          script:
            - pnpm i
            - pnpm hexo generate
        - name: 部署我的 eo pages 正式环境
          imports:
            - https://cnb.cool/devsss/env/-/blob/main/tencent.yml
          image: tencentcom/deploy-eopages:latest
          script: edgeone pages deploy ./public -n cnb-www-devsss -t $EO_SECRET

想要了解更多可以查看官方示例仓库:examples/showcase · Cloud Native Build

文章作者: 三思
本文链接:
版权声明: 本站所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 三思