IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> Cloudflare Pages 搭建hexo -> 正文阅读

[开发工具]Cloudflare Pages 搭建hexo

演示站

1.安装 Wrangler 2.0 CLI

npm

npm install -g wrangler

yarn

yarn global add wrangler

2.使用您的 Cloudflare 帐户对 Wrangler 进行身份验证

要支持 Wrangler 将脚本部署到 Cloudflare,您需要登录到 Cloudflare 帐户完成身份验证。

wrangler login

当 Wrangler 自动打开浏览器显示 Cloudflare 的同意屏幕时,请单击允许按钮。这会向 Wrangler 发送 API 令牌。

3.安装Git

Git

4.安装Hexo

npm install -g hexo-cli

安装完成之后, 可以执行

hexo --version

来检查是否安装成功

5.创建项目

进入你想要保存文件的目录

比如我的是D:\Cloudflare

在终端(cmd或者powershell)中进入目录

执行

hexo init my-hexo-site #my-hexo-site自己决定,随便什么都可以,比如我取的是blog
cd my-hexo-site #进入我的博客根目录
npm install #初始化
hexo new "hello hexo" #创建一个名为hello hexo的新帖子

6.创建 GitHub 存储库

访问:repo.new

Repository name可随便设置

安装hexoGit条件

npm install hexo-deployer-git --save #如果是搭建在GitHub pages上需要这个

在D:\Cloudflare中打开Git Bush Here运行以下命令:

git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"
ssh-keygen -t rsa -C "你的GitHub注册邮箱" #生成ssh密钥文件

会告诉你秘钥存放地址

然后直接三个回车即可,默认不需要设置密码
然后找到生成的.ssh的文件夹中的id_rsa.pub密钥,将内容全部复制

打开GitHub_Settings_keys?页面,新建new SSH Key

Title为标题,任意填即可,将刚刚复制的id_rsa.pub内容粘贴进去,最后点击Add SSH key。

可能会报错:Key is invalid. You must supply a key in OpenSSH public key format

原因:直接复制会破坏格式
所以
在秘钥目录打开git bash执行

clip < ~/.ssh/id_rsa.pub

然后去GitHub复制就行了

检测GitHub公钥设置是否成功,输入ssh?git@github.com

如上则说明成功。这里之所以设置GitHub密钥原因是,通过非对称加密的公钥与私钥来完成加密,公钥放置在GitHub上,私钥放置在自己的电脑里。GitHub要求每次推送代码都是合法用户,所以每次推送都需要输入账号密码验证推送用户是否是合法用户,为了省去每次输入密码的步骤,采用了ssh,当你推送的时候,git就会匹配你的私钥跟GitHub上面的公钥是否是配对的,若是匹配就认为你是合法用户,则允许推送。这样可以保证每次的推送都是正确合法的。

然后进入你的Hexo文件夹打开Git bash依次根据自己的情况输入:

git init #如果报错Initialized empty Git repository in xxx请看你是否打开git或者有没有连接上GitHub
git add .
git commit -m "版本备注"
git remote add origin https://github.com/yourgithubusername/githubrepo #https后面一串为你的GitHub存储库的地址
git push origin main --force # 确保本地版本是最新的时候,直接使本地仓库强制覆盖远程仓库。
# 获取远程库与本地同步合并(如果远程库不为空必须做这一步,否则后面的提交会失败)
git pull --rebase origin main
git branch -M main #main为分支名
git push -u origin main 
#之后推送时使用此命令 git push origin master 即可,或者直接通过GitHub desktop推送
#如果报错src refspec main does not match any请使用git checkout -b <你的分支名> 命令来创建对应分支
#如果你想要用命令push,这边需要按照下面的过程来输入,否则会无法push成功
git add .
git commit -m "随便的备注"
git push -u origin main 

科普一下:git push -u origin master 上面命令将本地的master分支推送到origin主机,同时指定origin为默认主机,后面就可以不加任何参数使用git push了。

git push,默认只推送当前分支,这叫做simple方式。此外,还有一种matching方式,会推送所有有对应的远程分支的本地分支。Git 2.0版本之前,默认采用matching方法,现在改为默认采用simple方式。

1、master是主分支,还可以建一些其他的分支用于开发。
2、git push origin master的意思就是上传本地当前分支代码到master分支。git push是上传本地所有分支代码到远程对应的分支上。

7.使用 Cloudflare 页面进行部署

通过将您的网站部署到 Pages,方法是登录到Cloudflare dashboard?>?帐户主页>页面,然后选择创建项目。选择您创建的新 GitHub 存储库,然后在“设置生成和部署”部分中提供以下信息:

框架预设Hexo/None
生产分支main
构建命令hexo generate
构建目录public

完成配置后,单击保存并部署按钮。在部署之前,您应该会看到 Cloudflare 页面安装和项目依赖项,以及构建站点。

有关将第一个站点部署到 Cloudflare 页面的完整指南,请参阅入门指南

部署站点后,您将在 上收到项目的唯一子域。每次您将新代码提交到Hexo站点时,Cloudflare Pages都会自动重新构建您的项目并进行部署。您还可以访问新拉取请求上的预览部署,以便在将更改部署到生产环境之前预览对站点的外观。

之后想要更新文章,只需要在Github仓库/source/_posts文件夹内修改文章或上传文章即可,最终将实现完全使用Github写博客。CF这边则会自动帮你进行部署,无需人为操作。
CloudFlare Pages和Github Pages一样,可以自定义域名,并且CloudFlare Pages可以绑定10个域名。

后期如果想要对博客进行大改,例如修改主题和安装插件,只需要将Github 仓库克隆到本地,修改完再push 到远程Github仓库即可。

使用特定节点.js版本

某些 Hexo 主题或插件对不同的 Node.js 版本有其他要求。要对 Hexo 使用特定的 Node.js 版本,请执行以下操作:

  1. 前往主页项目
  2. 转到“设置”>“环境变量”。
  3. 设置环境变量和所需 Node.js 版本的值。NODE_VERSION 14.3

8.WordPress迁移Hexo

首先,安装?hexo-migrator-wordpress?插件。

$ npm install hexo-migrator-wordpress --save

在 WordPress 仪表盘中导出数据(“Tools” → “Export” → “WordPress”)(详情参考WP支持页面)。

插件安装完成后,执行下列命令来迁移所有文章。source?可以是 WordPress 导出的文件路径或网址。

$ hexo migrate wordpress <source>

注意

这个插件并不能完美地实现WordPress->Hexo的数据转换,尤其是在处理WordPress的分类方面存在问题(见Front-matter中的分类与标签)。因此,建议您在迁移完成后,手工审阅所有生成的markdown文件,检查其中是否有错误。对于文章数量较大的WordPress站点,这项工作可能要花很长的时间。

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-09-04 01:32:17  更:2022-09-04 01:35:40 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/28 19:15:03-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计