首页 > 其他分享 >如何在 Cloudflare Page 上建立自己的 Hexo 博客

如何在 Cloudflare Page 上建立自己的 Hexo 博客

时间:2024-09-18 12:22:09浏览次数:9  
标签:存储 GitHub Hexo 仓库 Desktop 点击 文件夹 Cloudflare Page

本文首发于我的博客,部分图片和步骤来自在 GitHub Desktop 中向 GitHub 进行身份验证 - GitHub 文档

0 前置条件

0.1 安装 Node.js

打开 nodejs.org ,点击下载Node.js

0.1-1

下载完毕后双击图标

0.1-2

然后按 Next

0.1-3

点 I accept the terms in the License Agreement ,再按 Next

0.1-4

然后一路按到底

0.1-5

允许应用对设备进行更改(没有可忽略),按“是”

0.1-6

最后按 Finish

0.1-7

0.2 安装 Git或Github Desktop(二选一)

0.2.1 安装 Git

打开 git-scm.com ,点击 Click here to download 开始下载

0.2.1-1

下载完毕后双击图标,并允许应用对设备进行更改(没有可忽略)

0.2.1-2

按 Install

0.2.1-3

最后按 Finish

0.2.1-4

0.2.2 安装 GitHub Desktop(需要 GitHub 账号)

打开 desktop.github.com/download/ ,点击 Download for Windows 开始下载

0.2.2-1

双击开始安装

0.2.2-2

1 安装 Hexo

在本地打开指定文件夹,在地址栏中输入 cmd(或者右键,在终端中打开)

1-1

在cmd/终端中输入

npm install hexo-cli -g

再输入(注意,“Blog”即为你的博客文件夹目录,会自动生成一个)

hexo init Blog

打开文件夹“Blog”,打开并在cmd/终端中输入

npm install

2 将文件上传至 GitHub

2.0 创建账号(如有可忽略)

点击 sign up

2.0-1

输入邮箱(没有请注册一个)

2.0-2

输入密码

2.0-3

2.1 上传文件(以 GitHub Desktop 为例)

打开 GitHub Desktop ,并登录1

2.1-1

点击“Create a New Repository on your Hard Drive”

2.1-2

点击“Choose”,选择首选选项

  • “Name(名称)”定义仓库在本地以及 GitHub 上的名称。

  • “Description(说明)”是一个可选字段,可用于提供有关仓库目的的更多信息。

  • “Local path(本地路径)”设置仓库在计算机上的位置。 默认情况下,GitHub Desktop 在 Documents 文件夹内创建 GitHub 文件夹,用于存储存储库,但也可以选择计算机上的任何位置。 您的新仓库将是所选位置内的文件夹。 例如,如果将存储库命名为 Tutorial,则会在为本地路径选择的文件夹内创建一个名为 Tutorial 的文件夹。 下次创建或克隆新仓库时,GitHub Desktop 会记住您选择的位置。

  • “使用 README 初始化此存储库”创建包含 README.md 文件的初始提交。 自述文件帮助人们了解项目的目的,因此建议选择此选项并加入有用的信息。 当有人访问您在 GitHub 上的仓库时,自述文件是他们了解您的项目时看到的第一项内容。 有关详细信息,请参阅“关于自述文件”。

  • “Git 忽略”下拉菜单可让你添加自定义文件,以忽略本地存储库中你不想存储在版本控制中的特定文件。 如有您要使用的特定语言或框架,您可以从可用的列表中选择选项。 如果刚刚开始,尽请跳过此选择。 有关详细信息,请参阅“忽略文件”。

  • “许可证”下拉菜单可让你将开源许可证添加到存储库中的 LICENSE 文件。 您无需担心要立即添加许可证。 有关可用开源许可证以及如何将它们添加到存储库的详细信息,请参阅“许可仓库”。

点击“Create repository”

发布仓库

2.1-3

3 创建 Cloudflare Page

3.0 注册Cloudflare Page(如有可忽略)

注册(右上角可以选择语言)

3.0

3.1 创建应用程序

在左侧点击 “Workers 和 Pages” ,点击“概述”,再点击 “Pages”

3.1-1

点击“连接到 Git”

授权后选择“GitHub 帐户”和“存储库”

3.1-2

选择分支、部署命令、发布页面

