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

Posted 2022-12-06 SmallCheric

上一篇中我们介绍了如何配置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 的错误提示,该错误原因有以下几点
  

   
  
  
     
  在_config.yml文件中,deploy模块中冒号后面没有加空格
  将type类型写成了github,正确写法是git
  在改文件夹下执行 npm install hexo-deployer-git –save 命令后重新执行 hexo d命令
  将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 g和hexo 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 g和hexo d命令,即可在github上查看效果

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

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