Github action自动部署Hexo Next

原创 已于 2023-12-21 10:14:56 修改 · 562 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#github #git

于 2021-02-24 21:09:01 首次发布
本文介绍了使用Hexo和GitHub搭建个人博客的步骤，包括环境准备、Hexo配置和GitHub Pages的关联。重点解决了使用GitHub Actions自动部署时遇到的HTML空白问题，原因是主题目录下的.git与Hexo根目录下的.git冲突。解决方案是删除主题目录下的.git文件夹，重新提交，确保主题文件被正确推送。此外，还提供了Hexo常用命令和相关教程链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Hexo + GitHub搭建个人博客

主要分为以下几个步骤：

  1. 搭建环境准备（包括node.js和git环境，gitHub账户的配置）
  2. 安装Hexo
  3. 配置Hexo
  4. 将Hexo与github page 联系起来

详细请看：手把手教你用Hexo+Github 搭建属于自己的博客

GitHub Actions自动部署Hexo

教程：GitHub Actions部署Hexo博客

Hexo 常用命令

新建博客
hexo new "博客名"
生成静态网页
hexo g
打开本地服务器
hexo s

遇到问题

参考：https://www.jianshu.com/p/42453af0853d
只记录本人遇到的问题

  1. Hexo 使用 Github Actions 自动发布至 Github Pages 时,生成的 html 页面空白,没有css/js等文件
    - 原因: 由于主题是 git clone 下来的,主题目录下生成了 .git 目录,导致和 hexo 根目录下 .git 冲突了,commit 时没有把主题 push 上去导致的。
    - 解决办法： 删掉主题下的.git文件夹，重新提交，目的是把next主题文件夹提交上去（删掉.git文件夹后git commit依然没有提交上，需要把next文件夹剪切出来后git add&&git commit &&git push后，再把next文件夹拷贝回来，再git add&&git commit &&git push就可以提交成功了）
