Hexo自定义页面做首页
Posted lijianming180
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Hexo自定义页面做首页相关的知识,希望对你有一定的参考价值。
如果你想了解如何在 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也要改
1 | 大专栏 Hexo自定义页面做首页>//# URL |
然后再找到_config.yml下的deploy,把repository改成你新的repository的clone地址
1 | deploy: |
重新部署你的博客
在对应文件下得git bash下输入 hexo g -d,打开你刚才新建的repo你会发现已经存在博客文件了,当然不用着急,现在这纯粹只是一个仓库还不能够直接访问。点击settings,一直往下翻找到github pages这儿点source选择master branch,然后点save保存
之后你会发现他会显示Your site is published at http://www.yfvip.top/blog/,这说明你已经成功将repo创建成了master分支。
清空原来那个repo
到了这一步你就可以将原来的repo里的内容清空了,然后放进你自己想要的个人主页进去,如果想跳转到你的博客只需要通过链接跳转就好了。
1 | <a href="blog/"></a> |
总结
到这你就完成了你博客的部署,你也可以根据需要安装配置你的主题,有兴趣的同学可以深入学习一下git命令操作,毕竟你要使用github进行版本控制或者团队协作都需要你对git有做了解,最后希望我的教程能对你有所帮助。
以上是关于Hexo自定义页面做首页的主要内容,如果未能解决你的问题,请参考以下文章