文档章节

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

FuYung
 FuYung
发布于 2015/07/31 11:58
字数 973
阅读 186
收藏 6
点赞 0
评论 0

使用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
hexo搭建在gitpage上的博客重新搭建

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

cocoi
2015/05/30
1K
2
Hexo遇上Travis-CI:可能是最通俗易懂的自动发布博客图文教程

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

MichaelX
2017/11/30
0
0
在 VPS 上搭建 Hexo 博客,使用 Git 部署

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

Viosey's Blog
2017/12/20
0
0
Hexo+Github搭建个人博客(一)——开始搭建

  前段时间本人利用业余时间,在网上查询各种资料,使用Hexo+Github的方式搭建起了我个人的博客—— BrightLoong。相信网上已经有无数前辈写了类似的文章来记录如何搭建博客的过程和步骤,...

BrightLoong
2017/02/28
0
0
你该有一个属于自己的个人博客了

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

Jack_lin
2016/08/27
0
0
HEXO+Github,搭建属于自己的博客

由于文章排版样式问题,你可以直接【查看原文】,样式看起来会舒服些,有问题可以直接在 我的个人博客 评论里问。这篇文章讲的是使用HEXO搭建个人博客,推荐下我的另外一篇 Jekyll搭建个人博...

潘柏信
2015/08/12
0
0
记录第一次搭建hexo

title: 记录第一次搭建hexo date: 2016-11-22 14:57:37 type: "hexo" tags: - 搭建hexo 即使扒了很多大佬的搭建教程,还是踩了很多坑,所以打算记录下来自己的搭建过程。本文主要介绍win10下...

黑天很黑
2016/11/22
0
0
使用HEXO+GitHub搭建自己博客的步骤教程

使用HEXO+GitHub搭建自己博客的步骤教程 这是一篇在windows系统上的搭建的步骤,安装hexo前要先安装Node.js和Git 第一步 -用Git Bash进入一个安全目录(cd d:或者cd ~/Desktop),不要进入根目...

fw_summer的博客
2017/12/16
0
0
搭建属于自己的免费博客系统

以前写博客时用的是CSDN、 博客园、新浪博客之类的博客系统,这类博客系统好处就是什么都弄好了,有自己的博客管理后台,自己只需要写文章即可,但是一类大缺点就是广告太多,打开一篇文章,...

ostracod
2017/03/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

java 重写排序规则,用于代码层级排序

1.dataList 是个List<Map<String,Object>> 类型的数据,所以比较的时候是冲map中获取数据,并且数据不能为空。 2.dataList 类型是由自己定义的,new Comparator<Map<String,Object>> 也是对应......

轻量级赤影
6分钟前
0
0
分布式大型互联网企业架构!

摘要: 开发工具 1.Eclipse IDE:采用Maven项目管理,模块化。 2.代码生成:通过界面方式简单配置,自动生成相应代码,目前包括三种生成方式(增删改查):单表、一对多、树结构。生成后的代码...

明理萝
6分钟前
0
1
对MFC程序的一点逆向分析:定位按钮响应函数的办法

因为消息响应函数保存在AFX_MSGMAP_ENTRY数组中, 观察nMessage、nCode、nID、pfn利用IDA在rdata段中搜索即可, 在IDA中找到代码段基址0x401000,函数地址0x403140, 在WinDbg中运行!addre...

oready
6分钟前
0
0
阻抗匹配与史密斯(Smith)圆图基本原理

参考:http://bbs.eeworld.com.cn/thread-650695-1-1.html

whoisliang
12分钟前
0
0
maven配置文件分离

一、 简介 遇到很多次别人处理的项目,测试环境,本地开发和线上环境的配置不一样,每一次部署都要重新修改配置文件,提交审核代码,才能打包,非常不方便。 其实相信很多人都知道可以使用m...

trayvon
12分钟前
0
0
MacOS和Linux内核的区别

导读 有些人可能认为MacOS和Linux内核有相似之处,因为它们可以处理类似的命令和类似的软件。甚至有人认为苹果的MacOS是基于linux的。事实上,这两个内核的历史和特性是非常不同的。今天,我...

问题终结者
28分钟前
1
0
SpringBoot | 第八章:统一异常、数据校验处理

前言 在web应用中,请求处理时,出现异常是非常常见的。所以当应用出现各类异常时,进行异常的捕获或者二次处理(比如sql异常正常是不能外抛)是非常必要的,比如在开发对外api服务时,约定了响...

oKong
36分钟前
2
0
mysql高级

一、存储引擎 InnoDB MyISAM 比较 二、数据类型 整型 浮点数 字符串 时间和日期 三、索引 索引分类 索引的优点 索引优化 B-Tree 和 B+Tree 原理 四、查询性能优化 五、切分 垂直切分 水平切分...

丁典
56分钟前
1
0
rsync通过同步服务、系统日志、screen工具

rsync通过后台服务同步 在远程主机中建立一个rsync服务器,在服务器上配置好rsync的各种应用,然后将本机作为rsync的一个客户端连接远程的rsync服务器。 首先在A机器上建立并且配置rsync的配...

黄昏残影
今天
5
0
Spring Cloud Gateway 接口文档聚合实现

在微服务架构下,通常每个微服务都会使用Swagger来管理我们的接口文档,当微服务越来越多,接口查找管理无形中要浪费我们不少时间,毕竟懒是程序员的美德。 由于swagger2暂时不支持webflux 走...

冷冷gg
今天
150
2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部