登录/注册

会员中心

足迹

动态

利用GitHub+Actions自动部署Hexo博客

DreamyTZK 于 2020-06-21 11:07:03 发布 1185 收藏 6

分类专栏: # 优雅部署 Hexo

版权

优雅部署 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

Hexo

13 篇文章 1 订阅

订阅专栏

前言

早就听闻GitHub+Actions真相,于是今天便试了下,作为小康博客的第二个平台。至于为什么要自动部署,我在另一篇文章介绍过了。

准备仓库

  • 私有仓库: blog

这里是存放 Hexo 博客源码的

  • 公有仓库: 用户名.github.io

这里是用来 public 静态页面的,最好是空的,当然是你现在的hexo博客也可以。

创建密钥

为了方便运行GitHub Actions时登录GitHub账号,我们使用SSH方式登录。就是要把设备的私钥交给GitHub Actions,公钥交给GitHub,需要去Settings里去配置。

`ssh-keygen -t rsa -C "Github 的邮箱地址"

如 ssh-keygen -t rsa -C "123123123@gmail.com"`

- 1
- 2
- 3


密钥对生成后默认的位置是用户文件。以windows为例:密钥对文件在C:\Users\用户名里,其中Users可能因为系统原因显示的是用户。这个文件夹里会有一个.ssh的目录,这个里面就是我们的密钥对。

其中id_rsa是私钥,id_rsa.pub公钥

  • 配置公钥,应该已经配好,不然如何上到的项目资源,配置路径:github网站–>Settings–>SSH and GPG keys
    新增一个公钥,然后把id_rsa.pub这个文件用文本文档打开,将内容复制进去。
  • 配置私钥,blog私有仓库的Settings->Secrets里添加私钥,名称为HEXO_DEPLOY_PRIVATE_KEY 找到你的私有项目(用于存储博客源码的仓库) 将你的私钥添加进去,名字写HEXO_DEPLOY_PRIVATE_KEY

添加Actions

点击私有仓库里的Actions

点击New workflow来创建一个新的actions。

然后在内容框填入以下代码

`# workflow name
name: Hexo Blog CI

# master branch on push, auto run
on:
push:
branches:
- master

jobs:
build:
runs-on: ubuntu-latest

steps:
# check it to your workflow can access it
# from: https://github.com/actions/checkout
- name: Checkout Repository master branch
uses: actions/checkout@master

# from: https://github.com/actions/setup-node
- name: Setup Node.js 10.x
uses: actions/setup-node@master
with:
node-version: "10.x"

- name: Setup Hexo Dependencies
run: | npm install hexo-cli -g
npm install

- name: Setup Deploy Private Key
env:
HEXO_DEPLOY_PRIVATE_KEY: ${{ secrets.HEXO_DEPLOY_PRIVATE_KEY }}
run: | mkdir -p ~/.ssh/
echo "$HEXO_DEPLOY_PRIVATE_KEY" > ~/.ssh/id_rsa
chmod 600 ~/.ssh/id_rsa
ssh-keyscan github.com >> ~/.ssh/known_hosts

- name: Setup Git Infomation
run: | git config --global user.name '名字'
git config --global user.email '邮件'
- name: Deploy Hexo
run: | hexo clean
hexo generate
hexo deploy`

- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48


然后点击提交即可

这样设置后就不需要在hexo命令三连进行部署了,直接将代码推送到私有仓库,1分钟后即可看到效果。

常见问题

域名问题

每次部署完都需要重新绑定域名

解决方式很简单,在博客根目录的配置文件中找到skip_render字段,添加值'CNAME'

如果是多个值的配置

`skip_render: 
- '404/index.html'
- 'CNAME'`

- 1
- 2
- 3


然后在/source的目录中创建一个文件,命名为CNAME,里边的内容写你的域名。只写域名即可。例如www.antmoe.com,不需要添加http(s)://

其他问题

