文档章节

使用Hexo在Github上搭建自己的博客

FuYung
 FuYung
发布于 2015/07/31 11:58
字数 973
阅读 187
收藏 6

使用Hexo在Github上搭建自己的博客

      以前的博客是使用Jekyll托管在github上,后来用着越来越不方便,比如没有自动生成post,不能一键部署,文件结构和配置也是比较繁琐,更重要的是有时候用markdown写一篇文章,生成的静态文件很乱,应该是有些字符解析的问题。现在下决心换成了hexo

Nodejs安装

因为hexo是基于nodejs的应用,所以要先安装nodejs才可以。我这里以ubuntu为例,因为我自己一直在使用ubuntu。使用如下命令即可:

sudo apt-get install nodejs sudo apt-get install npm
Hexo
 是一个功能强大的静态网站生成系统,快速、简洁、高效。Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。可以一键部署到github,还有丰富的插件和主题,还支持热部署哦。执行如下命令进行安装。

Hexo安装

sudo npm install hexo-cli -g

快速开始

安装Hexo安成后,使用如下命令快速新建一个博客系统,然后运行它


现在我们来看看Hexo 生成博客的目录结构
如果npm安装失败,请使用sudo安装。运行成功后,访问http://0.0.0.0:4000/就可以看到博客的样子的,对就是我现在的博客这个样子,o(∩∩)o...哈哈。

.
├── _config.yml ├── db.json ├── node_modules
├── package.json ├── public
├── scaffolds
├── source
└── themes

其中_config.yml是配置站点的文件,public是hexo生成的静态站点文件夹,scaffolds是模板文件夹,source是存在用户资源的文件夹,themes是主题文件夹。

站点配置

找到title,subtitle,author参数配置,分别配置站点的标题、副标题和作者,比如我这里是:

title: 飞雪无情的博客
subtitle: 专注于Android、Java、移动互联网、项目管理、软件架构
description:author: 飞雪无情
language: zh-CN

然后配置站点的url和permalink,这两个分别是你的站点的url host地址以及文章的永久连接,我这里是:

url:  
root: /
permalink: :year/:month/:day/:title.html
permalink_defaults:

permalink 我配置的是年月日以及title,后缀是html,便于搜索收录。permalink详情参见: http://hexo.io/zh-cn/docs/permalinks.html

新增一篇文章

使用如下命令即可新增一篇md格式的文章

hexo new 'github-page-with-hexo'

Front-matter 是文件最上方以 —- 分隔的区域,用于指定个别文件的变量,举例来说:然后就会在sources/_posts生成一篇文件名为github-page-with-hexo.md的markdown文件。编辑该文件就可以写博客了。这里有一些Front-matter需要介绍,可以配置文章使用的模板、所属的分类和tag等。

title: "使用Hexo在Github上搭建自己的博客"
date: 2015-03-10 22:30:04
tags: - Hexo - Github
categories: - Hexo
---

请注意,目前的categories只能有一个一级分类,如果填写多个,第二个会被解析为二级分类,以及类推。tags可以允许有多个。更多关于Front-matter请参考 http://hexo.io/zh-cn/docs/front-matter.html

发布到github page

首先你已经创建好了你的github page对应的git库,没有创建的可以google相关博客。然后新建一个hexo分支,存放你现在hexo的所有文件。然后执行如下命令清理并生成发布的静态站点文件。

hexo clean
hexo generate

最后然后把生成的public目录下的文件放到你的master分支下即可。git commit后把这两个分支推送到你的github上。git库结构可以参见我的github page库 https://github.com/rujews/rujews.github.io

然后等个几分钟,访问你的域名就可以看到你的网站了。如http://www.flysnow.org/ 。关于更多的Hexo请参考官方文档,以后有时间也会介绍 http://hexo.io/zh-cn/docs/

转载:http://www.flysnow.org/2015/03/10/github-page-with-hexo.html

本文转载自:http://www.flysnow.org/2015/03/10/github-page-with-hexo.html

共有 人打赏支持
FuYung
粉丝 12
博文 24
码字总数 15729
作品 0
深圳
后端工程师
如何搭建一个独立博客——简明Github Pages与Hexo教程

重要更新 由于我在2015-07-26换了 mac ,博客平台从 hexo 转移 jekyll. 为什么用 keyll?因为用keyll搭建博客真的好简单.比 hexo 简单多了. 接下来,我将用十步教你搭建博客. 继续用我的教程一直...

CasparLi
2015/09/21
301
1
在 VPS 上搭建 Hexo 博客,使用 Git 部署

摘要:因为 hexo 的搭建和使用与其他博客程序不同,而且搜索到的很多结果都是在 Github 上搭建 hexo 的教程。于是就有很多朋友问我 VPS 也可以搭建 hexo 吗?刚好前几天在迁移博客的时候也查...

Viosey's Blog
2017/12/20
0
0
Hexo遇上Travis-CI:可能是最通俗易懂的自动发布博客图文教程

相信很多同学都有自己的博客,如果没有,可以参看《Hexo建站:部署到github》,利用Hexo和github pages服务搭建一个美观便捷的博客,Hexo可以将你编写的md文档解析渲染成html网页,最后通过g...

MichaelX
2017/11/30
0
0
hexo搭建在gitpage上的博客重新搭建

在自己的机子上使用了hexo搭建了gitpage,并且代码提交到了github,突然有一天有需要重新clone处理一下搭建的gitpage,这个时候我们需要的是再原有的基础之上写文章,什么都不变。 为了这个目...

cocoi
2015/05/30
1K
2
你该有一个属于自己的个人博客了

个性与张扬 前言 周末用了不到一天时间搭建了属于自己的博客,欣喜之余,就想着提笔将个人博客搭建的详细过程记录下来,以便分享给众读者使用; 搭建之前,笔者看过其他博客的搭建教程,上面...

Jack_lin
2016/08/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

centos7安装Nginx

安装所需环境 一. gcc 安装 安装 nginx 需要先将官网下载的源码进行编译,编译依赖 gcc 环境,如果没有 gcc 环境,则需要安装: yum install gcc-c++ 二. PCRE pcre-devel 安装 PCRE(Perl Co...

狼王黄师傅
10分钟前
0
0
dubbo+apollo微服务开发指南

为了大家比较快速的开发微服务,规范dubbo,spring,mybatis,hessian,netty的版本和用法,我写了一个demo,下面对demo的功能做个简单的介绍,如有疑问的地方,可以私下问我。 微服务项目示例 ...

PageYi
12分钟前
0
0
android流式布局、待办事项应用、贝塞尔曲线、MVP+Rxjava+Retrofit、艺术图片应用等源码

Android精选源码 android模仿淘宝首页效果源码 一款艺术图片应用,采用T-MVVM打造 Android MVP + RxJava + Retrofit项目 android流式布局实现热门标签效果 android仿淘宝客户端商品详情页效果...

Android爱开源
14分钟前
0
0
一步一步安装hive

The Apache Hive ™ data warehouse software facilitates reading, writing, and managing large datasets residing in distributed storage using SQL. Structure can be projected onto d......

hnairdb
17分钟前
0
0
【WebService 系列二 使用JAX-WS开发示例程序】

1、服务端代码 1.1、编写SEI SEI即(Service Endpoint Interface)SEI在ws中称为portType,在java中称为接口 package jaxws.server;/** * @className: HelloService * @description: jax......

HansonReal
27分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部