Pages和Hexo简明教程,GitHub从零单排第3期

爱博体育 1

先是欢迎各位来参观小编的博客:Ryane’s
Blog

enter image description here

Github地址:https://github.com/ryanlijianchang/ryanlijianchang.github.io

封面人物:Paul·莫卡派乔斯(Paul Mockapetris,1949 – )

摘要:那是一篇关于怎么样行使Github
Pages和Hexo搭建自身单身博客的事无巨细教程,里面介绍了何等选拔和安顿Hexo框架,怎么样将Hexo安排到本人的Github项目中,域名注册,以及域名的绑定,还有本身在搭建本身博客进度中所境遇的各样困难。

域名种类的发明者,他在一九八三年的第⑧82和在南加州大学里资源新闻科研院所提出的883号因特网标准草案中提议DNS的架构。

前言

自个儿是一名安卓入门开发者,但,我只是入门!而且本身对网站开发以及前端的学问差不多是零基础,所以在协调刚接触这一个事物的时候,笔者像许多个人同样,都以上网找教程,可是要知道,那都是程序员的课程。据此对于自身那几个网站技术小白来说,真是很难过,所以藉此机会写一篇让小白看得懂的学科。假设你是一个小白而且又想做团结的博客,能够,请跟着笔者的步履,作者会带你真着实正做2个属于您自身的博客。

一经你还不掌握你怎么要做1个博客,推荐您看:《笔者干什么写博客》

回顾说下DNS吧。大家都晓得IP和域名,DNS的效果就是把域名和IP对应起来,当大家访问
www.baidu.com
的时候,实际上会先从DNS服务器中拿走到这几个域名对应的IP,然后再把请求发往这么些IP。DNS服务器有广大个。

入门门槛

  1. 必须耐得住折腾。
  2. 节约的上学精神和耐性。

关于Github

<center>

</center>

点击查看“GitHub从零单排第三期”

一、Github的优点

  • GitHub是依照git完成的代码托管。git或然是时下最好用的版本控制系统了,相当受欢迎。
  • GitHub可防止费使用,并且赶快稳定。
  • Github上面包车型客车社会风气很可观,用久了您的所见所闻会开始展览很多。

近年来一段时间又采访了不少上佳的财富,前日一并介绍给大家!

二、什么是Github Pages

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

③ 、为何要使用Github Pages

  • 能够绑定你的域名(但一时半刻貌似只好绑定四个)。
  • 不难易行飞速,使用Github
    Pages可以为你提供3个免费的服务器,免去了祥和搭建服务器和写数据库的难为。

自身只是把压箱底的事物都告诉大家了,转载一下呢:)

安装Node.js

在 Windows 环境下安装 Node.js
十一分不难,仅须到官网下载安装文件并施行即可形成安装。

像自家的是Windows 60个人,直接下载安装,不须要布署环境变量。


安装Git

下载 msysgit
并施行即可成功安装。(上官网要翻墙,假如您的是陆拾人,能够点击那里下载)

怎么打开Git?

欢迎扫描二维码关怀本身的微信号“GitHub不完全装B指南”,获取最新篇章。

Hexo

Hexo 是1个便捷、简洁且火速的博客框架。Hexo 使用
马克down(或别的渲染引擎)解析作品,在几秒内,即可使用靓丽的宗旨生成静态网页。

谢谢~

一、Hexo安装

桌面右键鼠标,点击Git Bash Here,输入npm命令即可安装

npm install hexo-cli -g
npm install hexo --save
#如果命令无法运行,可以尝试更换taobao的npm源
npm install -g cnpm --registry=https://registry.npm.taobao.org

贰 、Hexo伊始化配置

创建Hexo文件夹

安装实现后,依照自个儿喜好建立目录(如F:\Blog\Hexo),直接进去F:\Blog\Hexo文件夹下右键鼠标,点击Git
Bash Here,进入Git命令框,执行以下操作。

$ hexo init
$ npm install

设置 Hexo 完毕后,Hexo
将会在钦赐文件夹中新建所须要的文本。Hexo文件夹下的目录如下:

安装Hexo插件

比方想不出错,就将上面的插件都安装完。

npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save
本地查看效果

施行上边语句,执行完即可登录localhost:5000翻看效果

hexo generate
hexo server

签到localhost:伍仟,即可见到当地的功效如下:

将博客安顿到Github Pages上

那么以往地方的博客已经搭建起来了,可是大家只可以够透过本地连接查看大家的博客。那么我们后日要求做的就是把本地的博客发表到服务器上,让别人也能够连接大家的博客,而Github
Pages就帮本身形成了那件业务。可是Github
Pages的代码正是寄存在Github上边包车型大巴。那么接下去我们须要在Github上面成立三个新的类型。

一、注册Github账户

  1. 访问Github首页
  2. 点击右上角的Sign
    Up
    ,注册自身的账户

② 、创制项目代码库

  1. 登记完登陆后,大家就创办二个大家自个儿的Github Pages项目。点击New
    repository
  2. 始建要点如下:

