Windows下一步步搭建自身的独自博客——使用 GitHub Pages + Hexo 基础教程(一)


-此教程不仅面向总计机专业的校友,任何想搭建私人住房单独博客的同桌,都得以来探视-
–By Y.R.H


摘要:本文是一篇有关怎样在 Windows
下搭建3个独立博客的科目,里面介绍了怎么样行使 GitHub
Pages

Hexo
搭建1个属于本人的博客,并安插它的进度。


前言

偶然间发现自家的全名拼音的域名没有被人买入,心想,作为一名准程序员,怎么能把个人域名让给外人,于是勒紧裤腰带,花光身上仅剩的一丢丢蓄积将其买了下来,买下来后不知底用它能做点什么(作者不会网页制作),想起了自古以来在果壳网上看看的一个题目:如何搭建个人单独博客,心想闲着也是闲着,不比折腾一下,说不定就能成功,现在把学习笔记什么的都放到村办博客上,之后回味起来也便于,于是便开首查资料,经过两日的煎熬,个人博客也基本成型了,搭建的手续也差不离都很内行了,于是便写下那篇教程,有五个指标:其一,熟习markdown的语法(此教程使用纯
markdown
写成),并整理下团结的笔触,磨炼下团结的语言表明能力;其二,本着能帮一个是一个,大家一道谈论才能开拓进取的尺度,将本身所学到的知识分享给各位小伙伴,大家一齐折腾起来,大家一齐学习,一同升高。

有人也许会问为啥要写博客?请看这里

专门多谢:陈素封,作者也是随着她的教程一点一点学会的。
专程注解:此教程中部分内容转自cnFeat编写的教程世家也可活动去上学


怎么要搭建独立博客

  • 1 独立的才是投机的
  • 2 陶冶本人的入手能力
  • 3 更好的宣扬本身

新妇须知

  • 1 请保持丰富的耐心
  • 2 善于运用搜索引擎
  • 3 能够适合了然写网页制作的基础知识

干什么选拔GitHub Pages

众四个人用wordpress,你为何要用GitHub
Pages
来搭建?

  • 1 GitHub
    Pages

    有300M免费空间,资料本身管理,保存可信;
  • 2 学着用 GitHub
    ,享受 GitHub
    的造福,上面有广大大咖,眼界会开始展览很多;
  • 3 顺便看看 GitHub
    工作规律,最棒的组织合营流程;
  • 4 GitHub 是趋势;
  • 5 你不觉得三个文科生用
    GitHub
    很geek吗?刹那间进来技术界;
  • 6 就算 GitHub
    被墙了,作者能够搬到国内的
    GitCafe 中去。

GitHub Pages 是什么?

GitHub Pages本用于介绍托管在GitHub的品类,
然而,由于她的上空免费稳定,用来做搭建三个博客再好可是了。

GitHub Pages 能够被认为是用户编写的、托管在 GitHub 上的静态网页。

![](http://7xi78f.com1.z0.glb.clouddn.com/github
pages.png)


注册 GitHub

访问:https://www.github.com
注册10分简单,一定要记住注册时利用的邮箱,因为 GitHub
上众多公告都以透过邮箱的。
如图:

  • 图片 1

  • 图片 2

提请成功后,在
GitHub
官网上签到,并证实邮箱。

如果照旧不知底,详细也得以看:
一步步在GitHub上创立博客主页
全种类

by pchou(推荐)


条件设置

次第下载安装以下软件(直接向来点下一步即可)

唤醒:若因各个原因 GitHub
客户端没登上自个儿的账号,能够经过如下方法登录,也足以透过此措施查看是或不是登录成功

如图:

  • 图片 5

  • 图片 6

  • 图片 7


测试 SSH Key

在桌面或起初菜单中找到 Git Shell(win7为例,win8及8.1 在 Metro
界面也得以找到)

  • 图片 8
等待打开后输入以下命令('$'符号无需输入)

$ ssh -T git@github.com

如图:

  • 图片 9
如果是下面之类的反馈(或者显示 Hi xxx):

The authenticity of host 'github.com (207.97.227.239)' can't be established.
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting (yes/no)?

不用紧张,输入 yes 之后,你就会看出:

Hi xxx(你的用户名)! You've successfully authenticated, but GitHub does not provide shell access.

那时,便测试成功了。
如图:

  • 图片 10

晋升:假使出现难点,请卸载 GitHub for Windows
客户端,重新安装一遍,或转到使用 Git
方法

常见错误请参见:
GitHub Help – Generating SSH
Keys

GitHub Help – Error Permission denied
(publickey)


选用 GitHub Pages 建立博客

