登录/注册
会员中心
足迹
动态
利用GitHub+Actions自动部署Hexo博客
DreamyTZK 于 2020-06-21 11:07:03 发布 1185 收藏 6
分类专栏: # 优雅部署 Hexo
版权
优雅部署 同时被 2 个专栏收录
7 篇文章 0 订阅
订阅专栏
Hexo
13 篇文章 1 订阅
订阅专栏
前言
早就听闻GitHub+Actions真相,于是今天便试了下,作为小康博客的第二个平台。至于为什么要自动部署,我在另一篇文章介绍过了。
准备仓库
这里是存放 Hexo 博客源码的
这里是用来 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同时部署**hexo到github和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 Actions是 GitHub 于 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仓库上来建立了自己的个人博客。在使用了一段时间之后,我也发现了一种新的玩法,可以使用Github的Actions来对自己的博客站点内容进行持续集成和持续部署,也就是说,根据本篇的内容,你只需要3个git命令就能实现Hexo**博客的部署,强烈建议小伙伴们积极动手试一试,在提升上线效率上极有帮助。 在本文中主要介绍我是如何使用Github+*Actions为自己的个人*博客实现CI/CD的自动化部署 一、准
利用**Github Action实现Github到Gitee的持续同步
DevOps持续集成的博客
110
目录1、什么是 Github Action2、github 和 gitee 同步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 Actions 是 GitHub 官方 CI 工具,与 GitHub 无缝集成。之前博客使用 TravisCI 实现的自动**部署,现在转用 GitHub Actions 部署,本文记录部署流程。 简单介绍下 GitHub Actions 中的术语: workflow:表示一次持续集成的过程 job:构建任务,一个 workflow 可以由一个或者多个 job 组成,可支持并发执行 …
Github action自动部署**Hexo Next
喜东东的博客
192
Hexo + GitHub搭建个人博客 主要分为以下几个步骤: 搭建环境准备(包括node.js和git环境,gitHub账户的配置) 安装Hexo 配置Hexo 将Hexo与github 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 实现自动**部署 hexo 到 Github 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
收藏
私信
关注
热门文章
分类专栏
最新评论
您愿意向朋友推荐“博客详情页”吗?
最新文章
2020年13篇
目录
- 前言
- 准备仓库
- 创建密钥对
- 添加Actions
- 常见问题
- 域名问题
- 其他问题
举报
×
拖拽到此处
图片将完成下载