用Hexo搭建github博客

原创 2015年07月06日 16:40:17

上次用octopress搭建了一个github博客,但是一直没在上面写文章,还是用的csdn,最近看到大家都在用hexo搭建github博客,效果的确好看,所以就又搭建了一个hexo博客,以后要逼着自己学习一下markdown。创建octopress过程如下:http://blog.csdn.net/xuewater/article/details/40146257

一、准备工作(nodejs安装)

由于hexo是由Node.js驱动的一款快速、简单且功能强大的博客框架,因此需要先安装NodeJS。NodeJS的安装过程基本直接“NEXT”就可以了。(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”)
安装完成后可以使用cmd(win+r然后输入cmd进入)测试下是否安装成功。方法:在cmd下输入node -v,出现下图版本提示就是完成了NodeJS的安装

Image
npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图,出现版本提示便OK了。
Image(1)

默认情况下上述组件都是安装在C:\Program Files\nodejs\node_modules文件夹下 这也是nodejs相关组件的自动查找路径默认情况下,npm的路径是C:\Users\xuwt\AppData\Roaming\npm,而且path路径已经配置:
C:\Program Files\nodejs\;C:\Users\xuwt\AppData\Roaming\npm这个是安装的时候自动加入的。

npm安装之后就可以安装hexo了:

npm install -g hexo-cli
   npm install hexo --save
也可以参考官方文档:https://hexo.io/zh-cn/docs/

二、初始化hexo文件夹

hexo安装完成之后,根据自己喜好建立目录(如E:\Project\GitHub\hexo),打开dos窗口执行hexo init命令。也可以指定文件夹位置来初始化:hexo init <folder>

如果出现:

image

那么就执行一下  npm install命令。

三、插件安装

Hexo提供丰富的插件,安装方法都是一样的。

npm install <plugin-name> --save

我安装了以下的常用插件:

npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save
四、本地查看效果


继续执行以下命令,成功后可登录localhost:4000查看效果

hexo server

五、安装主题和发布

现在安装的比较多的是pacman和jacman的主题,jacman是在pacman的基础上做了很多优化,推荐jacman,具体说明:https://github.com/wuchong/jacman

主题的安装:

git clone https://github.com/wuchong/jacman.git themes/jacman
然后需要修改_config.yml文件中的theme为jacman,jacman主题的更新,请注意更新前最好备份一下您的_config.yml文件

cd themes/jacman
    git pull origin master

然后就是部署到github,如果hexo是2.X版本的需要在_config.yml文件中配置以下内容:

deploy:
  type: github
  repository: git@github.com:<name>/<name>.github.com.git
  branch: master
如果hexo是3.x版本就会出现下面的错误,把github改成git就行了。
hexo deploy
ERROR Deployer not found: github

最后执行:

hexo generate
    hexo deploy

其原理就是hexo在执行hexo generate时会在本地先把博客生成的一套静态站点放到public文件夹中,在执行hexo deploy时将其复制到.deploy文件夹中。Github的版本库通常建议同时附上README.md说明文件,但是hexo默认情况下会把所有md文件解析成html文件,所以即使你在线生成了README.md,它也会在你下一次部署时被删去。怎么解决呢?
在执行hexo deploy前把在本地写好的README.md文件复制到.deploy文件夹中,再去执行hexo deploy

最后附上hexo的简写命令:

hexo n #new
    hexo g #generate
    hexo s #server

手把手教你用Hexo+Github 搭建属于自己的博客

大概可以分为以下几个步骤 搭建环境准备(包括node.js和git环境,gitHub账户的配置) 安装Hexo 配置Hexo 怎样将Hexo与github page 联系起来 怎样发布文章 主题 推...
  • gdutxiaoxu
  • gdutxiaoxu
  • 2016年12月11日 22:04
  • 55694

手把手教你使用Hexo + Github Pages搭建个人独立博客

本文原始链接:手把手教你使用Hexo + Github Pages搭建个人独立博客 作者:令狐葱 本文基于 知识共享署名-相同方式共享 4.0 国际许可协议发布,欢迎转载,演绎或用于商业目的,但是必...
  • lzrreach
  • lzrreach
  • 2016年10月19日 22:00
  • 4628

Hexo+Github搭建个人博客(一)——开始搭建

title-picture   前段时间本人利用业余时间,在网上查询各种资料,使用Hexo+Github的方式搭建起了我个人的博客——BrightLoong。相信网上已经有无数前辈写了类似的文章来记录...
  • cl534854121
  • cl534854121
  • 2017年07月26日 10:17
  • 698

如何搭建一个独立博客——简明Github Pages与Hexo教程

摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册、DNS设置、github和Hexo设置等过程,这是我写得最长的一篇教程。我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后...
  • poem_of_sunshine
  • poem_of_sunshine
  • 2014年06月08日 15:55
  • 69408

零基础免费搭建个人博客-hexo+github

使用hexo生成静态博客并架设在免费的github page平台
  • jzooo
  • jzooo
  • 2015年07月07日 00:10
  • 36869

可能是最详细的 Hexo + GitHub Pages 搭建博客的教程

前言:博主目前大三,Web 前端爱好者。写博客的好处,不是为了写而写,而是一个记录思想的过程。不要考虑它能带给你什么,而是你自己从中收获了什么。最近刚好有空,于是就参照网上的各种教程,搭建了一个博客。...
  • QQ80583600
  • QQ80583600
  • 2017年06月01日 09:12
  • 2974

Mac下利用Hexo+GitHub搭建自己的博客

一、mac下利用hexo搭建一个博客,已有公司git账户 已有公司git账户,就用改配置文件的方式一,如果没有,可以用方式二。 因为git账户默认配置是global的,会相互覆盖,如果不觉得来回切换...
  • qianqianstd
  • qianqianstd
  • 2017年02月19日 22:04
  • 1958

使用hexo+github免费搭建个人博客网站超详细教程

很多人都想搭建自己的博客,但是奈何技术有限,服务器部署,HTML,域名解析,等等,这一大堆东西可真有的折腾。但是如果有这样一个机会,不需要太复杂的操作,不要服务器,不要域名,不用写html,你愿意去尝...
  • wapchief
  • wapchief
  • 2017年01月18日 16:35
  • 4278

Ubuntu下github pages+hexo搭建自己的博客

hexo 是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github上.Hexo简单优雅, 而且风格多变, 适合搭建个人博客,而且支持多平台的搭建. 平台 Ubuntu14....
  • u014230646
  • u014230646
  • 2016年07月07日 18:41
  • 923

github pages + Hexo + 域名绑定搭建个人博客

环境Windows 10(64 位)Git-2.7.4-64-bit node-v4.4.7-x64如果上述软件已经安装的,跳过,没有安装的下载安装。1,git下载安装(https://git-for...
  • xiangzhihong8
  • xiangzhihong8
  • 2016年11月26日 20:58
  • 7240
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用Hexo搭建github博客
举报原因:
原因补充:

(最多只允许输入30个字)