如何在云开发静态托管中使用Jekyll

如何在云开发静态托管中使用Jekyll

介绍

Jekyll 是一个简单的博客形态的静态站点生产机器,通过它,我们可以搭建一个完整的可发布的静态博客网站。 Jekyll 也可以运行在 GitHub Page 上,但是有时,我么需要忍受Github Page龟速的问题,所以,这篇文章将讲讲如何在腾讯云云开发的静态网站托管中,部署我们的Jekyll博客站点。

安装Jekyll

Jekyll官方推荐在Mac OS的环境下使用,因此,以下的介绍,是基于Mac OS

首先,需要确保你的机器上有如下环境:

  • Ruby(including development headers, Jekyll 2 需要 v1.9.3 及以上版本,Jekyll 3 需要 v2 及以上版本)
  • RubyGems
  • Linux, Un ix, or Mac OS X
  • NodeJS, 或其他 JavaScript 运行环境(Jekyll 2 或更早版本需要 CoffeeScript 支持)。
  • Python 2.7(Jekyll 2 或更早版本)

注意:在 windows 下使用 Jekyll,你可以使用 Running Jekyll on Windows

Mac os安装Jekyll

gem install jekyll

使用Jekyll创建一个项目:

jekyll new Jekyll-demo && cd Jeklly-demo

然后再项目中执行:

bundle exec jekyll serve

就可以在http://127.0.0.1:4000/看到效果了。

静态托管部署

我们进入腾讯云的云开发(cloudbase)控制台,选择开通一个云环境:

这里要注意选择是按量计费的模式(只有按量计费才能开通静态网站托管)。创建完成后,点击进入我们刚刚创建的云环境,进入云环境管理界面:

在云环境管理界面,在右侧的网站托管中,我们可以将刚刚项目中生成好的静态页面给上传上去。当然,手动上传显的不太友好,我们也可以借助 cloudbase cli 以命令行的方式执行上传。

首先,安装cloudbase cli:

npm install -g @cloudbase/cli

执行登录命令:

tcb login

在弹出的页面确认授权:

授权成功后,在项目中运行:

jekyll build

接着,在项目中将编译好的_site目录中的文件给部署上去:

cloudbase hosting:deploy ./_site  -e EndId

这里的 EnvID 替换为刚创建好的环境ID。

腾讯云云开发的静态网站托管有默认域名可供访问:

通过默认域名,我们就能访问啦!

原文地址:https://www.cnblogs.com/CloudBase/p/12704653.html

时间: 2024-10-01 11:47:35

如何在云开发静态托管中使用Jekyll的相关文章

新能力| 云开发静态网站托管能力正式上线

随着云开发用户的数量不断增多,开发者们对于云开发的使用程度越来越深,不少开发者提出了疑问,云开发除了支持小程序以外,还能支持其他平台么? 答案是肯定的! 云开发刚刚正式发布了静态网站托管能力,帮助开发者们解决 Web 网站托管遇见的种种问题. 为什么要使用静态网站托管能力? 云开发静态网站托管能力为开发者提供便捷.稳定.高拓展性的静态网站托管能力,帮助企业和个人一键部署网站应用,轻松为自己的业务加上稳定.高并发.快速访问等 Buff. 相比于传统的网站托管服务,云开发静态网站托管服务无需开发者自

小程序云开发向数据库中新增数据

小程序云开发向数据库中新增数据,基本操作在新建完一个云项目后都有了,右键上传部署login云函数后,就可以在模拟器中简单地操作数据库了 这是databaseGuide.js生成时就给出的代码,增删改查都需要先将相关部分的代码去掉注释. // pages/databaseGuide/databaseGuide.js const app = getApp() Page({ data: { step: 1, counterId: '', openid: '', count: null, queryRe

小程序 · 云开发

