文档章节

hexo&github博客搭建

c
 caiyezi
发布于 2016/11/08 20:24
字数 883
阅读 6
收藏 0

闲来无事,偶然看到hexo,便试着玩玩,hexo是一种静态博客工具,使用nodejs流生成静态博客,速度快,主题多,附地址:https://hexo.io/

下面详细介绍如何使用hexo在github上搭建自己的博客空间:

1、本地安装git、配置nodejs环境、安装cnpm(后边安装hexo依赖模块会用到,因为npm安装可能会各种报错,各种被墙,你懂得。。)

2、安装hexo:

cnpm install -g hexo

全局安装hexo模块,hexo集成一些命令,比如:hexo init(初始化博客项目)、hexo g(生成静态博客文件)、hexo d(一键部署)。。。

至此本地hexo模块安装完毕!

下来测试一下hexo:

1)、cmd切换至任意目录下然后执行命令:hexo init,完事发现该文件夹下面自动帮我们生成了很多文件,先不管,继续。。

2)、接着输入命令:cnpm i,根据package.json文件来安装当前项目中的依赖。。

3)、依赖模块安装结束后,输入:hexo s,启动项目,hexo默认在本机4000端口映射该项目,输入localhost:4000可以直接访问,如下所示效果:

这是默认生成的博客项目,比较简单,接下来说说怎么把这家伙部署到github上面,继续。。

3、首先,涉及到部署的话一定要加密的了,这里推荐使用ssh密钥,下面是在git上面配置ssh密钥:

1)、在Git Bash输入以下指令(任意位置点击鼠标右键),检查是否已经存在了SSH keys:

ls -al ~/.ssh

如果存在的话,直接删除c盘,.ssh文件夹下的所有文件即可

2)、生成ssh密钥,输入以下指令(邮箱就是你注册Github时候的邮箱)后,回车(期间会让你输入密码passphrase,可以不用输入,一路回车):

ssh-keygen -t rsa -C "angelen10@163.com"

3)、键入如下指令:

ssh-agent -s
ssh-add ~/.ssh/id_rsa

键入第二条指令后,如报错说“链接认证端失败”,则键入一下指令,不报错继续不管就行了:

eval `ssh-agent -s`
ssh-add

到此SSH key已经添加到你的Github账户了,接下来将github个人主页上的ssh key也设置成刚才产生的这个:

clip < ~/.ssh/id_rsa.pub

复制ssh key,后边方便粘贴。。

4)、在个人github头像下拉框中下拉选择“Settings”,然后选择“SSH Keys”,点击“New SSH Keys”,“Title”随意,内容直接"Ctrl+v"即可,新增保存。。

这里需要输入git账号密码,输入即可,接下来测试下:

ssh -T git@github.com

直接输入“yes”完成就行了,至此ssh keys设置完毕!

4、部署刚才新建的项目到github:

1)、新建远程仓库名称为:yourGitName.github.io,比如我的就是:caiya.github.io,然后在本地clone一份该仓库项目,再将刚才新建的博客项目全部copy过来到caiya.github.io文件夹下,比如我的形式为:

2)、修改_config.yml文件,添加deploy选项,保存:

3)、键入命令再安装一个依赖包:

cnpm install hexo-deployer-git --save

4)、键入命令正式部署:

hexo d

效果:

完事后浏览器直接输入:yourGitName.github.io,我的就是caiya.github.io,便可以看见刚才新建的项目已经迁移到git上面了,其实,再具体一点,你还可以整个域名,配置下别名解析,将该域名直接映射到yourGitName.github.io上面,便可以真正实现github个人主页了。。。

注意,域名变了:

本文转载自:http://www.cnblogs.com/vipzhou/p/5187344.html

共有 人打赏支持
c
粉丝 1
博文 108
码字总数 0
作品 0
西安
程序员
私信 提问
使用Hexo+Github搭建自己的个人网站、主题集锦

Hexo 官方文档 将纯文本转化为静态网站和博客框架:jekyll 参考网站 快速低成本的搭建一个马马虎虎的博客 Hux Blog一生想做浪漫极客 教你定制Hexo的landscape打造自己的主题 【实用技能】使用...

木易涛
08/01
0
0
(13)HBase 1.2.6 集群部署

1.引言 在前面的博客中我们介绍的伪分布安装,在本篇博客中就主要介绍一下的集群部署,由于是一款之上的数据库,因此我们在安装之前需要首先部署的集群,其次需要使用进行管理,因此我们也需...

LoveCarpenter
2017/12/15
0
0
github 绑定域名

git page可以用来托管静态资源,所以用来搭建一个自己的博客再合适不过。今天注册了一个域名,忽然想到可以把之前在git page上搭建的博客绑定一下域名,方便访问。 关于如何搭建博客本文不予...

两天三顿
2017/04/11
0
0
博客搭建攻略(一):平台选择

虽然在大学生涯就有开始写技术博客,但是一直都是三分钟热度,断断续续的在一些大平台上记录过一些内容,最终也都不了了之。真正开始搭建属于自己的博客(didispace.com)和分享技术内容是从...

程序猿DD
2017/11/01
0
1
dubbo 整个流程搭建部署以及使用

需要使用到的东西: zookeeper tomcat dubbo-admin(可以不用,一样的.) dubbo 第一步:搭建zookeeper.我之前博客讲过了,这里不再重复. 第二步:tomcat搭建,我博客也有.pass 第三步:这里详细讲一下...

最爱肉肉
2016/11/24
140
0

没有更多内容

加载失败,请刷新页面

加载更多

中国龙-扬科
28分钟前
2
0
使用vuex的state状态对象的5种方式

vuex是一个专门为vue.js设计的状态管理模式,并且也可以使用devtools进行调试。 下面给大家来贴一下我的vuex的结构 下面是store文件夹下的state.js和index.js内容 //state.jsconst state =...

peakedness丶
31分钟前
2
0
NetCore MVC Demo

地址:http://114.116.9.72:5411

whltian
38分钟前
1
0
Netty handle方法周期 (四)

写了一个练习之后,发现自定义的助手类每次肯定是必须的,对于不同的业务逻辑需求,会写相对应的逻辑 最简单的查看Handle生命周期的方式,就是重写上级方法,看名字差不多应该可以知道方法的作用 ...

_大侠__
43分钟前
9
0
vue主动刷新页面及列表数据删除后的刷新实例

1.场景 在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题 1. 用vue-router重新路由到当前页面,页面是不进行刷新的 2.采用window.reload(),或者...

前端小攻略
54分钟前
14
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部