闲来无事,偶然看到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个人主页了。。。

注意,域名变了:

hexo&github博客搭建的更多相关文章

  1. 超详细Hexo+Github博客搭建小白教程

    原文链接:超详细Hexo+Github博客搭建小白教程 去年9月的时候开始搭建了第一个自己的独立博客,到现在也稍微像模像样了.很多小伙伴应该也想过搭建一个自己的博客,网上也有一堆详细教程.我在此稍稍总 ...

  2. Hexo+Github博客搭建

    一.准备 1.安装git 点击下载:链接:https://pan.baidu.com/s/1eToStns 密码:r93r 安装参考之前随笔:http://www.cnblogs.com/jiangb ...

  3. Hexo+Github: 博客网站搭建完全教程(看这篇就够了)

    本篇教程首次发布在个人博客:sunhwee.com,想要获得最佳阅读体验,欢迎前往,建议用电脑查看教程文档. # 阅读须知 注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦, ...

  4. Hexo+Github博客最简教程-Dockerfile自动搭建

    闲谈 拿出你的气质,打开你的电脑,借你半小时搭建好属于你的hexo博客,小生用dockerfile自动帮你搭建好:你只需要在你的mac或linux或windows上提前把docker安装好,如何安装不 ...

  5. hexo 个人博客搭建

    Hexo 小插曲介绍 虽然标题是第一次写博客. 但是我这个困难户至少挣扎了1年多了, 一直下不去手.今天可算是开了个头. 贵在坚持吧 抽时间介绍我的hexo安装历程吧,今天实在是有点困了,要睡觉了. ...

  6. Hexo静态博客搭建教程

    Hexo是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.生成静态网页可以托管在github.下面简单介绍一下he ...

  7. hexo+github 博客绑定域名

    关于博客的搭建分为以下几步: 申请域名可以在万维网上申请一个自己的独特域名,本博客的域名即为zhengwei.xyz. 域名解析域名申请成功后继续在万维网上进行操作,进入管理自己的域名界面,在要解析的 ...

  8. 搭载hexo+github博客系统

    一.安装 Node.js 在官网 http://nodejs.org/ 下载winwos版本,点击安装完成即可. 二.git环境安装 对于git的安装,网上已经大量资料,就不赘述了. 三.安装 hex ...

  9. Pelican+Github博客搭建详细教程

    操作系统:Mac OS / Linux 工具集: 1.Pelican--基于Python的静态网页生成器 2.马克飞象--Evernote出的Markdown文本编辑器 3.GoDaddy--域名供应 ...

随机推荐

  1. 973. K Closest Points to Origin

    We have a list of points on the plane.  Find the K closest points to the origin (0, 0). (Here, the d ...

  2. [ActionScript 3.0] 动态绘制扇形实例(拖拽绘制)

    package { import flash.display.Shape; import flash.display.Sprite; import flash.events.MouseEvent; / ...

  3. Docker 下系统日志恢复

    众所周知,docker 是一款进程级虚拟机.上文我们已经分析解释了该如何使用,本文针对日志消失问题进行恢复与解释. Docker 可以理解为阉割版的系统,内部功能不全.可以通过组件安装进行基本功能恢复 ...

  4. UIView-frame-VS-bounds

    分享链接

  5. python 数据分析 文章集锦

    文本分析: re&jieba模块  使用 正则表达式 和 中文处理模块jieba 原文地址:https://www.cnblogs.com/minutesheep/p/10357209.htm ...

  6. P2319 [HNOI2006]超级英雄 题解

    [HNOI2006]超级英雄 题目描述 现在电视台有一种节目叫做超级英雄,大概的流程就是每位选手到台上回答主持人的几个问题,然后根据回答问题的多少获得不同数目的奖品或奖金.主持人问题准备了若干道题目, ...

  7. PHP查询数据库,对象结果集转化为数组

    $row = $this->db->get();//得出对象结果集 $result = array(); if($row) { //转化为数组 while($value = $row-&g ...

  8. c语言-学生成绩信息系统

    #include<stdio.h> #define N 100 int Count=0; struct stu { int num; char name[20]; int computer ...

  9. springBoot 实现中文国际化

    一:实现效果如下: 二 SpringBoot 国际化配置 1.创建国际化配置文件(3个): messages.properties messages.user.name=用户名 messages.us ...

  10. centos的基本命令03(du 查看文件详情,echo清空文件内容)

    1:查看/etc/passwd的内容并打印出行号 强制退出vim编辑器  :q! 这个连续两个小符号, 他代表的是『结束的输入字符』的意思.这样当空行输入eof字符,输入自动结束,不用ctrl+D c ...