别的想搭建私人住房单独博客的同室,三.将当地文件布署到 GitHub


先来探望最后效果:https://handsomesuperred.github.io/

在意:本文是多元小说,请先看以下内容,再跟着看本章节:

Windows下行使Github
Pages+Hexo搭建博客(1)

Windows下使用Github
Pages+Hexo搭建博客(二)

-此教程不仅面向计算机专业的同窗,任何想搭建私人住房单独博客的同窗,都得以来看望-
–By Y.R.H

图片 1


效果

摘要:本文是一篇关于什么在 Windows
下搭建3个独门博客的课程,里面介绍了怎么使用 GitHub
Pages

Hexo
搭建三个属于自个儿的博客,并配备它的历程。

Windows下使用Github
Pages+Hexo搭建博客(三)

Windows下行使Github
Pages+Hexo搭建博客(4)

Windows下使用Github
Pages+Hexo搭建博客(伍)

本次不再是准备,终于能够创立能够看见的私房博客了!!!继续干!


1.Hexo安装

第叁采取你的博客放置在哪些盘,要是您想放在F盘的Blog文件夹下,那先在F盘新建名称为Blog的空文件夹,然后双击该公文夹进入,进入后在空白处单击鼠标右键,选取Git
Bash
here来开荒Git命令行,如图壹所示。同理,假使您想放在D盘的Hexo文件夹下,那先在D盘新建名叫Hexo的空文件夹,然后双击该公文夹进入,进入后在空白处单击鼠标右键,如故选拔Git
Bash here来开采Git命令行。

图片 2

图一

如图2所示,展开Git Bash今后输入npm install -g
hexo-cli安装Hexo,安装好未来不要关闭Git
Bash,接下去还要用。Hexo有它的默许路线,能够见到Hexo都安装在了C盘。

图片 3

图二

前言

偶然间发现本身的姓名拼音的域名未有被人买卖,心想,作为一名准程序员,怎么能把民用域名让给外人,于是勒紧裤腰带,花光身上仅剩的一丝丝蓄积将其买了下去,买下来后不了然用它能做点什么(作者不会网页制作),想起了很久以前在果壳网上收看的二个题材:怎样搭建个人独立博客,心想闲着也是闲着,不及折腾一下,说不定就能学有所成,现在把上学笔记什么的都放到个体博客上,之后回味起来也利于,于是便初阶查资料,经过两日的折磨,私家博客也基本成型了,搭建的步调也大略都很在行了,于是便写下那篇教程,有七个指标:其1,熟稔markdown的语法(此教程使用纯
markdown
写成),并整理下团结的思路,磨炼下自个儿的语言表达本事;其贰,本着能帮四个是一个,大家一起斟酌工夫前进的规则,将协调所学到的知识分享给各位小伙伴,咱们齐声折腾起来,大家联合学习,一齐提升。

有人或许会问何故要写博客?请看这里

特意感激:陈素封,小编也是跟着她的教程一点一点学会的。
专门申明:此教程中有的内容转自cnFeat编写的教程世家也可活动去读书


2.Hexo部署

如图3所示,安装好Hexo后,继续在该Git
Bash里输入如下命令进行初叶化。假诺刚才关闭了,这就依照图1实施一次Git
Bash就在当前目录了,也许直接采纳cd命令进入钦命的目录层级。

hexo init <folder>

cd <folder>

npm install

里面,<folder>是你要保存博客内容的文书夹的名字。

比如说小编想将博客保存在Hexo中,那笔者就选用hexo init
Hexo命令。倘诺你不想用Hexo命名,你想将文件夹叫做Handsome,那您能够选用Hexo
init Handsome命令。所以地点八个指令正是:

hexo init Hexo

cd Hexo

npm install

图片 4

图三

.

新建达成后,钦点文件夹的目录如下:

├── _config.yml

├── package.json

├── scaffolds

├── source

|  ├── _drafts

|  └── _posts

└── themes

Hexo起首化成功今后,输入cd hexo进入Hexo文件夹,如图4所示。

再逐一输入如下命令:

hexo generate

hexo deploy 

hexo server

图片 5

图四

接下来系统会冒出如下提醒:

INFO  Start processing

INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

此刻再浏览器地址栏输入http://localhost:4000/,就能够观察如图五所示的私下认可博客分界面。

图片 6

图五

3.将地点文件布置到 GitHub

修改 Hexo 中的根目录的 _config.yml 文件,在 Hexo 文件夹下找到
_config.yml 文件,如图六所示:

图片 7

图六

缘何要搭建独立博客

  • 一 独立的才是友好的
  • 二 磨练本身的动手本事
  • 三 越来越好的鼓吹本身

找到当中的 deploy
标签,改成图7所示情势,并保存。注意:冒号前边要加上3个空格,不然会报错;还有改的时候将repo的用户名更迭为你的用户名。

图片 8

图七

将其 deploy 到库房中。

展开 Git
Bash进入成立的Hexo文件夹(小编命名字为Hexo,你要看你协调取名的叫什么),依次输入以下命令:

hexo clean

hexo generate

hexo deploy

若果出现下错误,别怀恋:

Error: Deployer not found : github

将图7deploy 的 type 改成 git,然后还要再在 Git
Bash中运作以下命令:

npm install hexo-deployer-git –save

再重新来1遍:

hexo clean

hexo generate

hexo deploy

出现图8的提示,恭喜你,成功了!

图片 9

图八

此刻就已经布署到 GitHub 上了,能够到你的GitHub仓库查看是或不是业已更新。

通过https://your\_user\_name.github.io(即你分外仓库的名目,形如https://你的
GitHub
用户名.github.io
),就足以看出你的村办博客了。比如自个儿的用户名是handsomesuperred,要看本人的博客就在浏览器的网站输入https://handsomesuperred.github.io/即可。,

至此,终于搭建了祥和的博客。但还没完,下一篇将写自定义自身的博客,让投机的分界面变美貌!加油,好累。

新人须知

  • 1 请保持丰盛的耐性
  • 二 善于运用寻找引擎
  • 三 能够适量明白写网页制作的基础知识

缘何选择GitHub Pages

无数人用wordpress,你怎么要用GitHub
Pages
来搭建?

  • 1 GitHub
    Pages

    有300M无偿空间,资料自个儿管理,保存可信赖;
  • 2 学着用 GitHub
    ,享受 GitHub
    的福利,上边有无数大拿,眼界会开始展览许多;
  • 3 顺便看看 GitHub
    职业规律,最佳的团体合营流程;
  • 4 GitHub 是趋势;
  • 五 你不以为一个文科生用
    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
注册1贰分简易,一定要铭记在心注册时采纳的信箱,因为 GitHub
上海重型机器厂重布告都以经过邮箱的。
如图:

  • 图片 10

  • 图片 11

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

借使依然不亮堂,详细也足以看:
一步步在GitHub上开创博客主页
全体系

by pchou(推荐)


条件设置

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

唤醒:若因种种原因 GitHub
客户端没登上团结的账号,能够经过如下方法登入,也可以透过此措施查看是还是不是登六成功

如图:

  • 图片 14

  • 图片 15

  • 图片 16


测试 SSH Key

在桌面或开首菜单中找到 Git Shell(win7为例,win八及八.一 在 Metro
分界面也得以找到)

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

$ ssh -T git@github.com

如图:

  • 图片 18
如果是下面之类的反馈(或者显示 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.

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

  • 图片 19

升迁:如若出现难题,请卸载 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那样的用户&组织页(站),另1种是专属项指标pages。

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

GitHub 上树立仓库

如图:

  • 图片 20

  • 图片 21

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


使用 Hexo 创制博客框架

Hexo 介绍

A fast, simple & powerful blog framework

Hexo 安装

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

$ cd /
$ npm install hexo-cli -g

如图:

  • 图片 22

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

Hexo 部署

Hexo 的布署有三种情势

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

张开 Git Shell (方法同上)
起步后逐1输入以下命令:

$ cd /
$ hexo init Hexo

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

  • 图片 23

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

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

$ cd Hexo
$ npm install

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

  • 图片 24

其次种格局 命令 hexo init

手动在 C盘根目录下(或是本身钦赐的目录下)创造3个文书夹,名叫 Hexo。

比方在 C盘根目录下
依次次输入以下命令:

$ cd /
$ cd Hexo
$ hexo init

一经在和谐钦赐的目录下
依次次输入以下命令:

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

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

  • 图片 25

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

$ npm install

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

  • 图片 26

通过以上三个章程的即兴一种之后,Hexo
会自动在对象文件夹建立博客网址所须要的具有文件。
此刻得以透过输入以下命令在当地开始展览预览(在刚刚创制的公文夹里):

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

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

如图所示则代表正确:

  • 图片 27

  • 图片 28

那会儿展开浏览器,在浏览器地址栏输入
http://localhost:4000/
(默许端口为6000)便得以看看最原始的博客了(今后公布博文想先预览,也足以由此hexo server 在本地先跑起来,看看效果)。

如图:

  • 图片 29

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

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

  • 图片 30

将当守田件布署到 GitHub

修改 Hexo 中的 _config.yml 文件

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

  • 图片 31

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

  • 图片 32

当中 branch 选项能够填充 master 或 gh-pages。
借使你是为二个门类构建网址,那么要求把 branch 设置为 gh-pages
。若要绑定自定义域名也得以参考Hexo 或 Github Page 的救助文书档案,制作2个CNAME 文件。

将其 deploy 到库房中

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

$ hexo clean
$ hexo generate
$ hexo deploy

万一出现如图错误,不要心急:

  • 图片 33

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

$ npm install hexo-deployer-git --save

再重新来3回:

$ hexo clean
$ hexo generate
$ hexo deploy

并发以下提示则代表正确:

  • 图片 34

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

P.S:假诺发现小说中有显明的谬误和主题材料请在上面留言恐怕牵连作者,本身将即时勘误,幸免给我们带来不须求的误导,谢谢~

相关文章