9 月 11 日,微信开发者工具新增小程序「云开发」功能. 大多数开发者在开发应用时和部署服务时,无论是选择公有云还是自建数据中心,都需要提前考虑服务器.存储和数据库等需求,并且会花费时间精力在部署应用.依赖上.而通过「小程序·云开发」,开发者可以开发微信小程序.小游戏,无需搭建服务器,即可使用云端能力,实现小程序的快速上线和迭代. 「小程序·云开发」将以服务的方式为开发者提供如云函数.数据库.存储管理等所需功能,大大降低了小程序的开发门槛,仅需通过「小程序·云开发」提供的接口,就能实现因缺乏后

将人工智能应用云开发中,“码农1号”要掀起IT界的一股浪潮

随着人工智能的高速发展,随处可见识AI技术在生活中的实践.手机中的siri,家庭中的智能音箱,在医疗诊断上进行智能病例处理,以计算机视觉为核心的城市智能安防系统,以及最近热议的无人驾驶. 最近有一款人工智能的新应用,在上线以后,就成为IT行业的关注焦点."码农1号",将AI技术应用到云开发中,在开发过程中,根据需求,机器可自动生成核心代码,只需前端工程师和设计师搭建好前端页面即可,无需再应用后端服务,就能轻松拥有开发中需要的各种后端能力. "码农1号"通过对软件应用

将人工智能应用云开发中会怎样

随着人工智能的高速发展,随处可见识AI技术在生活中的实践.手机中的siri,家庭中的智能音箱,在医疗诊断上进行智能病例处理,以计算机视觉为核心的城市智能安防系统,以及最近热议的无人驾驶. 最近有一款人工智能的新应用,在上线以后,就成为IT行业的关注焦点."码农1号",将AI技术应用到云开发中,在开发过程中,根据需求,机器可自动生成核心代码,只需前端工程师和设计师搭建好前端页面即可,无需再应用后端服务,就能轻松拥有开发中需要的各种后端能力. "码农1号"通过对软件应用

小程序云开发调用HTTP请求中got第三方库使用失败解决方法

小程序云开发调用HTTP请求中got第三方库使用失败解决方法 错误代码 {"errorCode":1,"errorMessage":"user code exception caught","stackTrace":"The \"original\" argument must be of type function"} 替换方案 // 云函数入口文件 const cloud = req

云开发中got和request-promise

今天学习云开发如何发请求和进行数据安全监测 问题:用got请求token可以,但进行安全监测时却报错 在网上找了许多篇文章,也在群里跟别人交流过,综合了一下,找到了解决办法------用request-promise代替got 我这是获取taken时用got,进行安全检测则使用request-promise,没错同时用了两包来完成这个功能(毕竟是学习过程中,这可和微信不支持模板消息不一样,因为已经获取不了formId,实在是学不了了??) request-promise使用参考 微信内容安全检测

快速入门云开发

什么是云开发 这里引用官方的一段描述: 云开发(Tencent CloudBase,TCB)是云端一体化的后端云服务 ,采用 serverless 架构,免去了移动应用构建中繁琐的服务器搭建和运维.同时云开发提供的静态托管.命令行工具(CLI).Flutter SDK 等能力极大的降低了应用开发的门槛.使用云开发可以快速构建完整的小程序/小游戏.H5.Web.移动 App 等应用. 不管怎样,云开发一定未来的一个趋势,其云开发现在就已经很流行了,都2020年了,如果你连云开发是什么都还不知道,那

Windows Azure Cloud Service (41) 修改云服务IIS托管管道模式为4.0经典模式

<Windows Azure Platform 系列文章目录> 这是笔者在之前的项目中遇到的问题,做一下总结,给网友做参考. 在一般情况下,Visual Studio开发的Cloud Service在部署到Azure PaaS平台后,是IIS托管管道模式.有的时候,客户的Web应用程序需要4.0经典模式.就需要在启动Web Role时自定义IIS配置.我这里简单介绍一下. 1.在项目中添加引用:C:\Windows\System32\inetsrv\Microsoft.Web.Administ