Windows下一步步搭建自身的独立博客——使用 GitHub Pagesbwin亚洲必赢5566手机版 + Hexo 基础教程(壹)


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


摘要:本文是一篇有关什么在 Windows
下搭建1个独自博客的学科,里面介绍了哪些利用 GitHub
Pages

Hexo
搭建2个属于本身的博客,并安顿它的长河。


前言

偶然间发现自家的全名拼音的域名未有被人买入,心想,作为一名准程序员,怎么能把个人域名让给旁人,于是勒紧裤腰带,花光身上仅剩的一小点蓄积将其买了下来,买下来后不知道用它能做点什么(作者不会网页制作),想起了很久在此以前在搜狐上见到的三个标题:哪些搭建个人单独博客,心想闲着也是闲着,不及折腾一下,说不定就能不负众望,未来把读书笔记什么的都放到村办博客上,之后回味起来也方便,于是便开端查资料,经过两日的煎熬,民用博客也基本成型了,搭建的手续也大多都很熟识了,于是便写下那篇教程,有五个目标:其壹,纯熟markdown的语法(此教程使用纯
markdown
写成),并整治下自身的思路,训练下团结的语言表明能力;其②,本着能帮1个是2个,大家一块谈谈才能开拓进取的尺码,将协调所学到的知识分享给诸位小伙伴,我们1同折腾起来,大家一道学习,1同提升。

有人可能会问为啥要写博客?请看这里

专程多谢:陈素封,作者也是跟着她的教程一点一点学会的。
特别表明:此教程中有的内容转自cnFeat编写的教程世家也可活动去学习


为啥要搭建独立博客

  • 一 独立的才是投机的
  • 2 训练自个儿的动手能力
  • 三 更好的宣扬自个儿

新妇须知

  • 1 请保持丰富的耐性
  • 二 善于运用搜索引擎
  • 三 能够适合领悟写网页制作的基础知识

缘何选拔GitHub Pages

广大人用wordpress,你干吗要用GitHub
Pages
来搭建?

  • 1 GitHub
    Pages

    有300M免费空间,资料自身管理,保存可相信;
  • 2 学着用 GitHub
    ,享受 GitHub
    的方便人民群众,上边有许多大咖,眼界会开始展览很多;
  • 三 顺便看看 GitHub
    工作原理,最佳的团组织同盟流程;
  • 4 GitHub 是趋势;
  • 5 你不认为一个文科生用
    GitHub
    很geek吗?瞬间进入技术界;
  • 6 就算 GitHub
    被墙了,小编能够搬到境内的
    GitCafe 中去。

GitHub Pages 是什么?

GitHub Pages本用于介绍托管在GitHub的品种,
可是,由于他的空中免费稳定,用来做搭建2个博客再好可是了。

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

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


注册 GitHub

访问:https://www.github.com
登记拾贰分简易,一定要铭记在心注册时选用的邮箱,因为 GitHub
上多多通报都以因而邮箱的。
如图:

  • bwin亚洲必赢5566手机版 1

  • bwin亚洲必赢5566手机版 2

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

假诺照旧不知情,详细也得以看:
一步步在GitHub上创制博客主页
全类别

by pchou(推荐)


条件设置

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

升迁:若因种种原因 GitHub
客户端没登上团结的账号,能够由此如下方法登录,也足以通过此方法查看是不是登录成功

如图:

  • bwin亚洲必赢5566手机版 5

  • bwin亚洲必赢5566手机版 6

  • bwin亚洲必赢5566手机版 7


测试 SSH Key

在桌面或伊始菜单中找到 Git Shell(win柒为例,win8及8.一 在 Metro
界面也得以找到)

  • bwin亚洲必赢5566手机版 8
等待打开后输入以下命令('$'符号无需输入)

$ ssh -T git@github.com

如图:

  • bwin亚洲必赢5566手机版 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.

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

  • bwin亚洲必赢5566手机版 10

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

