JAMstack
文章平均质量分 82
tobyglei
这个作者很懒,什么都没留下…
展开
-
Contentful国內替代方案
Contentful 官网截图Contentful 是什么?Contentful 是无头的内容管理系统, Headles Content Management System。 Headless CMS 提供了一种创作内容的方法,但它不是将内容耦合到特定输出(如网页呈现,如传统的在 WordPress上写文章发报到网站上) 它提供的是内容创作者可以像之前一样写文章,而开发者可以通过 API 方式获取内容,这些可以实现跨渠道交付内容。Contentful 在国内能用吗?Content...转载 2021-01-25 09:50:30 · 2319 阅读 · 1 评论 -
如何提高 Surge.sh 在国内的访问速度?
Surge.sh 官网截图Surge.sh 是什么?Surge.sh 是一个命令行(CLI)工具,提供对静态网页托管的功能。提速前后的对比图左图: 部署在 Surge.sh 的网站测速结果; 右图是提速后的测速结果。颜色代表网站的反馈时间,绿色代表快,越接近红色代表极慢甚至没法访问。可以看到 部署在 Surge.sh 的网站 在国内的访问速度很不理想 (左图),大部份地区都是访问极慢的(橙色)。提速后的结果达到了可用的水平 (右图较多的深绿色省份)测试项目的源代码我们..转载 2021-01-19 09:36:15 · 628 阅读 · 0 评论 -
如何提高 Github Pages 在国内的访问速度?
Github Pages 官网截图Github Pages 是什么?Github Pages 是 GitHub 公司提供對靜態網頁托管的一個功能,把靜態網頁提交到 Github 的username.github.io代碼倉庫 下,Github 就會幫你托管網頁, 訪問地址和代碼倉庫同名。提速前后的对比图左图: 部署在 Github Pages 的网站测速结果; 右图是提速后的测速结果。颜色代表网站的反馈时间,绿色代表快,越接近红色代表极慢甚至没法访问。可以看到 部署在 Git...转载 2021-01-18 09:57:22 · 645 阅读 · 0 评论 -
如何提高 Gatsby Cloud 在国内的访问速度?
Gatsby Cloud 官网截图Gatsby Cloud 是什么?Gatsby Cloud 是 Gatsby 公司针对 GatsbyJS 项目而提供的托管云服务,支持 Git Push 自动部署,因为深度集成了 各大 Headless CMS 像 Contentful,Cosmic,Dato CMS 和极快的速度深受前端开发者喜爱。提速前后的对比图左图: 部署在 Gatsby Cloud 的网站测速结果; 右图是提速后的测速结果。颜色代表网站的反馈时间,绿色代表快,越接近红色代表极..转载 2021-01-17 09:55:30 · 278 阅读 · 0 评论 -
如何提高 Vercel 在国内的访问速度?
Vercel 官网截图Vercel 是什么?Vercel1(之前也叫 Zeit 或 now.sh) 是一家提供 静态站点的托管的平台,支持自动从 Github, GitLab, Bitbucket等代码仓库中自动拉取代码, 然后进行项目打包,最后把生成的静态网站资源(照片, JS, CSS等)文件分发到各大CDN节点上。Vercel 在国内的访问速度?以一个 Hexo博客2作为示例,部署到Vercel的服务器(Vercel的CDN节点上), 访问速度如下:Hexo博客 部署在...转载 2021-01-05 09:24:18 · 10664 阅读 · 0 评论 -
如何把 Hugo 项目部署到服务器?
Hugo 官网截图Hugo 是什么?Hugo 基于 Go 语言开发的开源静态网站生成器,速度极快,能在几毫秒的速度打包完一个 20 页的静态博客。像1Password Support和Let’s Encrypt就是用 Hugo 制作他们的静态网站的。21云盒提供了极简单的 Hugo 部署方法,你可以在21云盒子上通过以静态网页的方式进行部署。如何部署?注册成为21云盒子会员 ForkHugo示例 用下面配置进行创建环境 静态网页 构建命令 hugo -...转载 2021-01-11 10:06:17 · 912 阅读 · 0 评论 -
如何提高 Netlify 在国内的访问速度?
Netlify 官网截图Netlify 是什么?Netlify1是一家提供 静态站点的托管的平台,支持自动从 Github, GitLab, Bitbucket等代码仓库中自动拉取代码, 然后进行项目打包,最后把生成的静态网站资源(照片, JS, CSS等)文件分发到各大CDN节点上。Netlify 在国内的访问速度?以一个 Hexo博客2作为示例,部署到Netlify的服务器(Netlify的CDN节点上), 访问速度如下:Hexo博客 部署在 Netlify 后的访问速度...转载 2021-01-07 16:53:57 · 1169 阅读 · 0 评论 -
如何把 Express 项目部署到服务器?
Node Express 官网截图Express 是什么?Express是基于Node.js开发的Web开发框架,它的速度很快,很简单就可以搭建一个网站的后端。21云盒提供了极简单的 Express 部署方法,你可以在21云盒子上通过以Node环境的方式进行部署。如何部署?注册成为21云盒子会员 Forkexpress 示例 在21云盒子上创建一个云服务, 并允许21云盒子访问你的代码库(repo) 用下面配置进行创建环境 Node 构建命令 yarn ...转载 2020-12-30 14:47:41 · 1890 阅读 · 0 评论 -
如何把 Jekyll 项目部署到服务器?
Jekyll 官网截图Jekyll 是什么?Jekyll 是一个基于 Ruby 开发者的静态网站生成器。是最早的一批静态网页生成器之一,有丰富的第三方插件,深受 Ruby 开发者喜爱。21云盒提供了极简单的 Jekyll 部署方法,你可以在21云盒子上通过以静态网页环境的方式进行部署。如何部署?注册成为21云盒子会员 在 Gitee 上 ForkJekyll示例 在21云盒子上创建一个云服务, 并允许21云盒子访问你的代码库 用下面配置进行创建环境 静态网页 构建...转载 2020-12-31 09:51:56 · 363 阅读 · 0 评论 -
如何把 Docsify 文档部署到服务器?
Docsify 官网截图Docsify 是什么?Docsify 是基于 Javascript 的静态网页生成器,广泛用于markdown文档生成网站。21云盒提供了极简单的 Docsify 部署方法,你可以在21云盒子上通过以静态网页环境的方式进行部署。如何部署?注册成为21云盒子会员 在 Gitee 上 Forkdocsify示例 在21云盒子上创建一个云服务, 并允许21云盒子访问你的代码库 用下面配置进行创建环境 静态网页 构建命令 发布目录...转载 2020-12-31 09:50:26 · 2512 阅读 · 0 评论 -
如何把 Hexo 静态博客部署到服务器?
Hexo 是什么?Hexo 是基于 Node.js 的静态博客/靜態网站的生成器(Static Site Generator, SSG)。Hexo 官网截图21云盒提供了极简单的 Hexo 部署方法,你可以在21云盒子上通过以静态网页的方式进行部署。如何部署?注册成为21云盒子会员 ForkHexo示例 用下面配置进行创建环境 静态网页 构建命令 yarn && hexo deploy 发布目录 ./public 如果对上描文字描.转载 2020-12-31 09:48:06 · 318 阅读 · 0 评论 -
netlify国内快吗
Netlify国内快吗?Netlify vs 21云盒子Netlify 是一家提供 JamStack(静态网站)托管的平台,支持自动从Github等仓库拉取代码, 按自定义构建方式进行构建,最后把生成的静态网站进行发布; 在这基础上同时也支持自定义域名,自动申请SSL证书等功能。21云盒子 是国内最容易使用的云服务平台,提供了像Netlify, Heroku等自动部署功能。以Hexo博客作为示例,看看全国各地的访问速度: 以下分别是 Netlify 和21云盒子两个平台,在同一项目请求速..原创 2020-12-30 17:55:59 · 1153 阅读 · 0 评论 -
如何把 VuePress 项目部署到服务器?
VuePress 官网截图VuePress 是什么?VuePress 是一个基于 Vue 的静态网页生成器。可用于制作技术文档,个人博客等等。21云盒提供了极简单的 VuePress 部署方法,你可以在21云盒子上通过以静态网页环境的方式进行部署。如何部署?注册成为21云盒子会员 在Gitee ForkVuePress示例 在21云盒子上创建一个云服务, 并允许21云盒子访问你的代码库 用下面配置进行创建环境 静态网页 构建命令 yarn &&...转载 2020-12-30 17:06:33 · 1186 阅读 · 0 评论 -
如何把 Nuxt.js 项目部署到服务器?
Nuxt.js 官网截图Nuxt.js 是什么?Nuxt.js 是一个基于 Vue.js 的轻量级应用框架, 可用来创建服务端渲染 (Server Side Rendering, SSR) 应用, 也可充当靜態網頁生成器(Static Site Generator, SSG)生成静态应用,具有优雅的代码结构分层和热加载等特性21云盒提供了极简单的 Nuxt.js 部署方法,你可以在21云盒子上通过以静态网页环境,或Node环境的方式进行部署。如何部署?注册成为21云盒子会员 在 G..转载 2020-12-30 16:59:46 · 809 阅读 · 0 评论 -
如何把 React.js 项目部署到服务器?
React.js 官网截图React.js 是什么?React 起源于 Facebook 的内部项目,因为当时市场上的 JavaScript MVC 框架都满足不了 Facebook 的要求,所以内部制作了一套框架,主用在 Instagram (被Facebook收购的一款图片社交App) 的网站上。后来于 2013年5月开源,所有人都可以使用。21云盒提供了极简单的 React.js 部署方法,你可以在21云盒子上通过以静态网页环境的方式进行部署。如何部署?注册成为21云盒子会员..转载 2020-12-30 16:55:03 · 789 阅读 · 0 评论 -
如何把 Vue.js 项目部署到服务器?
Vue.js 官网截图Vue.js 是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式 JavaScript 框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。21云盒提供了极简单的 Vue.js 部署方法,你可以在21云盒子上通过以静态网页环境的方式进行部署。如何部署?注册成为21云盒子会员 在 Gitee ForkVue.js示例 在21云盒子上创建一个云服务...转载 2020-12-30 16:52:39 · 623 阅读 · 0 评论 -
如何把 Strapi 项目部署到服务器?
Strapi 是什么?Strapi 是基于 Node.js 开发的,开源,无头内容管理系统(Headless CMS)。当安装完成后,你可以在界面编写内容(文字),上传图片。最后,你可以用API的方式去调用这些内容(以JSON形式返回)。Strapi 官网截图21云盒提供了极简单的 Strapi 部署方法,你可以在21云盒子上通过以Node环境的方式进行部署。如何部署?注册成为21云盒子会员 Forkstrapi示例 在21云盒子上创建一个云服务, 并允许21云盒子访问你的代码.转载 2020-12-30 14:18:56 · 1546 阅读 · 0 评论 -
如何把 Gatsby 项目部署到服务器?
Gatsby 是什么?Gatsby 是基于 React 开发的现代化网站生成器。可以用于构建博客、电子商务网站、Web应用程序等。Gatsby官网截图21云盒提供了极简单的 Gatsby 部署方法,你可以在21云盒子上通过以静态网页的方式进行部署。如何部署?注册成为21云盒子会员 ForkGatsby示例 使用以下方式进行配置环境 静态网页 构建命令 yarn && yarn build 发布目录 ./public 如果对上描文字.转载 2020-12-30 14:16:06 · 545 阅读 · 0 评论