三、配置SSH密钥

配置Github的SSH密钥能够让本土git项目与远程的github建立联系,让大家在地点写了代码之后平昔通过git操作就能够达成本地代码库与Github代码库同步。操作如下:

率先步、看看是否存在SSH密钥(keys)

首先,大家必要探视是或不是探望本机是还是不是留存SSH keys,打开Git Bash,并启动:

$ cd ~/. ssh 

反省你本机用户home目录下是或不是存在.ssh目录

若果,不存在此目录,则展开第三步操作,不然,你本机已经存在ssh公钥和私钥,能够略过第3步,直接进入第贰步操作。

其次步、创设一对新的SSH密钥(keys)
$ssh-keygen -t rsa -C "your_email@example.com"
#这将按照你提供的邮箱地址,创建一对密钥
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter]

一向回车,则将密钥按私下认可文件进行仓库储存。此时也足以输入特定的文本名,比如/c/Users/you/.ssh/github_rsa

紧接着,依据提醒,你须求输入密码和承认密码(说到那里,假设你很放心,其实能够不要密码,正是到输密码的地点,都间接回车,所以每趟push就只管回车就行了。所谓的最安全的密码,正是没有密码
哈哈)。相关提醒如下:

Enter passphrase (empty for no passphrase): [Type a passphrase]
Enter same passphrase again: [Type passphrase again]

输入完成未来,荧屏会显示如下新闻:

Your identification has been saved in /c/Users/you/.ssh/id_rsa.
Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.
The key fingerprint is:
01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db your_email@example.com
其三步、在GitHub账户中添加你的公钥

运营如下命令,将公钥的剧情复制到系统粘贴板(clipboard)中。

clip < ~/.ssh/id_rsa.pub

接着:

  1. 登陆GitHub,进入你的Account Settings.

2.选择SSH Keys

3.粘贴密钥,添加即可

第四步、测试

能够输入下边包车型客车一声令下,看看设置是或不是中标,git@github.com的一对并非涂改:

$ ssh -T git@github.com

倘假诺下边包车型大巴反映:

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 cnfeat! You've successfully authenticated, but GitHub does not provide shell access.
第陆步、设置用户新闻

如今您已经足以通过SSH链接到GitHub了,还有局地个人消息必要通盘的。
Git会依据用户的名字和邮箱来记录提交。GitHub也是用那个音信来做权限的处理,输入上边包车型客车代码实行个人音信的装置,把称呼和信箱替换到你协调的,名字务必是您的全名,而不是GitHub的别称。

$ git config --global user.name "cnfeat"//用户名
$ git config --global user.email  "cnfeat@gmail.com"//填写自己的邮箱
第4步、SSH Key配置成功

本机已成功连接到github。
如有毛病,请参见:

GitHub Help – Generating SSH
Keys

Error: Permission denied
(publickey)

④ 、将地点的Hexo文件更新到Github的库中

首先步、登录Github打开自身的项目 username.github.io
其次步、打开现在,点击HTTPS,接纳HTTPS类型地址
其三步、复制地址
第六步、打开你一初始成立的Hexo文件夹(如F:\Blog\Hexo),用记事本打开刚文件夹下的_config.yml文件
第4步、在安顿文件里作如下修改,保存
第四步、在Hexo文件夹下执行:
hexo g
hexo d

照旧直接执行

hexo g -d

执行完之后会让你输入github的账号和密码,输入完后就足以登录大家温馨的配置在Github
Pages服务器上的博客了。对应的地址是
username.github.io(我的是:ryanlijianchang.github.io)。

第十步、在浏览器上输入本身的主页地址

在浏览器上输入即可看出大家风雨同舟的博客,外人电脑输入也足以啊。

鼓吹本人博客

那么今后我们的博客已经挂在了服务器下面,旁人已经足以通过网址来登陆大家的博客了,不过大家那儿就有了新的须要,正是友善的博客并不难堪,那如何做的?那不会细小略,要明白许多前端开发者在Hexo框架下支付了过多的大旨给我们应用,大家只须求把他们的大旨克隆过来,然后通过改动配置文件即可达到大家所急需的职能。

那便是说大家应当怎么修改呢?

一、进入Hexo的官网主旨专栏

贰 、挑选我们欣赏的主旨

能够见见有许多核心给大家选,大家假诺采取喜好的大旨点击进入,然后进入到它的github地址,大家假使把这一个地址复制下来(例如小编是选项:hexo-theme-next那么些核心)

叁 、克隆大旨

再打开Hexo文件夹下的themes目录(F:\Blog\hexo\themes),右键Git
Bash,在命令行输入:

git clone https://github.com/iissnan/hexo-theme-next(此处地址替换成你需要使用的主题的地址) 

下载中,等待下载完毕:

④ 、修改Hexo配置文件

下载实现后,打开Hexo文件夹下的配置文件_config.yml

修改参数为:theme: hexo-theme-next

伍 、铺排大旨,本地查看效果

返回Hexo目录,右键Git Bash,输入

