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


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


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

Hexo
搭建3个属于本身的博客,并配备它的长河。


前言

偶然间发现自家的真名拼音的域名没有被人买入,心想,作为一名准程序员,怎么能把个体域名让给旁人,于是勒紧裤腰带,花光身上仅剩的一点点蓄积将其买了下去,买下来后不清楚用它能做点什么(小编不会网页制作),想起了很久之前在微博上观看标二个题材:怎样搭建个人单独博客,心想闲着也是闲着,不如折腾一下,说不定就能成功,以往把学习笔记什么的都放到村办博客上,之后回味起来也有益,于是便发轫查资料,经过两日的折腾,村办博客也基本成型了,搭建的步骤也基本上都很熟稔了,于是便写下那篇教程,有七个目标:其一,谙习markdown的语法(此教程使用纯
markdown
写成),并整治下自个儿的思路,锻练下团结的语言表明能力;其二,本着能帮三个是1个,我们一道谈论才能开拓进取的规则,将团结所学到的知识分享给各位小伙伴,我们一齐折腾起来,大家一并学习,一同进步。

有人或者会问怎么要写博客?请看这里

专门谢谢:陈素封,小编也是跟着他的教程一点一点学会的。
特意申明:此教程中有些情节转自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的序列,
可是,由于他的空中免费稳定,用来做搭建1个博客再好不过了。

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

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


注册 GitHub

访问:https://www.github.com
注册拾壹分简易,一定要铭记在心注册时采用的信箱,因为 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
里指定的目录下)会多出3个文本夹,名为 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。
假定您是为3个门类创设网站,那么须求把 branch 设置为 gh-pages
。若要绑定自定义域名也可以参照Hexo 或 Github Page 的扶植文档,制作3个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:借使发现小说中有醒目标荒谬和题材请在下边留言只怕互换本人,本人将立即矫正,幸免给我们带来不须要的误导,多谢~