快捷搜索:

小白独立搭建博客--Github Pages和Hexo简明教程

日期:2019-10-03编辑作者:书法

不久前一段时间又访谈了不菲精美的财富,今日一块介绍给我们!

第六步、SSH Key配置成功

本机已成功总是到github。
如有毛病,请参谋:

GitHub Help - Generating SSH Keys

Error: Permission denied (publickey)

谢谢~

Hexo

Hexo 是一个快捷、简洁且飞速的博客框架。Hexo 使用 Markdown(或别的渲染引擎)深入分析小说,在几秒内,就可以使用秀丽的大旨生成静态网页。

图片 1

三、为何要接纳Github Pages

  • 能够绑定你的域名(但近日貌似只好绑定二个)。
  • 总结飞速,使用Github Pages可感到您提供三个免费的服务器,免去了团结搭建服务器和写数据库的麻烦。

地点查看效果

进行上面语句,实施完就可以登录localhost:4000翻看效果

hexo generate
hexo server

签到localhost:五千,就可以知到本地的作用如下:

域名连串的发明者,他在一九八三年的第882和在南加州高校里资源新闻应用商讨院所提议的883号因特网规范草案中建议DNS的架构。

五、布置大旨,本地查看效果

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

hexo g
hexo s

开辟浏览器,输入 http://localhost:4000/ 就可以见到我们的大旨已经转移了。


一、购买域名

万一您不是很有钱,在阿里云上,你一旦几块钱就能够买到四个域名。

选料你心爱的域名,然后购买就可以。

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

其三步、复制地址

enter image description here

第六步、在Hexo文件夹下实施:
hexo g
hexo d

要么直接实行

hexo g -d

施行完之后会让您输入github的账号和密码,输入完后就能够登陆大家友好的配置在Github Pages服务器上的博客了。对应的地址是 username.github.io(作者的是:ryanlijianchang.github.io)。

封面人物:Paul·莫卡派乔斯(Paul Mockapetris,一九四六 - )

一、注册Github账户

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

接待扫描二维码关心我的微时限信号“GitHub不完全夸口指南”,获取最新篇章。

创建Hexo文件夹

安装完毕后,依照本身喜好创设目录(如F:BlogHexo),直接走入F:BlogHexo文件夹下右键鼠标,点击Git Bash Here,步入Git命令框,施行以下操作。

$ hexo init
$ npm install

安装 Hexo 完毕后,Hexo 将会在钦赐文件夹中新建所急需的公文。Hexo文件夹下的目录如下:

  • https://github.com/codrops 由@Amanda Wang
    校友推荐,当时本身就傻眼了,里面有各样前端的内部境况美化,比如页面载入效果、表单提交效果、分页效果等等。真心叼,大家千万不要错失。

  • https://github.com/tiimgreen/github-cheat-sheet GitHub的黑法力大聚合!这里搜聚了各个你不清楚GitHub炫耀用法:相比较文件时大意空格、查看有些我的commit记录、比较分支……原本GitHub还是可以够如此用。

  • https://github.com/GitbookIO/javascript JavaScript教程,想深造JS又想巩固一下立陶宛语的爱侣能够尝尝一下。

  • https://github.com/GitbookIO/gitbook 结合GitHub和马克down来写书,写作也足以开源哦~

  • https://github.com/dypsilon/frontend-dev-bookmarks 前端学习财富大聚合!一眼望不到底的列表,前端果然是大榄涌啊。

  • https://github.com/qyuhen/book 国内大神写的学习笔记,有 Go学习笔记、Python学习笔记和C学习笔记,普通话版,完全能够看作教程来用。

  • https://github.com/faif/python-patterns Python设计形式集结,切合Python技术进级。

  • https://github.com/terrytowne/android-developer-cn 安卓开垦者汉语文档。

  • https://github.com/1HaskellADay/1HAD 每一天一齐 Haskell 演练题。

  • https://github.com/vhf/free-programming-books 超多无偿编程课程,接近25000的Star数是它最佳的认证。

  • https://github.com/papers-we-love/papers-we-love 非凡科学和技术杂谈集结,符合对斟酌感兴趣的心上人。

三、克隆核心

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

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

下载中,等待下载完毕:

点击查阅“GitHub从零单排第一期”

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

简短说下DNS吧。大家都精通IP和域名,DNS的效应就是把域名和IP对应起来,当大家访谈 www.baidu.com 的时候,实际上会先从DNS服务器中收获到那一个域名对应的IP,然后再把央浼发往这一个IP。DNS服务器有为数不菲个。

第五步、设置用户音信

现今您早已能够由此SSH链接到GitHub了,还大概有局地个人音信供给通盘的。
Git会依据客商的名字和邮箱来记录提交。GitHub也是用那个新闻来做权限的拍卖,输入上边包车型大巴代码进行个人音讯的设置,把称呼和信箱替换到你和睦的,名字必需是您的全名,并不是GitHub的别称。

$ git config --global user.name "cnfeat"//用户名
$ git config --global user.email  "cnfeat@gmail.com"//填写自己的邮箱