请在下面留言,并写上常用的邮箱(及时得知博主的回复,邮箱不会泄露)和你的昵称。博主看到后会及时帮助解决问题的。

DreamyTZK

关注

专栏目录

Hexo+*GitHub Actions 完美打造个人*博客

AnonyStar | Blog

1009

Hexo简介 Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。 Hexo搭建步骤 安装Git 安装Node.js 安装Hexo 编写github actions 推送到github 发布文章 我们的开发过程是在win环境下,本质和环境没关系,影响不大,首先我们要保证我们的电脑上安装了git ..

使用github action同时部署**hexogithub和coding最优雅的方式

My urban life

672

原文发于我的博客和公众号:“Noosphere博客”,“智圈云公众号”,了解相关信息可以关注“智圈云” 目标 我们知道使用github action 可以很简单的部署**hexo的静态文件到github pages,但是如果在国内我们希望部署github pages同时也部署到coding,然后通过dns双线路由,另外,我们可能有多个账号,比如公司的和个人的博客或者网站,也是同时部署到coding和github,那就这个github action解决不了,下面我们改造一下,使其达到这个目标: hexo的.

评论 2 您还未登录,请先 登录 后发表或查看评论

使用GitHub Actions 自动**部署 Hexo 博客GitHub Page…

2-18

