首页 > 编程知识 正文

github搭建个人博客(超详细教程),hexo部署到github上之后无法访问

时间:2023-05-03 14:37:26 阅读:282232 作者:1914

起因

首先是使用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_postsxxx.md,在内容中随便输入任何内容都可.

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

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

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

在上方选择Push Origin.

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。