我们都驾驭IP和域名,Pages和Hexo搭建自身单身博客的事无巨细教程

澳门永利网上娱乐 1

首先招待各位来游览小编的博客:Ryane’s
Blog

enter image description here

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

封面人物:Paul·莫卡派乔斯(保罗 Mockapetris,一九四九 – )

摘要:那是一篇关于怎么着利用Github
Pages和Hexo搭建自个儿单身博客的详细教程,里面介绍了什么样行使和配置Hexo框架,如何将Hexo安插到温馨的Github项目中,域名注册,以及域名的绑定,还恐怕有本人在搭建自身博客进程中所碰到的各样困难。

域名类别的发明者,他在一九八二年的第882和在南加州大学里资源新闻应用商讨院所建议的883号因特网标准草案中提出DNS的架构。

前言

自己是一名安卓入门开垦者,但,作者只是入门!并且本人对网址开拓以及前端的文化差非常的少是零基础,所以在本人刚接触那个事物的时候,小编像许多人同样,都以上网找教程,不过要明了,那都以程序员的科目。为此对于笔者这几个网址技艺小白来讲,真是很优伤,所以藉此机遇写一篇让小白看得懂的教程。借使您是二个小白而且又想做团结的博客,可以,请跟着自身的步履,我会带您真真正正做贰个属于你和煦的博客。

万一您还不晓得你怎么要做二个博客,推荐您看:澳门永利网上娱乐,《我何以写博客》

简短说下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可以为你提供三个无需付费的服务器,免去了和煦搭建服务器和写数据库的分神。

本人只是把压箱底的事物都告知我们了,转载一下呢:)

安装Node.js

在 Windows 蒙受下安装 Node.js
非常轻便,仅须到官方网址下载安装文件并实施即可落成安装。

像自己的是Windows 62位,直接下载安装,无需配备境况变量。


安装Git

下载 msysgit
并执行就可以变成安装。(上官方网址要翻墙,假诺您的是六11人,能够点击这里下载)

怎么张开Git?

应接扫描二维码关切自己的微非复信号“GitHub不完全显摆指南”,获取最新篇章。

Hexo

Hexo 是八个非常快、简洁且快捷的博客框架。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公钥和私钥,能够略过第二步,直接进去第三步操作。

第二步、创造一对新的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"//填写自己的邮箱
第六步、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文件
第五步、在布署文件里作如下修改,保存
第六步、在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?

马克down
是一种轻量级的「标识语言」,它的优点比比较多,最近也被越来越多的编写爱好者,撰稿者遍布应用。看到这里请不要被「标识」、「语言」所吸引,马克down
的语法十二分简易。常用的标志符号也不超越12个,这种相对于进一步复杂的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,注册四个账户

  2. 点击加多域名,把您的域名增加进去,如无意外,增添完之后就是以下那个情景

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

  2. 只是如何得到ip值呢?展开运行,输入cmd,张开命令窗口输入
    ping 主页地址 , 玉水草绿部分即为你的ip值

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

结语

当你完结了你的博客之后,相信您的情绪跟自家刚做完的心理是同等的,纵然很累,不过当自个儿的博客成型之后,自身依旧有三个成就感的,那么成功后,以后的路还不短,真正想要自个儿博客可以积存名气,还得靠好的剧情,所以认真写小说吧,相信你会收益于此的。

假诺大家有哪些难题的话,能够在作者留言板下留言,小编见状研讨时会第有的时候间回答我们。

参照他事他说加以考察资料:

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

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