免费创建个人网站的一种新方式cnb+edgeone
即使已经拥有了自己的服务器(感谢腾讯云的无忧计划,让我拥有便宜的服务器了),还是会被免费所吸引~
edgeone提供静态网站托管
功能界面
最开始看中的是网站加速,现在edgeone国际站完成分享任务就可以得到两个免费套餐了。我这里是国内站的,只有一个免费套餐,另一个是9.9买的一个月,据说到期后变免费版,不知道是不是真的。
Pages
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提供的云开发环境,个人使用完全足够,新建一个仓库、然后进入云开发,根据自己选择的框架一步一步搭建就可以了。
我最喜欢的就是它的云开发环境一次配好之后,下次直接用就行了,就像用本地电脑一样。
如果不会也不用担心,找个已经配置好的仓库fork一下,改改配置信息就能用了。比如我这次使用的hexo搭建博客环境devsss/devsss · Cloud Native Build,环境信息已经配置好了,其他人要使用的话,直接fork仓库使用云开发写作就行。需要修改的配置信息是hexo的站点名称以及主题相关的内容,运行环境无需调整。
接下来需要做的就是尽情写作~
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