与 GitHub 建立好链接之后,就足以方便的施用它提供的 Pages 服务,GitHub
Pages
分二种,一种是您的GitHub用户名建立的username.github.io这样的用户&组织页(站),另一种是专属项目标pages。

想建立民用博客是用的率先种,形如yangruihan0306.github.io那样的可访问的站,种种用户名下边只可以建立多个。

GitHub 上树立仓库

如图:

  • 图片 11

  • 图片 12

唤醒:详细可以看那里:一步步在GitHub上创办博客主页(2)


使用 Hexo 成立博客框架

Hexo 介绍

A fast, simple & powerful blog framework

Hexo 安装

开辟 Git Shell (方法同上)
起步后相继输入以下命令:

$ cd /
$ npm install hexo-cli -g

如图:

  • 图片 13

升迁:cd / 成效是回到根目录,Git Shell 暗中认可装在 C盘,运转时暗许路径为
C:\Users\xxx(用户名)\Documents\GitHub,输入 cd / 命令后就赶回到了
C盘根目录下,需不须要使用 cd / 看个人习惯(下同)。

Hexo 部署

Hexo 的陈设有二种情势

首先种方法 命令 hexo init [文件名]

开拓 Git Shell (方法同上)
伊始后相继输入以下命令:

$ cd /
$ hexo init Hexo

回车后现身该提醒则意味正确:

  • 图片 14

那会儿会发觉 C盘根目录下(或是 Git Shell
里钦命的目录下)会多出二个文书夹,名为 Hexo

再输入以下命令,安装信赖文件:

$ cd Hexo
$ npm install

回车后出现该提示则意味着正确:

  • 图片 15

第二种艺术 命令 hexo init

手动在 C盘根目录下(或是本人内定的目录下)创制三个文件夹,名为 Hexo。

若是在 C盘根目录下
依次次输入以下命令:

$ cd /
$ cd Hexo
$ hexo init

若是在自身钦点的目录下
依次次输入以下命令:

$ cd your_file_path(你的文件夹路径)
$ hexo init

回车后现身该提示则表示正确:

  • 图片 16

再输入以下命令,安装重视文件:

$ npm install

回车前面世该提醒则意味正确:

  • 图片 17

通过以上七个主意的轻易一种之后,Hexo
会自动在目的文件夹建立博客网站所须求的全数文件。
这会儿得以透过输入以下命令在本地开始展览预览(在刚刚创制的公文夹里):

$ hexo generate (可以简写成: hexo g)
$ hexo server

系统恐怕会并发提醒,请点击允许。

如图所示则意味着正确:

  • 图片 18

  • 图片 19

那时候打开浏览器,在浏览器地址栏输入
http://localhost:4000/
(暗许端口为伍仟)便能够看看最原始的博客了(未来公布博文想先预览,也得以由此hexo server 在地头先跑起来,看看效果)。

如图:

  • 图片 20

恭喜,到近年来结束个人博客的雏形已经有了。
在 Git Shell 中按 Ctrl + C 并输入 y 能够告一段落该服务。

提示:借使在上述进度中,输入带有 npm 的通令时,报以下错误,则说明Node.js 没有装好,请重装

  • 图片 21

将当半夏件安排到 GitHub

修改 Hexo 中的 _config.yml 文件

在 Hexo 文件夹下找到 _config.yml 文件
如图:

  • 图片 22

找到其中的 deploy 标签,改成如图所示,并保存:

  • 图片 23

个中 branch 选项能够填充 master 或 gh-pages。
一经你是为多个系列塑造网站,那么要求把 branch 设置为 gh-pages
。若要绑定自定义域名也得以参照Hexo 或 Github Page 的相助文档,制作贰个CNAME 文件。

将其 deploy 到库房中

开辟 Git Shell 进入创设的公文夹,依次输入以下命令:

$ hexo clean
$ hexo generate
$ hexo deploy

假设出现如图错误,不要心急:

  • 图片 24

deploy 的 type 改成 git,然后再在 Git Shell 中运作以下命令

$ npm install hexo-deployer-git --save

再另行来一回:

$ hexo clean
$ hexo generate
$ hexo deploy

并发以下提醒则意味正确:

  • 图片 25

恭喜,到这一步,个人博客就早已安插到 GitHub 上了,此时经过
your_user_name.github.io(即你格外仓库的称号,形如:”你的 GitHub
用户名”.github.io) 就能够见到你的私有博客了。

P.S:假若发现作品中有显明的荒谬和题材请在下面留言也许沟通本人,本身将即时勘误,制止给大家带来不须求的误导,多谢~