【Hexo】使用cloudflare pages自动化部署hexo

2024-08-24 09:20

本文主要是介绍【Hexo】使用cloudflare pages自动化部署hexo,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本文首发于 ❄️慕雪的寒舍

本文将教您使用cloudflare pages来白嫖部署hexo博客。

1.注册cloudflare

这部分就省略了,用邮箱注册就可以了

cloudflare pages的免费版本功能如下:

  • 并发构建数:1(如果有多个pages,同一时刻只能进行其中一个的构建)
  • 每月构建数:500(每个月只能帮你构建500次)
  • 自定义域名:100个
  • 一个pages最多20,000个文件
  • 最大单个文件限制:25MB
  • 每日限制函数请求数:100,000次(超出后会失败)
  • 静态文件请求次数:无限

这些限制对于一个过气(压根没人看)的个人博客来说绰绰有余了,而且cloudflare的防护能力在哪里,被盗刷访问量的几率并不大。而且静态文件的访问次数是没有做任何限制的。

image.png

2.配置cloudflare pages

参考官方文档:Deploy a Hexo site · Cloudflare Pages docs
请注意,官方文档中的部署命令有错误!

在你的账户主页,点击左侧的workers & pages,随后点击页面上的Pages

image.png

随后点击connect to git,绑定你的GitHub或者Gitlab账户。我选择绑定GitHub,这里的绑定操作就点几下的事情(我忘记截图了)

image.png

绑定了账户后可以在这里看到你的仓库。我的hexo在github上有两个仓库,一个是hexo源配置的仓库,包括md源文件和主题等配置项,另外一个是github.io静态文件的仓库,是从本地使用hexo d命令推送到github上的。这里要选择的应该是hexo原配置仓库,这样你的md文件有变动就会触发更新,而不需要手动执行hexo d

image.png

选择了之后,会弹出来让你选择分支、部署命令、发布页面

  • 分支:根据你自己的情况选择
  • Framework perset:这里面没有hexo,保留为None即可
  • 部署命令:npm run build
  • 发布页面:public

配置如下图所示

image.png

请注意,在cf的官方文档里面,提到部署命令使用hexo generate,这是错误的!因为该命令会报错找不到hexo,无法正常部署!如下便是我依照官方文档使用了hexo generate命令之后的错误输出,报错了hexo: not found

11:50:19.363	Some issues need review, and may require choosing
11:50:19.363	a different dependency.
11:50:19.363	
11:50:19.363	Run `npm audit` for details.
11:50:19.383	Executing user command: hexo generate
11:50:19.391	/bin/sh: 1: hexo: not found
11:50:19.393	Failed: Error while executing user command. Exited with error code: 127
11:50:19.400	Failed: build command exited with code: 1
11:50:20.318	Failed: error occurred while running build command

使用npm run build就能正常部署,稍等几分钟你就能获得一个链接,博客就部署成功了。

image.png

点击Custom domains来配置你的自定义域名,因为我的主域名并没有在cloudflare上使用,所以这里得选择右侧的my dns provider来配置CNAME解析。

image.png

去你的域名控制台添加对应CNAME即可,添加CNAME解析后,点击下方的check DNS records验证是否配置成功。

image.png

成功了之后你就可以用自定义域名来访问这个cloudflare pages了,而且ssl证书也会自动部署,不需要我们做任何额外操作。

The end

cf的这个配置还是挺简单的,不过有个缺点就是国内cf的访问速度很捉急,甚至有可能打不开。不过hexo静态博客的优势在于我们可以弄一大堆镜像站,这样主站挂了也不担心😜。

如果你是本站的访问者,本站的站点分布如下,只需要在域名的blog后面加个数字即可,还是很好记住的。如果哪天你发现主站打不开了,可以试试其他镜像站,总有一个能打开的。

blog.msunow.top   主站(又拍云CDN)
blog1.musnow.top  netlify部署(主站回源站)
blog2.musnow.top  vercel部署
blog3.musnow.top  cloudflare pages部署
musnows.github.io

这篇关于【Hexo】使用cloudflare pages自动化部署hexo的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1102082

相关文章

Java使用Javassist动态生成HelloWorld类

《Java使用Javassist动态生成HelloWorld类》Javassist是一个非常强大的字节码操作和定义库,它允许开发者在运行时创建新的类或者修改现有的类,本文将简单介绍如何使用Javass... 目录1. Javassist简介2. 环境准备3. 动态生成HelloWorld类3.1 创建CtC

使用Python批量将.ncm格式的音频文件转换为.mp3格式的实战详解

《使用Python批量将.ncm格式的音频文件转换为.mp3格式的实战详解》本文详细介绍了如何使用Python通过ncmdump工具批量将.ncm音频转换为.mp3的步骤,包括安装、配置ffmpeg环... 目录1. 前言2. 安装 ncmdump3. 实现 .ncm 转 .mp34. 执行过程5. 执行结

Java使用jar命令配置服务器端口的完整指南

《Java使用jar命令配置服务器端口的完整指南》本文将详细介绍如何使用java-jar命令启动应用,并重点讲解如何配置服务器端口,同时提供一个实用的Web工具来简化这一过程,希望对大家有所帮助... 目录1. Java Jar文件简介1.1 什么是Jar文件1.2 创建可执行Jar文件2. 使用java

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

Java中的抽象类与abstract 关键字使用详解

《Java中的抽象类与abstract关键字使用详解》:本文主要介绍Java中的抽象类与abstract关键字使用详解,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、抽象类的概念二、使用 abstract2.1 修饰类 => 抽象类2.2 修饰方法 => 抽象方法,没有

MyBatis ParameterHandler的具体使用

《MyBatisParameterHandler的具体使用》本文主要介绍了MyBatisParameterHandler的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参... 目录一、概述二、源码1 关键属性2.setParameters3.TypeHandler1.TypeHa

Spring 中的切面与事务结合使用完整示例

《Spring中的切面与事务结合使用完整示例》本文给大家介绍Spring中的切面与事务结合使用完整示例,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考... 目录 一、前置知识:Spring AOP 与 事务的关系 事务本质上就是一个“切面”二、核心组件三、完

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同

使用Python实现Word文档的自动化对比方案

《使用Python实现Word文档的自动化对比方案》我们经常需要比较两个Word文档的版本差异,无论是合同修订、论文修改还是代码文档更新,人工比对不仅效率低下,还容易遗漏关键改动,下面通过一个实际案例... 目录引言一、使用python-docx库解析文档结构二、使用difflib进行差异比对三、高级对比方

sky-take-out项目中Redis的使用示例详解

《sky-take-out项目中Redis的使用示例详解》SpringCache是Spring的缓存抽象层,通过注解简化缓存管理,支持Redis等提供者,适用于方法结果缓存、更新和删除操作,但无法实现... 目录Spring Cache主要特性核心注解1.@Cacheable2.@CachePut3.@Ca