快捷搜索:

Windows下一步步搭建自己的独立博客——使用 Gi

来源:http://www.shanghai-sourcing.com 作者:真人注册 人气:122 发布时间:2019-10-29
摘要:-此教程不仅仅面向Computer专门的学问的同窗,任何想搭建私人住房单独博客的同班,都足以来看看- --By Y.R.H 摘要:本文是意气风发篇有关什么在 Windows 下搭建二个独门博客的课程,里面

-此教程不仅仅面向Computer专门的学问的同窗,任何想搭建私人住房单独博客的同班,都足以来看看-
--By Y.R.H


摘要:本文是意气风发篇有关什么在 Windows 下搭建二个独门博客的课程,里面介绍了怎样使用 GitHub Pages 和 Hexo 搭建二个属于自个儿的博客,并配备它的历程。


前言

临时间开采小编的姓名拼音的域名没有被人买入,心想,作为一名准程序猿,怎么可以把个体域名让给别人,于是勒紧裤腰带,花光身上仅剩的一小点积贮将其买了下来,买下来后不晓得用它能做点什么(小编不会网页制作),想起了非常久曾在乐乎上看出的二个难题:怎样搭建个人单独博客,心想闲着也是闲着,不比折腾一下,说不定就会学有所成,以往把学习笔记什么的都放到村办博客上,之后回味起来也利于,于是便开首查资料,经过两日的煎熬,个人博客也基本成型了,搭建的步调也大概都很纯熟了,于是便写下那篇教程,有多少个目标:其意气风发,熟谙markdown的语法(此教程使用纯 markdown 写成),并收拾下本人的思绪,操练下自个儿的语言表明技艺;其二,本着能帮二个是一个,我们一起座谈技巧升高的口径,将协调所学到的知识分享给诸位小友人,我们齐声折腾起来,大家一块学习,一起提升。

有人可能会问怎么要写博客?请看这里

特意谢谢:陈素封,笔者也是接着她的教程一点一点学会的。
特意证明:此教程中部分剧情转自cnFeat编写的教程大家也可活动去学学


缘何要搭建独立博客

  • 1 独立的才是投机的
  • 2 操练本身的出手工夫
  • 3 更加好的宣传本身

新娘须知

  • 1 请保持丰裕的耐烦
  • Windows下一步步搭建自己的独立博客——使用 GitHub Pages + Hexo 基础教程(一)。2 擅长利用找寻引擎
  • 3 能够符合驾驭写网页制作的基础知识

缘何选取GitHub Pages

成百上千人用wordpress,你为什么要用GitHub PagesWindows下一步步搭建自己的独立博客——使用 GitHub Pages + Hexo 基础教程(一)。来搭建?

  • 1 Windows下一步步搭建自己的独立博客——使用 GitHub Pages + Hexo 基础教程(一)。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
登记拾分总结,应当要切记注册时采取的邮箱,因为 GitHub 上无数通报都以透过邮箱的。
如图:

  • 图片 1

  • 图片 2

提请成功后,在 GitHub 官网络签到,并表达邮箱。

如若照旧不明白,详细也得以看:
一步步在GitHub上开创博客主页 全连串 by pchou(推荐)


情状设置

依次下载安装以下软件(间接一贯点下一步就能够)

  • Node.js (由于Node.js 不翻墙下载速度比异常慢博主把已下好的设置包放到了百度云盘)
    32位系统 链接: http://pan.baidu.com/s/1o6oQl1S 密码: 5enh
    64位系统 链接: http://pan.baidu.com/s/1ntoSmI9 密码: 1mqq

  • GitHub for Windows (安装好后即可直接登陆刚才申请的 GitHub 账号)
    PS:cnFeat 教程 使用的是 Git ,但由此小编操作,以为使用 GitHub for Windows 尤其有利(不须求配置SSH keys)
    如图:

  • 图片 3

  • 图片 4

升迁:若因各个原因 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:Usersxxx(用户名)DocumentsGitHub,输入 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/ (暗许端口为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:假使开掘小说中有醒目标大谬不然和主题材料请在上边留言或然联系本身,本人将任何时候改良,制止给大家带来不供给的诱导,感谢~

本文由金沙澳门官网55网址发布于真人注册,转载请注明出处:Windows下一步步搭建自己的独立博客——使用 Gi

关键词:

最火资讯