史上最新版GitHub+Hexo配置系列教程-Hexo+GitHub关联-三

本文详细介绍了如何在本地配置Hexo环境,并将其与GitHub关联,实现个人博客的快速搭建及内容发布流程。从配置文件详解到文章发布的每一步都有具体指导。

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

上一篇中我们介绍了如何配置GitHub端的具体操作,接下来,就是将Hexo与GitHub进行关联,然后就是见证奇迹的时刻. Let’s Go!

在Hexo配置文件中关联GitHub账号

  • 1.找到刚才所建的目录(F:\Hexo下),编辑 _config.yml,拖到最下方,找到deploy标签,然后更为如下配置,注意:你自己在修改时,需要将 suericze修改为自己的用户名
    deploy: 
    type: git
    repository: https://github.com/suericze/suericze.github.io.git
    branch: master
  • 2.注意: 因yml格式问题,所有键值对的”:”冒号后面必须跟有一个空格
  • 3.注意: 自Hexo 3.0以后,type类型都为 git,而非 github
  • 4.然后在F:/Hexo目录下,右键,选择Git Bash,输入以下命令即可完成部署和同步
    命令如下: 
    $ hexo generate 或 hexo g
    $ hexo deploy 或 hexo d
  • 5.Ok,到此我们的博客已经完全搭建并关联起来了,现在在浏览器中访问suericze.github.io即可看到自己的成就.

注意事项

  • 1.每次在本地进行改动后,不管是什么改动,都需要在F:\Hexo 文件夹下打开Git Bash,执行hexo g
  • 2.如果需要同步到github中,则在执行完hexo g命令后,再次执行hexo d即可
  • 3.在执行hexo d命令时,会让输入你的github邮箱和密码,在输入密码时为了安全考虑,输入字符时是不会显示的,请放心输入
  • 4.有的电脑在执行hexo d命令时,会出现ERROR Deployer not found: github 的错误提示,该错误原因有以下几点
     
    1. 在_config.yml文件中,deploy模块中冒号后面没有加空格
    2. 将type类型写成了github,正确写法是git
    3. 在改文件夹下执行 npm install hexo-deployer-git –save 命令后重新执行 hexo d命令
    4. 将Git Bash命令关掉,重新打开执行
  • 5.在github端设置完成后,有时候直接访问会出现404错误,这是正常的,一般等待十分钟左右就可以访问了,如果还不行,可能是你在注册账号的时候没有验证邮箱中的邮件.
  • 6.如遇到其他不可解决的问题,可以尝试删除.deploy_git文件夹及db.json,再次重新生成即可

发布一篇文章

既然博客已经搭建完毕,现在肯定想跃跃欲试,发布一篇博客,所以我们需要更改一些默认设置,来将站点打造成真正属于自己的网站.

博客配置一般需要用到两个文件,一个是对全局进行配置的_config.yml文件,另一个是对主题进行配置的文件(暂时还没有设置,找到后后续补充)

F:\Hexo_config.yml



# Hexo Configuration ## Docs: https://hexo.io/docs/configuration.html ## Source: https://github.com/hexojs/hexo/ # Site title: Test #网站名称 subtitle: Test #副标题,在titile下方可看到 description: des #描述,可自定义 author: au #作者,可以在左下角看到 language: zh-CN #中文 timezone: PRC #时区 People's Republic of China,中华人民共和国

现在可以执行hexo ghexo d命令来查看更改的效果了.

发布文章

  • 1.在F:\Hexo下打开Git Bash命令,执行hexo n "This my first blog"
  • 2.创建成功后,就可以在F:\Hexo\source_posts中看到该md文件,在这里,可以使用MarkdownPad 2 或者 记事本 打开,然后进行自定义更改
---
title: This my first blog #这里是正文,可以更改
date: 2016-03-21 22:58:49 #时间戳,一般不改




tags: [Test] #分类标签 --- #下面是正文,可以使用Markdown语法进行书写
  • 3.然后执行hexo ghexo d命令,即可在github上查看效果

小贴士:当然,你也可以执行hexo ghexo s命令在本地打开localhost:4000进行本地访问,然后在同步到GitHub上.

ok,到此,你的Hexo博客已经完全搭建起来了,你自己也可以访问自己的独有站点,开启你的博客旅程吧,后期将写到Hexo的优化,欢迎童鞋们查阅~~~

### 如何在 GitHub 上使用 Hexo Matery 主题配置和部署博客 #### 安装必要的软件环境 为了顺利运行 Hexo 并将其与 GitHub 结合,需准备好 Git 和 Node.js 环境。对于文件编辑,则可以选择任意一款合适的编辑工具来完成配置工作[^5]。 #### 创建并初始化 Hexo 博客站点 通过命令行创建一个新的 Hexo 站点,并进入该目录下执行初始化操作: ```bash hexo init myblog cd myblog npm install ``` #### 添加 Matery 主题至 Hexo 博客 前往 [Matery 主题的 GitHub 页面](https://github.com/blinkfox/hexo-theme-matery),下载最新版本的主题压缩包后解压到本地 `themes` 文件夹内;或者直接利用 Git 克隆仓库: ```bash git clone https://github.com/blinkfox/hexo-theme-matery.git themes/matery ``` 随后,在根目录下的 `_config.yml` 中指定使用的主题名称为 matery: ```yaml theme: matery ``` #### 设置代码高亮插件 考虑到默认的代码高亮样式可能不够美观,建议安装 prism 插件以增强视觉效果: ```bash npm i -S hexo-prism-plugin ``` 接着按照官方文档说明调整相应设置项[^2]。 #### 配置 GitHub Pages 发布服务 为了让生成的内容能够托管于 GitHub Pages 上展示给访问者浏览,先要确保已成功注册了一个属于自己的 GitHub 账号以及建立了对应的远程仓库用于存储静态网页资源。之后依照以下步骤进行具体参数设定: - 编辑位于项目顶层路径中的 `_config.yml` 文件,找到 deploy 字段并补充完整如下所示的信息片段(记得替换掉其中占位符部分)[^1]: ```yaml deploy: type: git repo: github: git@github.com:<用户名>/<仓库名>.git branch: main # 或者 master 取决于目标分支实际叫法 ``` - 接着添加 hexo-deployer-git 插件支持以便后续可以一键推送更新后的 HTML 至远端服务器保存起来待发布之用: ```bash npm install hexo-deployer-git --save ``` 最后每次想要同步最新的更改记录时只需简单输入两条指令即可实现自动化流程处理: ```bash hexo clean && hexo g -d ``` 这会清除缓存、重新编译全部文章再提交改动推送到关联好的在线平台上去。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值