利用GitHub+Actions自动部署Hexo博客
小康博客
06-21 1824
前言 早就听闻GitHub+Actions真相，于是今天便试了下，作为小康博客的第二个平台。至于为什么要自动部署，我在另一篇文章介绍过了。 准备仓库 私有仓库： blog 这里是存放 Hexo 博客源码的 公有仓库： 用户名.github.io 这里是用来 public 静态页面的，最好是空的，当然是你现在的hexo博客也可以。 创建密钥对 为了方便运行GitHub Actions时登录GitHub账号，我们使用SSH方式登录。就是要把设备的私钥交给GitHub Actions，公钥交给Gi
使用Github Actions自动部署Hexo博客
Yetta Daisy的博客
11-15 1532
本文同步发布于个人博客 前言 本文将介绍利用 Github Actions 实现自动部署 hexo 到 Github Pages，在之前我们需要写完文章执行 hexo generate --deploy 来部署，当你文章比较多的时候，可能还需要等待很久，而且还可能会遇到本地安装的 Node.js 版本与 Hexo 不兼容的问题，目前我就是因为电脑的 Node.js 版本升到 v14 版本导致与 Hexo 不兼容部署不了，才来捣腾 Github Actions 功能的。利用 Github Actions .
利用Github Action来自动化部署Hexo博客
Swift's Blog
04-29 1311
这两天尝试了使用Github Action来自动化部署博客，踩了一些坑，在此记录一下。 新建仓库 存放博客源文章的仓库（Source Repo），命名随意 存放编译后生成的静态文件的仓库（Page Repo），命名username.github.io 配置部署密钥 利用 ssh-keygen 来生成公钥和私钥： 私钥放于Source仓库的 Settings -> Secrets -> Actions ，新建一个secret，命名为 HEXO_DEPLOY_PRI： 公钥放于Page
通过 GithubActions 实现自动化部署 Hexo
dzq198的博客
02-20 618
之后会生成两个文件，一个私钥文件为：github-deploy-key；另一个公钥文件为：github-deploy-key.pub。
用GitHub Actions自动部署Hexo
wbsu2004的博客
01-24 3099
通过 GitHub Actions 实现自动化部署 Hexo 。
【Hexo】部署博客到Github失败的解决方案
weixin_48927364的博客
03-10 7525
Hexo部署博客到Github项目上出现失败的解决方案。主要错误提示如下： fatal: could not read Username for 'https://github.com': No error fatal{err: Error : Spawn failed ......}
2021最新Hexo+GitHub个人博客部署保姆级教程&部署失败问题填坑（windows操作环境）
慢热纠结怪的填坑xio习笔记
03-11 1360
贴士 本贴全程使用Windows+Git环境操作，mac的小盆友可以康康问题填坑和下面的链接~???? 关于mac中Hexo博客部署参考????手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo 在博客部署之前，建议装好Typora（用于编写博客）&Git Typroa????官网 Git????官网 Git的安装操作参考????【教程】Git入门安装+使用 by Fing（WHUMSC出品） 操作Hexo博客配置文件，注意每个冒号后均需空格 常用Hexo部署操作： hexo g
Windows下使用GitHub Pages搭建hexo博客详细教程以及Next主题超全配置
zdaiot的博客
09-25 5885
前言 马上要进入研究生了，不能再过浑浑噩噩的日子了，搭建一个小网站，用于记录自己所学的东西。其实，之前在腾讯云1元乞丐版上也搭建过博客，但是呢，只用来扯淡了。这次使用 GitHubPages 和 Hexo 建立自己的博客，希望能够促进自己成长。 下面先介绍为何选择 GitHubPages 和 Hexo 来搭建博客，然后介绍搭建博客的详细过程。 Why GitHub Pages and Hexo 因...
hexo 博客next主题集成gitment或者gitalk评论系统
守望的博客-编程珠玑
10-20 5462
原文地址：hexo 博客next主题集成gitment或者gitalk评论系统前言之前使用多说，多说挂了，用网易跟帖代码，网易跟帖又没了。前段时间用来必力，感觉还行，但总归不踏实。后面发现有gitment，用github的issue作为评论载体，感觉靠谱许多。下面介绍一下hexo 的naxt主题中如何集成gitment以及gitalk评论系统。注：next主题版本为5.1.3,其他版本可能略有差异。
Windows下Hexo+GitHub搭建个人博客详细流程
btfqn1024的博客
03-28 424
之前就有萌生过自己搭建博客的想法，只是一直不曾付诸实践，长期停留在意识阶段。偶然在B站刷到了大佬“CodeSheep”的相关教程，觉得是时候动手拿下这积压心中已久的想法。恰逢期末结束，一时间也比较迷茫，想着心动不如行动，动动手顺便过渡一下状态。 这篇文章将记录搭建个人博客的详细过程（使用Hexo，yilia主题，部署到GitHub）。 1. 战前准备 安装依赖 git Node.js（下载安装LTS版本） 安装的时候一直”next”即可，这里就不详细赘述。 Action 1. 使用hexo来正式搭建博客
使用github action同时部署hexo到github和coding最优雅的方式
My urban life
07-13 1073
原文发于我的博客和公众号：“Noosphere博客”，“智圈云公众号”，了解相关信息可以关注“智圈云” 目标 我们知道使用github action 可以很简单的部署hexo的静态文件到github pages，但是如果在国内我们希望部署到github pages同时也部署到coding，然后通过dns双线路由，另外，我们可能有多个账号，比如公司的和个人的博客或者网站，也是同时部署到coding和github，那就这个github action解决不了，下面我们改造一下，使其达到这个目标： hexo的.
基于Github Action工作流自动部署Hexo
weixin_42453357的博客
08-26 175
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 博客
dev4mobile的专栏
11-23 1015
Hexo 是使用 nodejs 写的博客框架，使用 Markdown 引擎来解析文章，在几秒内，即可生成绚丽的主题生成静态网页。作为一名有追求的程序员，我们必须得有自己的个人网站，所以我要开始搭建自己的博客了，于是开始了我选择博客平台之旅，最终选择了 Hexo 。我为什么选择 Hexo 搭建我的博客，其中最主要原因是国内程序员使用广泛，可选择的主题也很多，还有最重要的可迁移性强。 这是我的个人博客...
使用GithubActions自动部署Hexo
程序员朱永胜
10-31 417
若是遇到添加屏蔽项，但是还是无法正常上传主题文件夹的情况。这是一份最全面、最详细、最高质量的 java 面试题，不建议你死记硬背，只要每天复习一遍，有个大概印象就行了。这是一份最全面、最详细、最高质量的 java 面试题，不建议你死记硬背，只要每天复习一遍，有个大概印象就行了。这是一份最全面、最详细、最高质量的 java 面试题，不建议你死记硬背，只要每天复习一遍，有个大概印象就行了。这是一份最全面、最详细、最高质量的 java 面试题，不建议你死记硬背，只要每天复习一遍，有个大概印象就行了。
Github Action 自动部署 Hexo 博客
Elegant Coding
12-24 425
从 Travis CI 迁移到 Github Action
博客 | 基于Travis CI实现Hexo在Github和Coding的同步自动化部署
北岛向南的小站 - 优快云
05-12 892
完成Hexo主题安装和配置 如果您还没有安装Hexo环境，请参考Hexo文档安装，也给出这样两篇博文————百度经验和2018最新版hexo+Github搭建个人博客教程仅供参考，这个去网上一搜到处都有，而且操作也很简单，就不赘述了。 我采用的是Indigo 主题，而且这个主题还很详细地给出了配置安装本主题的详细教程步骤(3.0 以上Hexo版本) Indigo 主题，一个Material ...
如何优雅的使用Github Action服务来将Hexo部署到Github Pages
m0_51390969的博客
06-20 1544
文章添加编辑后，现在只需要推送到仓库，那么github不仅会保存你的Hexo个人博客源码，还会自动更新个人博客静态页面到gh-pages，由此触发github-page功能来更新你的个人博客网站。，随后在左边栏目就可以看到新Hexo Utils的新菜单，只要你的VSCode当前打开的文件夹是hexo的根目录，那么插件就会自动识别到，当你对md文件使用“侧边预览”时，图片就正常显示了。缺少仓库地址，所以把请求地址复制一份，并在后面添加上仓库名即可，这需要修改_config.yml中修改url字段。
打造Github Issue到Hexo部署自动工作流
Geek技术前线
04-10 550
前言 平时不少同学都有写博客的习惯，这里介绍一种通过Github Issue写博客并自动部署hexo到Github Page的工作流。本文主要介绍 什么是Github action以及它的基本用法 如何开发并发布一个Github action 如何打造Github issue写博客并自动部署hexo到Github Page的工作流 什么是Github action GitHub action 是一个持续集成和持续交付平台，可以自动化构建、测试和部署。例如可以创建工作流来构建和测试仓库的每个pr，或将合并
使用Github Action实现Hexo博客自动化部署
Yonagi的博客
04-27 1564
每次部署Hexo都需要运行指令三件套，随着文章越来越多，编译的时间也随之越来越长，通过，我们只需要在每次完成博客的编写或修改以后，将改动直接push到远程仓库，之后的编译部署的工作统统交给CI来完成即可。
github部署个人网站hexo
最新发布
03-02
### 部署Hexo个人网站到GitHub #### 准备工作 为了成功部署Hexo博客至GitHub，需先安装Node.js和Git工具。确保本地环境已正确设置这些依赖项。 #### 初始化Hexo项目 创建并初始化一个新的Hexo站点： ```bash $ npm install hexo-cli -g $ hexo init myblog $ cd myblog $ npm install ``` #### 修改配置文件 编辑根目录下的`_config.yml`来指定仓库地址和其他必要的参数[^2]： ```yaml deploy: type: git repo: https://github.com/YOUR_USERNAME/YOUR_REPOSITORY.git branch: main token: YOUR_GITHUB_TOKEN ``` 注意替换`YOUR_USERNAME`, `YOUR_REPOSITORY` 和 `YOUR_GITHUB_TOKEN`为实际值。 #### 设置自动部署 利用GitHub Actions实现自动化部署流程。在项目的`.github/workflows/`路径下新建名为`ci.yml`的工作流定义文件[^4]: ```yaml name: Deploy Hexo to GitHub Pages on: push: branches: - source # 假设源码存放在source分支上 jobs: build-and-deploy: runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 with: submodules: true - name: Setup Node.js environment uses: actions/setup-node@v1 with: node-version: '12.x' - run: npm ci && npm run generate - name: Deploying... uses: peaceiris/actions-gh-pages@v3 with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_dir: ./public ``` #### 发布文章 撰写新博文后，在终端执行命令完成渲染与推送操作： ```bash $ hexo new post "My New Post" # 编辑完成后... $ hexo clean && hexo d -g ``` 通过上述步骤，即可顺利地将基于Hexo框架构建的内容托管于GitHub平台之上，并借助CI/CD机制保持更新同步。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值