安装Git

下载 msysgit 并实行就能够成功安装。(上官方网站要翻墙,假让你的是陆10位,能够点击这里下载)

怎么张开Git?

  • 设置教程:如何在windows下安装GIT

  • Git入门教程:Pro Git(中文版)

  • Git基本操作:

安装Node.js

在 Windows 情形下安装 Node.js 特别轻便,仅须到官方网址下载安装文件并奉行就能够完毕安装。

像小编的是Windows 陆九个人,直接下载安装,没有需求配备景况变量。

美化本人博客

那么以后我们的博客已经挂在了服务器上边,外人已经得以透过网站来登录大家的博客了,不过我们那儿就有了新的急需,正是和睦的博客并不难堪,那怎么做的?那很简短,要清楚多数前端开采者在Hexo框架下支付了成都百货上千的主旨给大家选用,大家只需求把她们的宗旨克隆过来,然后通过修改配置文件就能够直达咱们所急需的效果。

那就是说大家应该怎么修改呢?

首先步、登入Github展开自个儿的花色 username.github.io
第七步、在浏览器上输入自个儿的主页地址

在浏览器上输入就能够看出大家和谐的博客,外人Computer输入也足以啊。

安装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
那么哪些是Markdown?

马克down 是一种轻量级的「标识语言」,它的亮点非常多,近年来也被越来越多的编慕与著述爱好者,撰稿者分布运用。看见此间请不要被「标识」、「语言」所吸引,马克down 的语法拾分回顾。常用的标识符号也不超越11个,这种相对于更为复杂的HTML 标志语言来讲,马克down 可谓是可怜轻量的,学习开销也不必要太多,且一旦纯熟这种语准则则,会有一劳永逸的意义。

其三步、在GitHub账户中增加你的公钥

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

clip < ~/.ssh/id_rsa.pub

接着:

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

2.选择SSH Keys

3.粘贴密钥,加多就能够

三、配置SSH密钥

配置Github的SSH密钥可以让本地git项目与长途的github创立联系,让大家在该地写了代码之后一向通过git操作就足以兑现本地代码库与Github代码库同步。操作如下:

摘要:那是一篇关于怎么着利用Github Pages和Hexo搭建自身独立博客的事无巨细教程,里面介绍了哪些运用和布署Hexo框架,怎么着将Hexo铺排到谐和的Github项目中,域名注册,以及域名的绑定,还会有自个儿在搭建自个儿博客进度中所遭逢的各样困难。

四、域名深入分析

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

  2. 点击增加域名,把你的域名增添进去,如无意外,增添完之后正是以下这几个景况

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

  2. 不过怎么猎取ip值呢?打开运转,输入cmd,打开命令窗口输入 ping 主页地址 , 深石黄部分即为你的ip值

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

前言

自己是一名安卓入门开拓者,但,作者只是入门!而且笔者对网址开拓以及前端的学识差非常少是零基础,所以在自身刚接触那么些东西的时候,我像许多个人一律,皆以上网找教程,但是要驾驭,那都是技术员的教程。于是对于作者那个网址本事小白来讲,真是很痛苦,所以藉此时机写一篇让小白看得懂的课程。即使你是三个小白並且又想做本人的博客,能够,请跟着自身的步伐,我会带你真着实正做一个属于您本身的博客。

如若您还不领会您为何要做四个博客,推荐你看:《作者何以写博客》

第五步、在安顿文件里作如下修改,保存
自家该用哪些工具?
  • Windows下得以运用 马克downPad2。
  • 在 Mac OS X 上,笔者提议您用 Mou 那款免费且卓殊好用的 马克down 编辑器。
  • Web 端上,笔者猛烈推荐 简书 那款产品。

有关马克down的更加多材料可以查阅如下:

  • 认知与入门 马克down
  • 马克down入门指南

入门门槛

  1. 总得耐得住折腾。
  2. 稳重的学习精神和耐性。
其次步、张开以往,点击HTTPS,接纳HTTPS类型地址

将团结的域名关联到Github Pages上

洋洋相恋的人创造了团结的博客之后会挑选买四个属于本身的域名,然后将团结域名绑定到温馨的Github Pages博客上,其实这也并轻易,只要您有个域名。

一、Github的优点

  • GitHub是依据git达成的代码托管。git恐怕是时下最棒用的版本调整系统了,备受应接。
  • GitHub能够免费应用,况兼异常的快稳固。
  • Github上面包车型客车世界很漂亮貌,用久了您的所见到的和听到的会开展相当多。

七、展开自身的主页,就能够见到修改后的效应

更加的多修改效果请查占星应宗旨的求证文书档案,点击此查阅本主旨(Next)对应的表明文书档案。

第四步、测试

能够输入下边包车型大巴通令,看看设置是还是不是成功,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密钥(keys)

首先,我们须求探视是或不是拜见本机是不是留存SSH keys,展开Git Bash,并运转:

$ cd ~/. ssh 

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

假设,空头支票此目录,则张开第二步操作,不然,你本机已经存在ssh公钥和私钥,能够略过第二步,直接步向第三步操作。

