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

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

Nodejs安装

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


  1. sudo apt-get install nodejs
  2. sudo apt-get install npm

Hexo安装

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


  1. sudo npm install hexo-cli -g

快速开始

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


  1. hexo init blog
  2. cd blog
  3. npm install
  4. hexo server

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

现在我们来看看Hexo 生成博客的目录结构:


  1. .
  2. ├── _config<span class="class">.yml</span>
  3. ├── db<span class="class">.json</span>
  4. ├── node_modules
  5. ├── package<span class="class">.json</span>
  6. ├── public
  7. ├── scaffolds
  8. ├── source
  9. └── themes

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

站点配置

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


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

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


  1. url: http://www.flysnow.org
  2. root: /
  3. permalink: :year/:month/:day/:title.html
  4. permalink_defaults:

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

新增一篇文章

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


  1. hexo new 'github-page-with-hexo'

然后就会在sources/_posts生成一篇文件名为github-page-with-hexo.md的markdown文件。编辑该文件就可以写博客了。这里有一些Front-matter需要介绍,可以配置文章使用的模板、所属的分类和tag等。

Front-matter 是文件最上方以 —- 分隔的区域,用于指定个别文件的变量,举例来说:


  1. title: "使用Hexo在Github上搭建自己的博客"
  2. date: 2015-03-10 22:30:04
  3. tags:
  4. - Hexo
  5. - Github
  6. categories:
  7. - Hexo
  8. ---

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

发布到github page

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


  1. hexo clean
  2. 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/ 。

原文发布时间为:2015-07-31



本文来自合作伙伴“Linux中国

时间: 2024-09-17 09:03:26

使用Hexo在Github上搭建自己的博客的相关文章

使用hexo在GitHub上搭建个人博客网站

前言 为什么要使用GitHub Pages搭建博客? GitHub使用免费,空间充足 管理安全方便,基于GitHub版本控制 定制化程度高,与其他博客网站相比没有什么约束 可以自由指定域名且不许要备案 基于全球最大的男性交友网站GitHub,方便交流... 所需环境 node.js@5.5.0 git@1.9.2 hexo@3.2.2 Github账号 新建一个repository repository名称为 username.github.io 随便选择一个主题 此时在浏览器中输入 usern

阿里云ECS服务器搭建wordpress个人博客网站【详细图文教程】

阿里云ECS服务器搭建wordpress个人博客网站[小白专用的图文教程] 在阿里云上搭建使用个人博客主要分为以下几个步骤: 1.购买阿里云ECS主机 2.购买域名 3.申请备案 4.环境配置 5.安装wordpress 6.域名解析 声明一下,本人对服务器端的知识不是很熟悉,但一心想做个自己的个人网站装一下哔,特此记录一下完整的配置过程,也算是给其他小白们的一剂福利吧.   开发环境: 物理机版本:Win 7 旗舰版(64位) xshell版本:Xshell 5 Build 0806 xftp

Mac下体验Hexo与Github Pages搭建

很久之前就知道Github可以发布自己的博客,因为仅支持静态文件,一直懒于动手自己进行编辑.再了解到还存在 JekyII 和 Hexo 这样的内容生成框架后,终于决定体验一下. 一.本地环境准备. Github Pages的申请过程就不再搬砖,Github的页面上说的很清楚,注意每个用户只能创建一个与自己用户名相同的Pages. Pages申请好之后,可以克隆到本地的文件夹,这样 hexo 运行的文件夹就准备好,可以开始准备本地的hexo环境. hexo需要有nodes和nam的支持,我先安装了

Flask入门教程实例:搭建一个静态博客_python

现在流行的静态博客/网站生成工具有很多,比如 Jekyll, Pelican, Middleman, Hyde 等等,StaticGen 列出了目前最流行的一些静态网站生成工具. 我们的内部工具由 Python/Flask/MongoDB 搭建,现在需要加上文档功能,写作格式是 Markdown,不想把文档放到数据库里,也不想再弄一套静态博客工具来管理文档,于是找到了 Flask-FlatPages 这个好用的 Flask 模块.熟悉 Flask 的同学花几分钟的时间就可以用搭建一个简单博客,加

如何选择搭建个人独立博客主机

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 个人独立博客相信大家都不陌生,搭建个人博客主要分为:注册域名.选择博客主机.挑选博客程序.安装博客程序.选择博客主题.写博文.在这一系列过程中,如何选择搭建个人独立博客主机是最重要的一环. 托管网站的主机目前主要有虚拟主机.VPS.独立服务器这三种选择.而对于个人独立博客,虚拟主机的配置就足够满足需求,因此如何在众多的虚拟主机中选择一款合适的

轻量应用服务器 常见应用安装与配置 : 使用WordPress搭建个人手机博客

使用WordPress搭建个人手机博客 下面介绍如何使用WordPress搭建个人手机博客. 1. 搭建WordPress程序 整个过程参考这里 2. 安装WPtouch插件 登录WordPress后台,点击插件-安装插件 在插件搜索栏中搜索WPtouch,点击搜索结果中的WPtouch的插件的"现在安装" 安装完毕后,点击启用 3. 测试访问 使用手机访问http:// IP地址,会出现移动和桌面的相关选项.

请教一下域名解析的问题, 比如 已经有域名为 blog.com, 想在 虚拟主机(ip: a.b.c.d) 上搭两个博客, 希望最终效果是 blog1.bl

问题描述 请教一下域名解析的问题,比如已经有域名为blog.com,想在虚拟主机(ip:a.b.c.d)上搭两个博客,希望最终效果是blog1.blog.com和blog2.blog.com,域名解析该怎么设置 解决方案 解决方案二:用apache或nginx做虚拟主机啊.

gitblog-Apache上怎么配置Gitblog博客系统?

问题描述 Apache上怎么配置Gitblog博客系统? 在apache上运行Gitblog,有的页面是404? 据说Gitblog的URL是伪静态,怎么配置apache伪静态运行Gitblog? Gitblog官网在SAE上配置了伪静态可以. 求助怎么配置apache? 解决方案 http://blog.csdn.net/qianguozheng/article/details/47253049 解决方案二: http://www.cnblogs.com/mvpajun/archive/201

hexo+github搭建个人免费博客

最近在淘宝逛到一个卖盗版书的店铺,真的是便宜的不要不要的,哈哈. 网上hexo+github的博客教程太多了,我今天就讲讲一下实现小细节和思路吧,都是github上面的issue 看看我搭建的hexo主题的博客,哈哈 开始旅程了 创建一个github站点 可以参考鸿洋大神的如何利用github打造博客专属域名,这篇博文看下来,你就会拥有像我 这样MRwangqi.github.io的链接,在仓库下面放个index.html,就能访问到页面了. 安装node环境 可以参考我的文章weex初体验,这