搭建GitHub博客,使用Hexo

  1. 云栖社区>
  2. 博客>
  3. 正文

搭建GitHub博客,使用Hexo

yexx 2016-09-04 23:21:00 浏览1204
展开阅读全文

今天晚上经过个把小时的折腾,把博客搭建起来了,来写个博客总结一下.
网上的资料很多,希望大家一路顺利,因为这种东西一遇到问题就很烦很烦.

1. 安装Github for windows
下载 Github for windows 并执行即可完成安装(在线安装,会有点慢)。这个软件的的好处是有一个带GUI的界面,还有一个终端界面.如图所示
这里写图片描述

2. 安装Node.js
在 Windows 环境下安装 Node.js 非常简单,建议下载最新版的即可,仅须下载安装文件并执行即可完成安装。(win下建议下载msi格式的,因为这样可以不用配置环境变量之类的)

3. 测试node.js是否安装
在任何控制台输入(可以按windows键+R,输入cmd,然后输入npm,一般来说不会有问题)
这里写图片描述

万一如果,我是说如果万一此处如果npm无效,首先确定win下你采用的是msi格式的安装文件,然后重启下电脑,应该就正常了。

4. 安装hexo
接下来的操作我都是用Github for windows自带的Bash来完成的,因为后面会涉及到SSH,用Github for windows,就可以避免这个问题.

  • 在Bash中输入以下命令
    npm install -g hexo
  • 创建hexo文件夹
    创建你hexo放置的文件夹,先用Bash进入到目标文件夹,比如我的是:/blog/,接下来初始化hexo,自动生成相关的文件,在:/blog/环境下,输入
    cd /D/blog  # 这个命令表示当前进入目录为:D/blog/
    hexo init
  • 安装依赖包
    npm install
  • 本地预览,做完以上操作,可以本地预览一下
    hexo g
    hexo s

以上两条命令的意思是:
生成相关文件(就是生成目标html,静态博客嘛,就是很多html组成)
打开本地服务器预览(node.js就是干这事的,点击访问http://localhost:4000,就可以看到了)

博客搭建基本完成,现在要做的就是把它发布到你的Github上去

—————别高兴太早,我就是这样出问题的—————

还有一步就是要在本地安装Git!安装Git!安装Git!

Git去百度搜一下安装,然后我给你把教程都配好:
Git安装教程

安装完了之后,我们还需要做一件事就是当你安装Git后首先要做的事情是设置你的用户名称和e-mail地址。这是非常重要的,因为每次Git提交都会使用该信息。它被永远的嵌入到了你的提交中:

$ git config --global user.name "android"  
$ git config --global user.email 598515834@qq.com 

避免不知道哪儿码这两行命令,还是给个图:
这里写图片描述

1 注册Github
2 创建公共库
在自己Github主页右下角,创建一个新的repository(点这里)。比如我的Github账号是androidwolf,那么我应该创建的repository名字应该是androidwolf.github.io(注意你的repository名字就是androidwolf.github.io,注意你的repository名字就是androidwolf.github.io,注意你的repository名字就是androidwolf.github.io)。
3 部署
现在万事俱备,只差部署了,我们来配置下_config.yml.
这个文件在路径是F:/blog/_config.yml.
用编辑器把它打开,修改最后一段
ps:以下为hexo 2.8x的配置方法,不适用于3.0

  1. deploy:
  2. type: github
  3. repo: https://github.com/Jackroyal/Jackroyal.github.io.git
  4. branch: master

现在hexo由2.8升级到3.0了,按照上面的方式安装,你的hexo版本是hexo 3.0,3.0的这段代码的设置内容如下:

  1. deploy:
  2. type: git
  3. repo: https://github.com/Jackroyal/Jackroyal.github.io.git
  4. branch: master

照着我的这个格式修改就好了,把我里面的用户名替换成你的.
至此基本完成所有搭建步骤.

上传
我们开始上传项目的代码,再重复一次,我一直以来用的工具都是Github for windows自带的Bash,所以我没有配置SSH,如果你用的windows自带的终端或者其他比如msysgit,可能需要配置SSH,不然无法使用Github(点击这里查看官方教程).
我们输入以下命令

    hexo g
    hexo d

或者偷个懒

    hexo d -g

现在就可以去看看你的个人主页了,逼格满满有木有.二话不说,上图:

这里写图片描述

今天试着发了一篇小文章(后来我又给删除了),明天系统的讲解如何换肤,让你的博客逼格更高的同时再讲解怎么发文章。

网友评论

登录后评论
0/500
评论
yexx
+ 关注