
前言
我的博客换框架了,之前我一直在用wordpress的动态博客框架,在考虑和测试了hugo以及hexo和astro,我选择了astro。
为什么要用静态博客,首先第一点静态博客加载资源速度要比动态类博客多得多。再其次静态类博客要比动态类博客在面对网络攻击时,防御能力会得到大幅度的提升。还有一个就是静态类博客可以部署在第三方的项目上面比如博客标题提到的edgeone Page以及GitHub page,在部署在第三方的托管平台时首先你不用面对高昂的服务器费,用其次现在有非常多的静态托管软件提供快速的国内IP以及流量防御功能。比如edgeone Page在你部署好页面之后它提供中国大陆内的IP可以让国内外的所有用户都能够快速便捷地访问你的博客页面。
倘若你使用动态类博客比如WordPress这一个博客框架,诚然,它在扩展性方面具有非常大的优势,同时你可以相对来讲更加便捷的编写博客。安装任意的插件,毕竟提供一个可视化的web端编辑界面但是他有一个非常严重的缺点由于WordPress依赖于PHP数据库,因此它无论是在编写以及访问博客页面的时候都对你的服务器性能具有一个非常高的要求,在网页加载方面也会有非常强的一个影响,像我之前搭建的WordPress博客时即使我的服务器带宽有一百兆左右带宽但是它加载网页的速度依旧远远不如静态类博客如Hugo,Hexo,以及astro。
至于我为什么选择这个博客框架,首先第一点原因它的主题编辑方面具有非常好的易用性支持开箱即用,同时它的社区确然不如之前提到的两个静态博客框架,但是依旧也不低。
总体思路
先来讲一讲我的总体思路我首先是用CNB平台搭建一个虚拟环境,虚拟环境在这
cnb环境连接
然后大家都可以在这个虚拟环境中编写markdown文档,同时给予同步更新这样的话就不必把所有的框架以及依赖安装在你的电脑上面,可以直接托管在云服务平台上,并且这个平台是免费的不要钱(这是我选择它的一个主要原因)然后通过命令把你所在的这个文件夹推送到Edgeone Page在一个静态资源的托管平台让他给你的网页提供加速以及代理。
同时我在之前的虚拟环境中提供了诸多方便的脚本炉一键更新以及一键上传到静态资源托管平台可以方便大家上传以及更新同步你的资源文件,同时在你下次如果想继续更新时也可以继续之前的虚拟环境。
CNB账号这一块
注册可以用微信这个就不多做赘述然后创建一个组织以及在组织里面创建一个仓库名称可以随意取,这里不使用fork的原因是因为如果使用fork的话,你无法把你仓库的可见性改为私有,这样会对你的文件信息造成一些泄漏,所以这边我就选择重新新建一个仓库然后git clone我的目录即可。
这里要做的事情非常的多首先你要在我的仓库目录下复制我的.cnb.yml
文件和.ide
文件夹中的Dockerfile
用来创建虚拟环境。你可以在创建好仓库后选择新建文件然后把我上述提到的两个文件给复制到你的仓库中。
然后输入命令选择克隆我的仓库链接。
git clone https://cnb.cool/vmss/astro_demo.git
视情况你可以把克隆的文件复制到你的工作目录也就是你的workspace目录。在文件夹当中就具有我所创建的博客框架你可以进去然后按照相应的教程进行创建博客,以及调试,还有将它构建。创建好博客目录时你可以选择脚本来进行测试./dev.sh
,由于博客调试的特殊限制本地连接所以我建议是使用vscode或者是cursor进行部署不要用CNB自带的webide这样会导致你无法访问调试的链接。使你可以使用脚本./upload.sh
来进行构建把它构建成静态文件并且上传到edgeone平台(注意要编写upload.sh脚本)。(edgeone马上讲)
EdgeOne这一块
首先我们必须要先注册一个EdgeOne平台的账号。你可以在国内使用腾讯云进行登录但是EdgeOne的国内版本只能购买个人版,不能使用免费版。国际版可以免费领取两个免费版的资额。
免费领取连接
国内版需要兑换码来进行兑换,所以我推荐使用国际版进行注册。
然后再按照教程进行领取之后,你需要准备一个域名(具体不多做赘述)然后将你的域名按照教程给绑定到EdgeOne平台之中这样你就完成了域名和EdgeOne的绑定。其次你需要申请一个EdgeOne page的API token这样可以方便你进行一键上传你的静态文件到EdgeOne page平台之中不需要手动的上传。
编写博客后上传这一块
在编写完博客之后可以运行脚本./gitpush.sh
进行更新到仓库页面.这样下次开启云原生环境的时候就可以保存继续之前的编辑内容,注意必须要保存,不然下次打开的时候就要重新开始了,编辑upload.sh
脚本,把你的API token填写上去。编写部分内容如下
edgeone pages deploy 你的构建目录一般为默认为/workspace/fuwari/dist -n 取的名称 -t 你的密钥
然后运行脚本./upload.sh
进行上传到EdgeOne page平台这样等他上传完成之后刷新网站就可以看到你创建的页面了。
后言
本次轿车教会了大家利用云原生开发平台进行便捷的部署博客构建环境,同时利用第三方免费的静态资源托管平台进行网页部署。旨在方便大家的代码编写以及加强大家资源的安全性。