hexo g
hexo s

开辟浏览器,输入 http://localhost:4000/ 即可看见大家的大旨已经更换了。

⑥ 、如若效果适得其反,将它布署到Github上

打开Hexo文件夹,右键Git Bash,输入

hexo clean   (必须要,不然有时因为缓存问题,服务器更新不了主题)
hexo g -d

七 、打开本身的主页,即可知到修改后的作用

更加多修改效果请查占星应宗旨的表达文书档案,点击此翻看本核心(Next)对应的认证文书档案。

在博客写文章

一 、用hexo发布新小说

$ hexo n "文章标题" 

其间 笔者的家 为小说标题,执行命令 hexo n "我的家" 后,会在档次
\Hexo\source_posts 中生成 我的家.md文本,用编辑器打开编写即可。

理所当然,也得以平昔在\Hexo\source_posts中新建二个md文件,作者正是如此做的。
写完后,推送到服务器上,执行以下命令即可在我们的站点看到新的稿子。

$ hexo g #生成
$ hexo d #部署 # 可与hexo g合并为 hexo d -g

二、用Markdown写文章

大家注意到在 \Hexo\source_posts
文件夹下存放着大家的篇章,它们的格式都是以.md格式结尾的,没错,Hexo也是永葆马克down语法的,所以当大家须要写具有格式化的小说时,我们得以行使援助马克down语法的编辑器实行小说编写翻译,然后保留文件到
\Hexo\source_posts 文件夹下即可。

复制进去以后,只要进行

$ hexo d -g 

爱博体育,推送到我们的Github仓库即可。

那么哪些是马克down?

Markdown
是一种轻量级的「标记语言」,它的优点很多,如今也被进一步多的行文爱好者,撰稿者广泛使用。看到那里请不要被「标记」、「语言」所迷惑,马克down
的语法12分简练。常用的标记符号也不超过11个,那种绝对于更为复杂的HTML
标记语言来说,马克down
可谓是格外轻量的,学习花费也不要求太多,且假诺熟练那种语法规则,会有一劳永逸的意义。

马克down有怎样长处?
  • 在意你的文字内容而不是排版样式。
  • 自在的导出 HTML、PDF 和自身的 .md 文件。
  • 纯文本内容,包容全部的文件编辑器与字处理软件。
  • 可读,直观。适合全数人的编写语言。
自小编该用什么工具?
  • Windows下得以采用 马克downPad2。
  • 在 Mac OS X 上,作者建议你用 Mou 那款免费且卓殊好用的 马克down
    编辑器。
  • Web 端上,笔者强烈推荐 简书 那款产品。

关于马克down的越来越多材质能够查阅如下:

将协调的域名关联到Github Pages上

众多情侣创制了上下一心的博客之后会选取买三个属于自身的域名,然后将协调域名绑定到本人的Github
Pages博客上,其实这也并简单,只要你有个域名。

壹 、购买域名

如果您不是很有钱,在阿里云上,你只要几块钱就能够买到一个域名。

选取你欢愉的域名,然后购买即可。

二、配置CNAME文件

在 \hexo\source 文件夹下创制文件 CNAME
(新建记事本文件命名CNAME,然后打开)

内容为你的域名,例如笔者的域名是:lijianchang.xyz

在Hexo文件夹提交

hexo g -d

三、修改DNS的DNS

1.假若您是在阿里云购买域名的话,请登录Ali云网站。打开个人大旨,点击域名

2.摘取管理

3.修改DNS为

f1g1ns2.dnspod.net 
f1g1ns1.dnspod.net 

④ 、域名解析

  1. 打开DNSPOD,注册1个账户

  2. 点击添加域名,把你的域名添加进去,如无意外,添加完事后正是以下这些场馆

  1. 那时候点击添加记录,添加多个记录,五个主机记录为@
    一个为www,而记录值都以填同二个,填你的博客主页对应的ip,添加完后如下。

  2. 不过怎么赢得ip值呢?打开运维,输入cmd,打开命令窗口输入
    ping 主页地址 , 浅葡萄紫部分即为你的ip值

  3. 将IP输入过去即可。等待生效,最迟72钟头生效。即可通过你的域名浏览你的博客主页。

结语

当您完了了你的博客之后,相信你的情怀跟笔者刚做完的心态是均等的,固然很累,不过当本人的博客成型之后,自个儿仍然有3个成就感的,那么成功后,未来的路还十分短,真正想要本人博客可以积累人气,还得靠好的情节,所以认真写作品吧,相信你会收益于此的。

只要大家有啥难点来说,能够在本身留言板下留言,作者看齐评论时会第叁时半刻间回答大家。

参考资料:

  1. 马克down入门手册中文版
  2. 马克down–入门指南
  3. 何以搭建二个独自博客——简明 Github Pages与 jekyll
    教程

    by cnfeat
  4. Hexo搭建Github静态博客
    by 金石开
  5. 应用SSH密钥连接Github【图像和文字化教育程】
    by 轩枫

相关文章