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也要改

大专栏  Hexo自定义页面做首页>

123456
//# 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保存

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

清空原来那个repo

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

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

总结

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

原文地址:https://www.cnblogs.com/lijianming180/p/12433479.html

时间: 2024-10-07 05:50:57

Hexo自定义页面做首页的相关文章

利用循环栏目导航标签及自定义页面制作帝国CMS网站地图

网站地图,又称站点地图,它就是一个页面,上面放置了网站上所有页面的链接.也简洁地表现了网站栏目关系,一般就包含顶级栏目和二级栏目.搜索引擎蜘蛛非常喜欢网站地图.在帝国CMS中没有生成网站地图的功能,所以嗨分享今天就给大家介绍一种方法生成它的网站地图. 主要用到帝国CMS中的两个重要知识点: 一.循环栏目导航标签(listshowclass) 二.自定义页面 第一步:增加标签模板 帝国CMS网站后台--[模板]-左侧[标签模板]-[管理标签模板] 可以增加一个标签模板,也可以直接使用 ID为1,模

iOS 自定义页面的切换动画与交互动画

在iOS7之前,开发者为了寻求自定义Navigation Controller的Push/Pop动画,只能受限于子类化一个UINavigationController,或是用自定义的动画去覆盖它.但是随着iOS7的到来,Apple针对开发者推出了新的工具,以更灵活地方式管理UIViewController切换. 自定义导航栏的Push/Pop动画 为了在基于UINavigationController下做自定义的动画切换,先建立一个简单的工程,这个工程的rootViewController是一个

SharePoint开发 - 自定义页面(错误页、登出页)

本文叙述如何自定义SharePoint的固有页面,比较简单,用一句话说就是“做个页面,写一句代码.” 创建SharePoint空解决方案,添加Layouts映射文件夹,添加页面文件error.aspx和signout.aspx. error.aspx [html] view plaincopyprint? <%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %> <%@ Import Namespace=

FineUI小技巧(6)自定义页面回发

前言 FineUI中的绝大部分回发事件都是由控件触发了,比如按钮的点击事件,下拉列表的改变事件,表格的排序分页事件.但有时我们可能会要自己触发页面回发,这时就要知道怎么使用 JavaScript 来做了,当然这个过程还是 FineUI 所默认支持的AJAX. 手工调用__doPostBack函数 相信每一位使用ASP.NET WebForms的同学都知道这个著名的函数,因为几乎每个页面的源代码中都能看到他的身影: 1 <script type="text/javascript"&

博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)

前言 在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动画特效,在本文中我们将教大家制作当前简约的页面制作方法. 只要你们有需求,我会尽量帮助到大家,在此感谢各位广大粉丝的支持和理解,我会尽量做到最好,希望小主们不要吝啬你们的支持和推荐,动动小手顶一顶,非常感谢大家长久的陪伴~~ 全部过程都是在“管理->设置”中完成的,博客皮肤推荐使用Simple Me

【Spring Security 四】自定义页面

在前面例子中,登陆页面都是用的Spring Security自己提供的,这明显不符合实际开发场景,同时也没有退出和注销按钮,因此在每次测试的时候都要通过关闭浏览器来注销达到清除session的效果. 一 .自定义页面 login.jsp: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE

如何给网站页面做优化

如何给网站页面做优化 在页面优化中,文字,图片,样式,位置,以及关键词密度都有重的权重. 1.首先看页面内容以及关键词等 (1)首先要设置标题,title关键,这个是搜索引擎索引标题,也就是咱们的文章或者页面的标题.这个一定要简洁明了,而且要符合平常人的搜索习惯.比如人们常搜索"什么是seo "那么我们定义title 的时候就不要写"seo的定义". (2)关键词描述和文章描述:专业网站制作首先说 关键词,这里是指页面meta中的keyword内容,关键词主要是页面

Salesforce 自定义页面并实现手机端自适应

一.使用salesforce实现自定义的"任务签到"页面,实现了百度地图地位功能 1)首先必须创建一个自定义页面 2)创建salesforece对象 3)创建控制器 4)进入页面写代码 二.代码实现 前台页面代码 <apex:page showHeader="false" sidebar="false" standardStylesheets="false" showQuickActionVfHeader="f

odoo通过actions.client进行自定义页面

一.使用原因 由于odoo自带页面在项目开发过程中无法满足使用,需要使用到动作ir.actions.client进行自定义视图的开发,实现自定义的xml视图开发. 二.实现目标 三.开发过程 1.项目目录:这里主要运用到三个文件:web.js.web.xml.vehicle_police.xml.base_views.xml    2.vehicle_police.xml文件中使用ir.actions.client动作视图定义了一个自定义动作. <record id="vehicle_po