Hexo自定义页面做首页

YULIU 2020-03-07

如果你想了解如何在 GitHub Pages上传自己写的网页作为首页,hexo博客作为其子页?即自己写的页面作为 http://user.github.io 的页面,将hexo博客放在http://user.github.io/blog上,怎么做?那就接着往下看…

首先在看接下来的内容之前你至少已经会如何将hexo博客搭建在github page上了,如果还不会的童鞋可以查阅我之前写的文章:如何使用github + hexo搭建属属于自己的博客;

关于如何使用个人网页做主页的教程网上也有不少,但大多是给你一大段git命令,像我这中纯粹因为好玩还没好好学习git命令的人来说实在是太艰难了,好在在不断的摸索中,终于总结出来了一套不怎么需要太多Git命令的方法来,但要完全操作下来至少你也要对node,git,hexo有所了解。

之前我的想法是通过子域名访问,即主域名(yoursite.com)和子域名(blog.yoursite.com)都解析到你的GitHub Pagesyourname.github.io。然后再自定义主页,比如index.html。但通过查阅资料了解到了一个新的概念,叫做分支。

那么你首先要明白什么是分支?我们知道github page给我们提供了免费的服务,但我们只能创建一个仓库来存放并展示我们的页面,但我们知道一个人不可能只有一个项目,那如果每次查看都要重新部署到主github page那也太麻烦了,所以github提供了分支功能,你只要把项目设置为master的分支就可以通过yourname.github.io/分支去访问,当然分支的作用远不及此,用兴趣的同学可以自己去查看相关资料,这里我就不再赘述了。

新建一个repository

名字可以随意,我的是blog。那么你现在就有了一个空的repo了,注意这里创建的时候不需要CNAME文件的。创建完成之后你可以先放着不去管它。我们先把修改配置文件,将博客上传到这个仓库中。

修改Hexo配置问件_config.yml

找到url下的root 修改成/你起的名字/ (博主这里就是/blog/)url也要改

123456
大专栏  Hexo自定义页面做首页>
//# URL//## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'url: https://www.yfvip.top/blogroot: /blog/permalink: :year/:month/:day/:title/permalink_defaults:

然后再找到_config.yml下的deploy,把repository改成你新的repository的clone地址

1234
deploy:type: gitrepo: https://github.com/Qiu522/blog.gitbranch: master

重新部署你的博客

在对应文件下得git bash下输入 hexo g -d,打开你刚才新建的repo你会发现已经存在博客文件了,当然不用着急,现在这纯粹只是一个仓库还不能够直接访问。点击settings,一直往下翻找到github pages这儿点source选择master branch,然后点save保存
Hexo自定义页面做首页

之后你会发现他会显示Your site is published at http://www.yfvip.top/blog/,这说明你已经成功将repo创建成了master分支。

清空原来那个repo

到了这一步你就可以将原来的repo里的内容清空了,然后放进你自己想要的个人主页进去,如果想跳转到你的博客只需要通过链接跳转就好了。

1
<a href="blog/"></a>

总结

到这你就完成了你博客的部署,你也可以根据需要安装配置你的主题,有兴趣的同学可以深入学习一下git命令操作,毕竟你要使用github进行版本控制或者团队协作都需要你对git有做了解,最后希望我的教程能对你有所帮助。

相关推荐

JingLisen / 0评论 2020-01-06