注:部署命令应使用 npm run build,而不是官方文档2里面提到的 hexo generate

3.1-3

等待部署

部署完毕后,可以在“自定义域”中设置自己的域名

3.1-4

[1]  在 GitHub Desktop 中向 GitHub 进行身份验证 - GitHub 文档

[2]  Hexo | Cloudflare Pages docs

标签:存储,GitHub,Hexo,仓库,Desktop,点击,文件夹,Cloudflare,Page
From: https://blog.csdn.net/YunFeng_NExT/article/details/142329835

相关文章

  • HTTP Error 500.19 - Internal Server Error The requested page cannot be accessed
    问题描述:HTTPError500.19-InternalServerErrorTherequestedpagecannotbeaccessedbecausetherelatedconfigurationdataforthepageisinvalid.DetailedErrorInformation:Module IISWebCoreNotification BeginRequestHandler Notyetdete......
  • PageHelper在SpringBoot中的使用和原理分析
    PageHelper在SpringBoot中的使用和原理分析在SpringBoot项目中使用Mybatis的PageHelper分页插件进行分页查询1、导入相关依赖<dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><scope>runtime</scope></depe......
  • 博客建站9 - hexo网站如何提升markdown文档的编辑效率和体验
    1.本网站的系统架构2.场景概述3.影响效率的问题和解决方案3.1.图片插入-根据文章来分类管理3.1.1.效率问题3.1.2.解决方案3.2.图片插入-从剪贴板中插入图片3.2.1.效率问题3.2.2.解决方案3.3.图片插入-在VSCode中预览图片3.3.1.效率问题3.3.2.解决......
  • 博客建站9 - hexo网站如何提升markdown文档的编辑效率和体验
    1.本网站的系统架构2.场景概述3.影响效率的问题和解决方案3.1.图片插入-根据文章来分类管理3.1.1.效率问题3.1.2.解决方案3.2.图片插入-从剪贴板中插入图片3.2.1.效率问题3.2.2.解决方案3.3.图片插入-在VSCode中预览图片3.3.1.效率问题3.3.2.解决......
  • Cloudflare的403 禁止错误如何解决?
     Cloudflare的403错误与常规HTTP403错误代码并无二致,都表示禁止访问。这通常意味着你没有权限访问该文档。然而,在使用Cloudflare的情况下,当你尝试网页抓取时,可能会遇到这种情况,因为它可能表明你的IP地址已被禁止。绕过Cloudflare的403Forbidden错误有多种方......
  • Java Server Page动态包含与重定向
    一、动态包含需求:我希望能够在我的页面中包含一个音频分析:在页面被请求的时候动态地包含另一个JSP页面或者静态资源(如HTML页面、图片等)的内容。假设我已经有一个名为audio.jsp的页面。当服务器处理包含<jsp:includepage="audio.jsp"/>的JSP页面时,它会将audio.jsp页面的......
  • 为Hexo添加说说功能—Artitalk
    文章目录Artitalk部署LeanCloud配置Hexo图床配置Artitalk基于LeanCloud实现的可实时发布说说/微语的jsArtitalk.js官方文档官方文档其实讲述的很详细了,在此记录一下,方便以后维护。另外欢迎来我的博客火柴人儿的小站,本博客基于雨云服务器搭建,性能高体验好,大......
  • 国产linux系统(银河麒麟,统信uos)使用 PageOffice 国产版实现Office文档在线预览
    PageOffice国产版:支持信创系统,支持银河麒麟V10和统信UOS,支持X86(intel、兆芯、海光等)、ARM(飞腾、鲲鹏、麒麟等)、龙芯(LoogArch)芯片架构。本示例关键代码的编写位置Vue+Springboot注意本文中展示的代码均为关键代码,复制粘贴到您的项目中,按照实际的情况,例如文档路径,用户名等做......
  • DrissionPage解决滑动验证
    之前爬取某数据统计平台时遇到了相当严重的反爬机制,采用普通的Selenium也无法绕过。之前尝试过undetected_chromedriver可以使用,但无法设置无头模式,使用起来还是有一定的不美观性。正好近日学习了DrissionPage这款相当高效的工具,顺手掏出这个项目重构了一下。填输入数据相当简......
  • pagehelper
    1.分页插件依赖<dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper-spring-boot-starter</artifactId><version>1.4.7</version></dependency&g......