GithubDesktop与Hexo结合使用,解决博客更新问题.

起因

首先是使用Hexo的命令时,先放一些常用的简单命令在这里:

hexo new "name"       # 新建文章
hexo new page "name"  # 新建页面
hexo g                # 生成页面
hexo d                # 部署
hexo g -d             # 生成页面并部署
hexo s                # 本地预览
hexo clean            # 清除缓存和已生成的静态文件
hexo help             # 帮助

如果对于我们自己的页面添加新的博客或者做出新的改动时,除了通过本地服务器进行查看之外,如果想要同步更新到远程仓库,就需要通过Hexo d将当前生成的全部页面内容更新到Github上面.但是由此产生的问题是,如果你将你自己的域名指向了你的Github-Page,那么每当部署一次内容,就需要重新设定一次Github-Page的个性域名,很是麻烦.

虽然看网上的教程中提到,可以通过在整个博客文件下的source文件中添加文件CNAME,内容填写想要绑定的域名内容,但实际操作中发现其实并不管用.

由此我想到了当我使用Github时,对远程仓库进行更新,需要先将远程仓库拉取到本地,在本地做出更改后,再push到远程仓库.这个过程不需要对添加的域名映射进行更改.而是直接push就好.

具体操作

说明

本内容适用于:

• 主机Windows10(或许其他也可以,但是笔者并未尝试过

• 已经在本地安装好Hexo,Git以及GithubDesktop的主机.

• 已经选择好主题并且将其克隆至本地文件夹的主机.

如果你还没有安装好Hexo,这里提供友链以供安装使用:

使用 Hexo+GitHub 搭建个人免费博客教程

以及安装Git的教程:

Git 详细安装教程（详解 Git 安装过程的每一个步骤）_mukes的博客-CSDN博客_git安装

检查:

通过命令行进行安装确认和检查:

操作

如果下载安装好了主题,那么博客文件夹的内容应该如下所示:

有些许的不同是正常的,不需要特别在意.

理论:

• 方便起见,上面文件我们暂且将其命名为根文件.其路径D:\Github_Hexo_test命名为根路径.
• 根文件中的public文件,是通过调用hexo g生成的真正需要上传到远程仓库的内容.
• 每次通过GithubDesktop克隆下来的远程库的内容正是上次上传的内容.
• 修改public文件并不会影响在根文件中运行hexo g命令生成新的页面内容
• GithubDesktop会自动检测克隆到本地库的文件的更改内容,然后可以将更改push到远程仓库.

实践:

• 将当前根文件中的public文件做备份public-1,将public文件删除.

• 打开GithubDesktop,将远程仓库github.username.io克隆至根路径\public.

  注意⚠️:这里一定不要直接在Explorer中新建,而是在下面路径中输入根路径\public.

  示例:
  

• 点击Clone,等待克隆完成.

至此,整个流程基本结束.

检验:

接下来通过创建一篇新的博客确认是否成功:

• 在根目录下右键,选择Git bash here.

• 输入hexo new "xxx",文件名xxx可以随便取,这里笔者使用Visualization-HW2

• 进入根路径\source\_posts\xxx.md,在内容中随便输入任何内容都可.
  

• 关闭当前文件,重新在git命令行中输入hexo g生成.

• 打开GithubDesktop,可以发现会提示当前本地库发生改变.

• 在左下角输入提交名称,然后提交.

• 在上方选择Push Origin.

• 打开浏览器,查看自己的页面是否更新完成!