零基础搭建免费Hexo个人博客并部署到Github(下)

原创 showmyself|民工 随笔 写给自己 1940阅读 2017-05-23 19:12:19 举报

接上篇://notes/14464/b9e788aa8b80e782acccbcecf716e9cf.html

刚我们说到发表一篇文章,在命令行,键入:
html 代码

hexo发表文章

4.此时,如果你是新建命令行窗口的话,那么直接在你浏览器刷新就可以;
[quote]如果没有新建命令行窗口的话,你需要重新打开hexo服务,键入命令:
html 代码

hexo发文预览

[/quote]

好了,到此为止,我们本地运行hexo博客就先到这里了。

9.本地Hexo系统发布到Github

接下来,我们就是把本地的hexo博客系统发布到github上,如果纯粹的用git命令commit提交,是不可以的,会有各种报错,因为我们的博客系统有很多特殊的文件,不是一般普通文件,所以我们需要借助ssh keys

1.设置本地ssh keys

1.首先,我们需要先在本地生成一个ssh keys,在命令行键入:
html 代码

注意: 这里的-C 是大写

之后会有一个提示,直接输入回车就好;

2.再然后会让你输入密码,这个密码表示在你提交项目的时候,进行的密码验证,防止别人往你项目中提交内容,如果为空的话提交项目时则不用输入,
如果你想输入的话,就输入一下,注意,输入密码的时候没有*字样的,你直接输入就可以了,输入完毕之后直接敲回车,会提示你再次输入密码进行确认;
我这里就不设置密码了,所以直接一路回车下去;

3.最后看到这样的界面,就成功设置ssh keys了:

sshkey

说明:因为我电脑之前设置过ssh keys,所以多了一步重新写入新的key的提示;

本机设置完ssh keys,需要和你的github账号进行绑定关联,才能成功把你本地的环境连接到github上;

2.添加SSH Key到GitHub

1.首先,需要找到本地的keys的位置,一般路径是C:\Documents and Settings\Administrator.ssh这个文件夹下(如果隐藏,请显示所有文件和文件夹,具体方法就不在赘述),我的是win10,所以,我的路径是:

ssh私钥和公钥

这里说明下,id_rsa 是私钥,id_rsa.pub是公钥

2.然后用编辑器(不要用记事本),打开id_rsa.pub公钥文件,如图:

id_rsa.pub

3.接下来就是把这个公钥内容绑定到github上,ctrl+a,复制所有内容,打开github,找到setting-->SSH and GPG keys-->New SSH key,然后填入对应的内容(title随便填,key就是你复制的那一堆),点击 add ssh key,然后会让你再次输入github密码进行确认,如图:

github设置

githubssh添加

githubssh

github密码确认

成功之后,理论上你会收到一个邮件,意思是表示你添加了一个ssh key完成;

4.为了验证是否配置成功,我们可以测试下,复制如下代码(注意T是大写):
html 代码

如果成功,会有你会看到下图:

测试连通

3.本地数据同步到github

1.首先,在命令行中配置github信息,分别键入以下两条命令:
html 代码

这两行代码运行之后没有任何反应,这个是正常的,如图

零基础搭建免费Hexo个人博客并部署到Github(下)

2.接下来,安装hexo git插件,命令:
html 代码

hexogit插件

3.然后,在正式部署之前,我们需要修改下hexo的部署文件_config.yml,路径就在你建立博客的文件夹的根目录

_config.yml

用sublime打开下这个文件,里面的内容很多,具体每一个代表什么意思,hexo文档中有详细解释,我们只需要修改url和最后几个参数就可以了,如图:

yml文件url配置

yml文件发布配置

[quote]注:
1.打码处为自己的github用户名;
2.修改_config.yml文件的时候,注意deploy,URL等标签,在每个冒号后面必须要空格,否则后面的命令会没有反应或者报错(此处感谢简书@Raspberry);
3.缩进要用空格,不能用tab键缩进;[/quote]

保存之后,就剩下我们最后一步了;

4.在我们的命令行中,键入:
html 代码

会有一段很长的代码(截图长度有限,所以这里只贴出头部和尾部):

零基础搭建免费Hexo个人博客并部署到Github(下)

零基础搭建免费Hexo个人博客并部署到Github(下)

4.见证奇迹的时刻:

在浏览器中打开网址:“yourname.github.io”

最后线上结果

========================================

日常更新:

[ol]
[li]1.现在本地命令行:hexo new “标题名称”;[/li]
[li]2.找到对应的目录编辑器编辑md文件;[/li]
[li]3.运行命令:hexo g -d ,生成文档;[/li]
[li]4.运行本地服务器,命令:hexo s -g,浏览器中http://localhost:4000/ 预览;[/li]
[li]5.没有问题的话,新建命令行窗口或者ctrl结束服务,继续运行命令: hexo d -g,回车;[/li]
[li]6.刷新浏览器,更新完成![/li]
[/ol]

====================================

卸载hexo:

虽然我们之前把npm镜像转成cnpm了,但是卸载的时候还必须用npm。
Q:如何卸载Hexo?
A:3.0.0版本执行npm uninstall hexo-cli -g,之前版本执行npm uninstall hexo -g。

Q:如何安装旧版本Hexo?
A:先卸载当前版本,以2.8.3为例,执行npm install hexo@2.8.3 -g,再初始化并安装依赖和插件

附上卸载的截图:

卸载hexo

参考资料:
http://npm.taobao.org/
https://hexo.io/zh-cn/docs/index.html
http://hifor.net/2015/07/01/%E9%9B%B6%E5%9F%BA%E7%A1%80%E5%85%8D%E8%B4%B9%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2-hexo-github/
http://www.jianshu.com/p/df3edc4286d2
https://zhidao.baidu.com/question/264893649040082965.html
http://www.isetsuna.com/hexo/install-config/

评论 ( 12 )
最新评论
雨中燕 2017-06-01 11:21:32 12F

写的很详细

djkloop 2017-05-31 00:14:19 11F

问下如果不用hexo能自己写页面么。

showmyself|民工 9F 2017-05-27 21:42:23 10F

你清理下hexo的缓存试试看,执行命令:hexo clean ,然后重新生成hexo g

hk93211 6F 2017-05-27 17:02:51 9F

本地测试没有问题,但是用git提交到主页上去后怎么没有样式了,只有默认的主题landscape有样式,博主用hexo熟悉吗?望指教

13230102878 5F 2017-05-27 11:50:31 8F

好的 谢谢

fuzhiyu3360689 2017-05-27 11:36:52 7F

最后一步不知道改什么,url那个改成什么,还有下面的repo要手写这个属性吗 里面内容是那个网址 ···感觉有点晕···

showmyself|民工 4F 2017-05-27 00:31:48 6F

先下载主题,然后解压到theme目录,然后修改_config.yml配置文件,根据自己情况修改主题中具体配置,本地测试,没有问题,hexo发布到github,思路大概是这样

showmyself|民工 2F 2017-05-27 00:25:30 5F

你注册github的邮箱就可以

hk93211 2017-05-26 22:32:22 4F

博主,请问如果想更换主题后再push上github怎么操作啊

猫七街社 2017-05-26 21:51:03 3F

最近我也在搞这个 哈哈 貌似不支持 https

13230102878 2017-05-25 14:01:38 2F

您好 在本地配置的ssh的时候邮箱地址写什么

bigAndBig 2017-05-25 10:49:11 1F

一路下来成功配置了个人博客,太赞了