下面,我们就来看看是如何利用 GitHub Actions 实现自动部署 Hexo 博客的吧。 GitHub Actions GitHub ActionsGitHub 于 2018 年 10 月推出的持续集成服务。 GitHub Actions 的工作原理:当我们提前设置好需要自动化执行的任务脚本(.g…

GitHub+*Hexo 搭建个人*博客(二):使用 GitHub Actions 实…

1-19

所以我们希望使用 GitHub Actions 后,只需要往源文件仓库 push 更新源文件,GitHub Actions 监控到 push 操作时,就自动化执行hexo clean、hexo g -d操作,完成博文发布。 Action 存放在项目根目录的.github/workflows下,后缀为.yml。一个…

GitHub Action开启自动

西代零零发

4645

这周突然发现公司项目的GitHub代码库多了一个Tab页,叫做GitHub Action。于是了解了一下,发现这就是大家期待已久的自动化功能。自动化不只是我们常说的CICD(持续集成和持续部署),通过定义一个yml文件我们可以实现更多的动作。这个yml配置文件会保存在代码库的.github文件夹,所以fork出去的代码库也跟着自动开启了相应的GitHub Action功能。 下面就是我们代码库里一…

如何使用Github-Actions实现Hexo博客自动部署

甦傑的博客

125

如何使用Github+Actions实现Hexo博客**自动部署 之前为了更好的学习前端技术,也就在Github仓库上来建立了自己的个人博客。在使用了一段时间之后,我也发现了一种新的玩法,可以使用GithubActions来对自己的博客站点内容进行持续集成和持续部署,也就是说,根据本篇的内容,你只需要3个git命令就能实现Hexo**博客部署,强烈建议小伙伴们积极动手试一试,在提升上线效率上极有帮助。 在本文中主要介绍我是如何使用Github+*Actions为自己的个人*博客实现CI/CD的自动部署 一、准

利用**Github Action实现GithubGitee的持续同步

DevOps持续集成的博客

110

目录1、什么是 Github Action2、githubgitee 同步3、选用或编写 action4、语法示例5、准备工作5.1 设置 dst_key5.2 设置 dst_tok…

使用Github**Actions进行自动化版本发布

cycjimmy的博客

623

使用 Github Actions 进行自动化版本发布 配置 semantic-release-action semantic-release-action 是一个运行 Semantic Release 的 GitHub Action. 使用方法 步骤1:在您的仓库中设置 Semantic Release的配置文件 , 如不进行设置将使用 Semantic Release 的默认配置 步骤2: 在…

使用 Github Action 搭建 Hexo 博客

dev4mobile的专栏

755

Hexo 是使用 nodejs 写的博客框架,使用 Markdown 引擎来解析文章,在几秒内,即可生成绚丽的主题生成静态网页。作为一名有追求的程序员,我们必须得有自己的个人网站,所以我要开始搭建自己的博客了,于是开始了我选择博客平台之旅,最终选择了 Hexo 。我为什么选择 Hexo 搭建我的博客,其中最主要原因是国内程序员使用广泛,可选择的主题也很多,还有最重要的可迁移性强。 这是我的个人博客

Github Actions自动部署Hexo博客至个人服务器

qq_51661411的博客

334

hexo作为一款优秀的静态博客生成器有着一些显著的优点如免费快速简洁轻量,但也存在一些明显的缺点例如更换电脑不便需要重新安装环境,无法在线写文章(修改文章),随着文章和插件的增加hexo三连的速度会越来越慢,使用github actions集成化部署再配合hexoplusplus可以在很大程度上改善hexo的使用体验。 个人服务器是自建了 git 库,利用 hook 钩子发布到网站根目录。所以这篇教程最终是利用 hexo deploy 进行上传到服务器操作。具体可以查阅往期教程:点击这里 获取token.

GitHub Actions自动部署**Hexo
最新发布

wbsu2004的博客

308

通过 GitHub Actions 实现自动部署 Hexo

手把手教你用 Github Actions 部署前端项目

前端劝退师

971

为什么使用 Github Actions ?众所周知,前端部署无非就是把打包之后的代码丢到 nginx html 目录下就完事了,但是每逢产品频繁改需求,甚至只是让你改线上一个字的时候,你…

Github Actions 通过 API 自动**部署 Hexo

Johnny’s Lab

809

本文为原创,转载请注明来源,欢迎大家关注我的新博客 Hexo自动**部署 目前的主流方式: Travis CI:travis-ci.org 专门针对开源项目,Github 上所有的公开仓库都能够免费使用;travis-ci.com 针对私有及商业项目,新用户前 100 次构建是免费的,后面就要收费了。现在github私有库已经免费了!!! Githooks: 这个如果 vps 本地部署,配合 ng…

基于Github Action工作流自动部署Hexo

weixin_42453357的博客

18

Hexo搭建 这段就pass了,只要这篇主要讲解Github Action**部署 创建github ssh 私钥和公钥 在本地运行如下命令生成id_rsa和id_rsa.pub文件,一路回车,不要输入密码!!!不要输入密码!!!不要输入密码!!!(被这个坑的我想哭T_T,一直验证不通过) $ ssh-keygen -t rsa -C “tanxinzheng@139.com” #此处修改为你gith

GitHub Action + Hexo实现在线写作

qq_41426117的博客

1647

文章目录零,前言一,使用github aciton实现自动**部署二,设置点击进入新建或编辑新建文章修改文章参考文章 零,前言 hexo 是一款快速、简洁且高效的静态博客框架,因为它的高可定制性,所以深受各个程序员的喜爱,我也曾一头扎进去研究过,先后开发了white和hiya主题,在使用过程中,也渐渐的发现了一些问题 情景一,当浏览自己某篇博客时发现了一些错误之后想要马上修改时,将要经历经历一下步骤 在本地的hexo**博客文件夹中找到source/_post文件夹 找到那个md文件,打开 修改 然后还要经历he

GitHub Actions 自动**部署 Hexo

后端小哥

966

Github ActionsGitHub 官方 CI 工具,与 GitHub 无缝集成。之前博客使用 TravisCI 实现的自动**部署,现在转用 GitHub Actions 部署,本文记录部署流程。 简单介绍下 GitHub Actions 中的术语: workflow:表示一次持续集成的过程 job:构建任务,一个 workflow 可以由一个或者多个 job 组成,可支持并发执行 …

Github action自动部署**Hexo Next

喜东东的博客

192

Hexo + GitHub搭建个人博客 主要分为以下几个步骤: 搭建环境准备(包括node.js和git环境,gitHub账户的配置) 安装Hexo 配置HexoHexogithub page 联系起来 详细请看:手把手教你用Hexo+*Github 搭建属于自己的*博客 GitHub Actions自动部署**Hexo GitHub Actions自动部署**Hexo 教程:GitHub Actions部署Hexo**博客 遇到问题 参考:https://www.jians**hu.com/p/42453

[详细] Github Actions自动部署hexo博客到阿里云OSS

火星基地

338

1. 为什么我要持续部署 通过Hexo搭建的个人博客,虽然很强大、很方便,输入hexo clean&&hexo g -d就能快速生成静态页面并部署访问。但Hexo生成的是静态页面,无后端,这些工作都是在本地的电脑上操作的,如果更换电脑了,还需要在github上冲下拉取源代码,重新搭建环境再部署。若电脑不在身边想要随时编辑文章,就有点困难了。另外,每次在本机部署完,还要将源代码push到仓库。 这样操作显然是有些繁琐的。好在Github Actions提供了解决方案,可以为仓库添加自动化的操作

Github actions 部署vue项目

懒牛不爱梳毛

2982

如果你本着show me the code的原则,想把自己写的Vue项目拿出来让大家看看。如果你不想花大把的银子去给马爸爸买个1个核1G内存1M带宽的云服务器。那你还在等什么,现在就来薅巨硬爸爸的羊毛吧!!! 关于 actions actions是个什么东西呢,其实他就是github的CI/CD工具,如果你用过gitlab的runner那你对CI/CD这个概念肯定不会陌生。 如果你对CI/CD没啥…

使用Github Actions自动部署Hexo博客

Yetta Daisy的博客

372

本文同步发布于个人博客 前言 本文将介绍利用 Github Actions 实现自动**部署 hexoGithub Pages,在之前我们需要写完文章执行 hexo generate –deploy 来部署,当你文章比较多的时候,可能还需要等待很久,而且还可能会遇到本地安装的 Node.js 版本与 Hexo 不兼容的问题,目前我就是因为电脑的 Node.js 版本升到 v14 版本导致与 Hexo 不兼容部署不了,才来捣腾 Github Actions 功能的。利用 Github Actions .

Hexo:语雀云端写作,Github Actions持续集成

Johnny’s Lab

4185

本文章为原创内容,只发布于本博客和我的私人博客,转载请注明,谢谢 使用 Hexo 静态博客网站发表文章,需要 本地以Markdown的形式写好文章 借助 Hexo 生成静态页面 部署到云主机或者通过 git 到托管平台 既然要本地借助 Hexo 生成静态页面,那就需要设置 Node.js 环境和博客源码,虽然环境设置简单,源码从Github、coding、gitee、gitlab等地方下载方便…

Github Actions 通过 SSH 自动**部署 Hexo

Johnny’s Lab

2442

Hexo自动**部署 目前的主流方式: Travis CI:travis-ci.org 专门针对开源项目,Github 上所有的公开仓库都能够免费使用;travis-ci.com 针对私有及商业项目,新用户前 100 次构建是免费的,后面就要收费了。现在github私有库已经免费了!!! Githooks: 这个如果vps部署,配合nginx,还是很推荐的 Github Actions: 持续集成…

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助

©️2022 CSDN 皮肤主题:数字20 设计师:CSDN官方博客 返回首页

DreamyTZK

码龄8年 暂无认证

13
原创

87万+
周排名

56万+
总排名

2万+

访问

等级

435

积分

25

粉丝

34

获赞

19

评论

136

收藏

签到王者

持之以恒

勤写标兵Lv4

私信

关注

热门文章

分类专栏

最新评论

您愿意向朋友推荐“博客详情页”吗?

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐

最新文章

2020年13篇

目录

  1. 前言
  2. 准备仓库
  3. 创建密钥对
  4. 添加Actions
  5. 常见问题
    1. 域名问题
    2. 其他问题

举报

×

拖拽到此处

图片将完成下载