相近错误请参考:
GitHub Help – Generating SSH
Keys

GitHub Help – Error Permission denied
(publickey)


采纳 GitHub Pages 建立博客

与 GitHub 建立好链接之后,就足以便宜的采纳它提供的 Pages 服务,GitHub
Pages
分二种,1种是您的GitHub用户名建立的username.github.io那样的用户&协会页(站),另壹种是隶属项指标pages。

想建立民用博客是用的第三种,形如yangruihan030陆.github.io那样的可访问的站,每种用户名上边只好建立1个。

GitHub 上树立仓库

如图:

  • bwin亚洲必赢5566手机版 11

  • bwin亚洲必赢5566手机版 12

唤醒:详细能够看那里:一步步在GitHub上创立博客主页(2)


使用 Hexo 成立博客框架

Hexo 介绍

A fast, simple & powerful blog framework

Hexo 安装

打开 Git Shell (方法同上)
发轫后相继输入以下命令:

$ cd /
$ npm install hexo-cli -g

如图:

  • bwin亚洲必赢5566手机版 13

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

Hexo 部署

Hexo 的配置有三种方法

率先种办法 命令 hexo init [文件名]

开拓 Git Shell (方法同上)
启航后逐1输入以下命令:

$ cd /
$ hexo init Hexo

回车后出现该提示则象征正确:

  • bwin亚洲必赢5566手机版 14

此刻会发觉 C盘根目录下(或是 Git Shell
里内定的目录下)会多出一个文本夹,名叫 Hexo

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

$ cd Hexo
$ npm install

回车后出现该提醒则代表正确:

  • bwin亚洲必赢5566手机版 15

第两种办法 命令 hexo init

手动在 C盘根目录下(或是本身钦命的目录下)创建一个文本夹,名称为 Hexo。

万一在 C盘根目录下
依次次输入以下命令:

$ cd /
$ cd Hexo
$ hexo init

只要在团结钦命的目录下
依次次输入以下命令:

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

回车后边世该提醒则意味正确:

  • bwin亚洲必赢5566手机版 16

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

$ npm install

回车前面世该指示则意味正确:

  • bwin亚洲必赢5566手机版 17

通过以上多少个措施的任意1种之后,Hexo
会自动在目的文件夹建立博客网址所须要的全体文件。
那会儿得以经过输入以下命令在地头开展预览(在刚刚创立的公文夹里):

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

系统也许会冒出提示,请点击允许。

如图所示则意味着正确:

  • bwin亚洲必赢5566手机版 18

  • bwin亚洲必赢5566手机版 19

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

如图:

  • bwin亚洲必赢5566手机版 20

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

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

  • bwin亚洲必赢5566手机版 21

将当和姑件计划到 GitHub

修改 Hexo 中的 _config.yml 文件

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

  • bwin亚洲必赢5566手机版 22

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

  • bwin亚洲必赢5566手机版 23

内部 branch 选项能够填充 master 或 gh-pages。
要是你是为三个系列营造网址,那么需求把 branch 设置为 gh-pages
。若要绑定自定义域名也得以参照Hexo 或 Github Page 的帮衬文书档案,制作3个CNAME 文件。

将其 deploy 到库房中

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

$ hexo clean
$ hexo generate
$ hexo deploy

若果出现如图错误,不要心急:

  • bwin亚洲必赢5566手机版 24

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

$ npm install hexo-deployer-git --save

再另行来1遍:

$ hexo clean
$ hexo generate
$ hexo deploy

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

  • bwin亚洲必赢5566手机版 25

恭喜,到这一步,个人博客就早已布署到 GitHub 上了,此时透过
your_user_name.github.io(即你可怜仓库的称号,形如:”你的 GitHub
用户名”.github.io) 就能够观察您的私有博客了。

P.S:假如发现文章中有同理可得的谬误和难题请在底下留言可能联络小编,自己将立时改正,幸免给我们带来不要求的误导,谢谢~