二、创设项目代码库

  1. 登记完登录后,大家就创办叁个大家温馨的Github Pages项目。点击New repository。
  2. 创设要点如下:

二、配置CNAME文件

在 hexosource 文件夹下创建文件 CNAME (新建记事本文件命名CNAME,然后张开)

剧情为您的域名,举个例子作者的域名是:lijianchang.xyz

在Hexo文件夹提交

hexo g -d

结语

当您完了了您的博客之后,相信您的情怀跟本人刚做完的情怀是大同小异的,就算很累,不过当本人的博客成型之后,本身或然有叁个成就感的,那么成功后,今后的路还很短,真正想要本身博客能够积存名气,还得靠好的从头到尾的经过,所以认真写小说吧,相信您会收益于此的。

设若大家有哪些难点的话,能够在本人留言板下留言,笔者看来商议时会第有时间回答大家。

将博客安顿到Github Pages上

那就是说未来地点的博客已经搭建起来了,不过我们只能因此本地连接查看大家的博客。那么大家现在必要做的正是把本地的博客公布到服务器上,让别人也得以三番两次大家的博客,而Github Pages就帮本人形成了那事情。不过Github Pages的代码正是贮存在Github上边的。那么接下去大家必要在Github上边创立一个新的花色。

二、用Markdown写文章

大家注意到在 Hexosource_posts 文件夹下存放着大家的篇章,它们的格式都以以.md格式结尾的,没有错,Hexo也是帮衬马克down语法的,所以当我们须要写具有格式化的篇章时,大家得以利用协理马克down语法的编辑器实行作品编译,然后保留文件到 Hexosource_posts 文件夹下就可以。

复制进去之后,只要举办

$ hexo d -g 

推送到大家的Github客栈就可以。

六、要是效果适得其反,将它配置到Github上

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

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

二、挑选我们喜欢的核心

能够看出有数不胜数宗旨给大家选,大家要是采用喜好的大旨点击步入,然后走入到它的github地址,我们固然把这么些地址复制下来(例如笔者是选项:hexo-theme-next这么些主旨)

第四步、张开你一开首创制的Hexo文件夹(如F:BlogHexo),用记事本张开刚文件夹下的_config.yml文件

三、修改DNS的DNS

1.如若您是在Ali云购买域名的话,请登陆Ali云网址。展开个人焦点,点击域名

2.摘取管理

3.修改DNS为

f1g1ns2.dnspod.net 
f1g1ns1.dnspod.net 

一、用hexo发表新小说

$ hexo n "文章标题" 

其间 小编的家 为作品标题,实行命令 hexo n "我的家" 后,会在档案的次序 Hexosource_posts 中生成 我的家.md文本,用编辑器展开编写就能够。

理之当然,也可以直接在Hexosource_posts中新建一个md文件,笔者便是那般做的。
写完后,推送到服务器上,施行以下命令就能够在我们的站点看见新的篇章。

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

四、将地方的Hexo文件更新到Github的库中

马克down有怎样亮点?
  • 只顾你的文字内容实际不是排版样式。
  • 自在的导出 HTML、PDF 和自个儿的 .md 文件。
  • 纯文本内容,宽容全体的文书编辑器与字管理软件。
  • 可读,直观。相符全体人的写作语言。

在博客写小说

先是接待各位来旅行笔者的博客:Ryane's Blog

参谋资料:

  1. Markdown入门手册粤语版
  2. 马克down--入门指南
  3. 什么搭建二个独门博客——简明 Github Pages与 jekyll 教程 by cnfeat
  4. Hexo搭建Github静态博客 by 金石开
  5. 使用SSH密钥连接Github【图像和文字化教育程】 by 轩枫

四、修改Hexo配置文件

下载完结后,张开Hexo文件夹下的配置文件_config.yml

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

一、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早先化配置

关于Github

<center>

</center>

二、什么是Github Pages

Github Pages能够被感觉是顾客编写的、托管在github上的静态网页。

一、进入Hexo的官方网站大旨专栏

第二步、创造一对新的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

本文由402com永利官方手机登录注册发布于书法,转载请注明出处:小白独立搭建博客--Github Pages和Hexo简明教程

关键词:

「青春」追梦人(3)

新生父亲还跟老妈说:“什么人让您生的孙子那么聪明呢,借使她也像隔壁老王家的二狗子一样,他也只还好家里呆...

详细>>

猫的苏步

1、 笔者叫玖仟0,是三只狸大花猫,未来住在二个叫苏步的儿女的家,当然这里也是自家的家。 “招待惠临!”她在...

详细>>

我会有趣可爱地变老,骗你你是小狗

然后她愤愤地吃了一大碗饭,还啃了两个鸡蛋,化悲愤为吃食的力量。     我上网搜了根本没有这样的先例,也不知...

详细>>

刘强东:三五年内必超天猫!马云:呵呵,无敌

再正是,京东前行高效,17年第一季度第三回落成致富(营业收入750亿),净受益2.2亿。並且在财富五百强的排行中位...

详细>>