如何将 Hexo 部署到 GitHub Pages

这篇具有很好参考价值的文章主要介绍了如何将 Hexo 部署到 GitHub Pages。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

引言
在数字时代,拥有个人博客是展示自己想法、分享知识和技能的绝佳方式。Hexo 是一个基于 Node.js 的静态博客生成器,它结合了简洁性和功能性,让我们可以轻松地建立并维护一个博客。而 GitHub Pages 提供了一个免费的平台来托管这些静态网站,这使得 Hexo 成为了许多开发者和技术写作者的首选工具。
如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

准备工作

在开始之前,你需要确保以下条件都满足:

  • 已经安装了 Node.js npm
  • 安装了 Git

如何用Hexo搭建一个优雅的博客

部署

新建仓库

创建一个和你用户名相同的仓库,后面加.github.io,只有这样,将来要部署到GitHub page的时候,才会被识别

假如我没有用lnoom.github.io而是用了yu.github.io,那么当我浏览器访问博客的时候会出现404错误。这里并不是没有部署成功,而是把它部署在了这里:http://lnoom.github.io/yu.github.io。所以,如果想直接lnoom.github.io访问,那么就需要和用户名保持一致。

如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

设置公钥

如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

查看本地公钥

如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

添加密匙

如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

克隆仓库网址

如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

部署到 GitHub Pages

在 _config.yml 文件中,找到 deploy 部分,并配置你的仓库:

deploy:
    type: git
    repo: git@github.com:lnoom/lnoom.github.io.git 
    branch: master

如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

清理静态文件

hexo clean 删除public静态文件以及缓存

如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

项目部署

#hexo generate 该命令可以简写为:hexo d 生成静态文件
#hexo deploy 该命令可以简写为:hexo d 部署网站
hexo g -d

查看远程创库

如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

查看域名

如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

访问

如何将 Hexo 部署到 GitHub Pages,玩转Hexo,Hexo,github

结语

恭喜你!现在你已经成功将你的Hexo博客部署到了 GitHub Pages。你的博客现在应该可以通过你设置的 URL 访问了。HexoGitHub Pages 的结合提供了一个强大、灵活且免费的平台来建立和分享你的知识。


记得,持续创作是博客成功的关键。祝你在博客旅程中一切顺利!文章来源地址https://www.toymoban.com/news/detail-829497.html

到了这里,关于如何将 Hexo 部署到 GitHub Pages的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Github 自动化部署到GitHub Pages

    前言 github仓库示例: automated-deployment 1.准备工作 新建仓库 新建项目 配置 vite.config.ts 部署应用包时的基本URL,例:vue-cli 5.x 配置 publicPath 推送到远程仓库 2.配置 GitHub Token 点击 Settings - Actions - General 找到 Workflow permissions,选中第一项并保存 工作流默认是没有推送代码的权限,

    2024年02月05日
    浏览(71)
  • 使用 Github Actions 工作流自动部署 Github Pages

    actions顾名思义就是一堆动作,是一个持续集成服务,持续集成包含了拉代码、运行测试、编译代码、登录远程服务器,发布到第三方服务等等的操作,GitHub将这些操作称为actions。 概念:Workflows, Events, Jobs, Actions, Runners Workflows 工作流 一个 Workflow 由多个 Jobs 组成 Events 定义哪

    2024年02月07日
    浏览(72)
  • hexo+GitHub搭建个人博客前期安装部署

    安装Git ==================================================================== 什么是Git Git是目前世界上最先进的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。Git也是你博客平台

    2024年04月22日
    浏览(67)
  • Vitepress部署到GitHub Pages,工作流

    效果: 部署 VitePress 站点 | VitePress 执行 npm run docs:build,npm run docs:preview,生成dist文件   手动创建.gitignore文件: node_modules .DS_Store dist-ssr cache .cache .temp *.local 使用npm install命令创建package-lock.json文件 config.mts文件中添加base,仓库名称 去github,名称一致(这个不确定哈)   在编

    2024年04月08日
    浏览(49)
  • Error-Spawned-Hexo部署到Github问题解决

    将Hexo博客部署到Github上常常会遇到报错: FATAL Something’s wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.html Error: Spawn failed at ChildProcess. (E:Blognode_moduleshexo-deployer-gitnode_moduleshexo-utillibspawn.js:51:21) at ChildProcess.emit (node:events:514:28) at cp.emit (E:Blognode_modulescr

    2024年02月21日
    浏览(36)
  • 使用内网云+GitHub Pages免费部署动态网站

    目录 一、失败的经历 1.花生壳 2. nat123 3. 网云穿 4. cpolar 5. ngrok 6.金万维快解析 7.神卓互联 8.内网云(neiwangyun.net) 9.localhost.run 10.GitHub Pages(pages.github.com) 11.IPv6 12.IPv6+GitHub Pages 13.FRP 14.nps 二、终极方案:内网云+GitHub Pages 相信很多人都想搭建网站吧。但是,搭建网站不光得自

    2024年02月11日
    浏览(45)
  • github使用workflow工作流git push后自动打包部署github pages

    根目录新建.github/workflows/docs.yml .github/workflows/ 目录是用于存放 GitHub Actions 工作流程文件的目录,该目录的文件名必须以 .yml 或 .yaml 为后缀名,否则 GitHub 将无法识别该文件为工作流程文件。这些工作流程文件可用于自动化执行项目中的各种任务,例如构建、测试、部署等。

    2024年02月10日
    浏览(53)
  • 通过 Github workflows CI/CD 自动化部署 Github Pages hugo 免费博客

    文章博客地址:https://blog.taoluyuan.com/posts/github-workflows/ GitHub Actions 介绍 GitHub 文档:https://docs.github.com/zh/actions/learn-github-actions/understanding-github-actions 官方介绍: GitHub Actions 是一种持续集成和持续交付 (CI/CD) 平台,可用于自动执行生成、测试和部署管道。 您可以创建工作流程来

    2024年02月07日
    浏览(57)
  • 如何使用Github pages托管网页

    最近呢,我一直在整网页方面的东西,给大家推荐了热铁盒、Cpanel等,都是免费的。今天讲的是如何用Github托管网页。 Step1:准备工作 准备一个电脑和一个能用的浏览器。 开始! step2:准备一个Github账号。(有账号的可以跳过) 首先,进入到GitHub: Where the world builds software

    2023年04月10日
    浏览(52)
  • 从零用VitePress搭建博客教程(7) -– 如何用Github Actions自动化部署到Github Pages?

    接上一节: 从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档  我们搭建完成vitePress后,那么接下来就是如何部署到线上服务器,这里使用Github Pages,免得自己购买服务器,当然你也可以自己购买服务器来部署(比如阿里云服务器)。 在部署之

    2024年02月08日
    浏览(73)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包