船新版本请看这里:https://blog.yunyuyuan.net/articles/6562 想法 某次逛v2ex看到cloudflare page这个东西,cloudflare我还是知道的,毕竟用梯子经常被查DNS 。摸鱼无聊便进去瞅了瞅,和vercel差不多。但是cloudflare的速度还是很好的,于是我就抱着试试的想法开始重写了。 vue有Nutxjs这个框架,专为静态打包设计,可以把一些静态的代码打包成固定的html,对我来说唯一的好处就是SEO,搜索引擎搜不到的网站没有灵魂! 操作 进度比想象中快,差不多一个星期就把整个项目迁移到nuxt了,踩的坑其实不多,就是nuxt自带的dev server实在太慢了。 代码部分无法细说,这里介绍如何做一个和本站一样的博客 fork 项目 克隆项目代码:git clone 下载依赖:yarn install 运行测试:npm run dev,正常情况应该在localhost:3000就可以看到网页了。如果你遇到问题了无法解决可以联系我 进入cloudflare,创建一个page,链接fork的github仓库,选择部署方式为Nuxt.js。 选择Nuxt.js 回到代码部分,git push 再回到cloudflare控制台,应该就能看到正在部署了。 后话 这个方案已经算是很不错的,基本只有一个缺点:cloudflare page免费版限制一个月最多只能部署500次。正常情况已经够用了,你也不会天天写博客吧,一月一篇都算勤快的 用电信访问cloudflare速度很慢,所以我给DNS开了一个电信专线,指到vercel的部署,vercel速度比较快,但是一个月流量限制100G。
使用Nuxtjs+cloudflare page部署高可用的半静态博客
想法
某次逛v2ex看到
cloudflare page
这个东西,cloudflare我还是知道的,毕竟用梯子经常被查DNS 。摸鱼无聊便进去瞅了瞅,和vercel差不多。但是cloudflare的速度还是很好的,于是我就抱着试试的想法开始重写了。 vue有Nutxjs这个框架,专为静态打包设计,可以把一些静态的代码打包成固定的html,对我来说唯一的好处就是SEO,搜索引擎搜不到的网站没有灵魂!操作
进度比想象中快,差不多一个星期就把整个项目迁移到nuxt了,踩的坑其实不多,就是nuxt自带的dev server实在太慢了。 代码部分无法细说,这里介绍如何做一个和本站一样的博客
git clone
yarn install
npm run dev
,正常情况应该在localhost:3000
就可以看到网页了。如果你遇到问题了无法解决可以联系我Nuxt.js
。 选择Nuxt.jsgit push
后话
这个方案已经算是很不错的,基本只有一个缺点:cloudflare page免费版限制一个月最多只能部署500次。正常情况已经够用了,你也不会天天写博客吧,一月一篇都算勤快的 用电信访问cloudflare速度很慢,所以我给DNS开了一个电信专线,指到vercel的部署,vercel速度比较快,但是一个月流量限制100G。