现场直播,呵呵,就是我完成一步,就记录一下;

一、配置环境

1.安装 Node

下载地址:Node.js

2.安装 Git(win环境下)

下载地址:Git

Git 绑定 GitHub账户:

①打开Git Bash,然后输入两句命令

 git config --global user.name "Your Name"
 git config --global user.email "email@example.com"

如图:

②配置SSH

PS:可以先打开  C:\Users\Administrator  目录下,有没有  .ssh 目录,如果有,再看看这个目录下有没有 id_rsa 和 id_rsa.pub 这两个文件,如果已经有了,可直接跳过这步。如果没有,则开始创建 SSH Key,

首先,输入命令  ssh-keygen -t rsa -C "youremail@example.com" ,你需要把邮件地址换成你自己的邮件地址,然后一路回车,使用默认值即可,由于这个Key也不是用于军事目的,所以也无需设置密码。

如果一切顺利的话,可以在用户主目录里找到.ssh目录,里面有id_rsaid_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露出去,id_rsa.pub是公钥,可以放心地告诉任何人。

如图:

③登陆GitHub,打开 Settings —— SSH and GPG keys 页面,然后点击  New SSH Key 按钮,结果如图:

然后 title随便填,key填写  id_rsa.pub 文件里的所以内容,然后保存,这步就OK了。

3.正式安装hexo

打开cmd,输入命令  npm install -g hexo-cli

安装完成之后,可以输入命令  hexo -v ,来验证版本

如图:

二、创建 Hello Word

1.初始化
在项目目录下创建好Blog目录,比如我的是  D:\projects\web\arvin0-blog ,然后执行命令 hexo init
如图:
创建完成之后的结果,如图:
 
2.生成静态页面
执行命令 hexo generate (hexo g 也可以) 
如图:
 
3.启动本地服务
启动本地服务,进行文章预览调试,执行命令  hexo server 
如图:
 
打开浏览器,输入http://localhost:4000
效果如图:
 
三、把本地hexo文件部署到Github上
1.建立Repository
建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法 然后建立关联。
2.然后打开上面建立的hexo项目,找到 _config.yml 文件,打开,翻到最下面,如图:
红框部分,改成这样
deploy:
  type: git
  repository: https://github.com/arvin0/arvin0.github.io.git
  branch: master

注意:  repository: 后面要加空格,还有注意要修改名字,arvin0 改成你自己的,我建议你copy这段话,然后直接改名字;

3.然后使用Git Bash,执行命令  npm install hexo-deployer-git --save ,执行这句命令才能使用git部署

4.执行命令 hexo deploy 或者 hexo d

如图:

5.然后再浏览器中输入http://arvin0.github.io/就行了 ,记得把名字改成你 github 的账户名。

 
PS:参考资料
 
 

【Hexo】(一)使用HEXO配置环境,创建Hello World的更多相关文章

  1. 持续集成之配置环境创建JOB

    1.安装mvn.gitlab插件 2.配置参数构建

  2. hexo干货系列:(二)hexo主题下载及配置

    前言 上一篇文章介绍了hexo+gitHub简易搭建属于自己的个人独立博客,但是主题是默认的landscape,略显简单,今天的教程推荐Jacman主题. Jacman是一款为Hexo打造的一款扁平化 ...

  3. hexo的jacman主题配置

    获得更多资料欢迎进入我的网站或者 csdn或者博客园 这是在我搭建博客时用的主题,这个主题时基于pacman修改的,同时我也是借助于wuchong同时他还在一直更新.一下时我的一些基本配置: 相关文章 ...

  4. Hexo下Next主题配置与优化

    使用Next主题 在这里Downloads Next主题代码 将下载的代码放在myBlog/theme/next目录下 设置站点myBlog/_config.yml的theme字段值为next 生成新 ...

  5. Anaconda配置环境变量+创建虚拟环境+pycharm使用虚拟环境

    Anaconda配置环境变量+创建虚拟环境 配置环境变量 没有添加系统变量,所有系统根本识别不了conda命令,找不到位置,所以添加以下系统变量: 添加对应Anaconda环境变量:(以自己的安装路径 ...

  6. Hexo 下 Markdown 的配置与学习

    本篇 更换 Hexo 下的 Markdown 渲染插件 学习 Markdown 基本语法 ✎更换 Markdown 渲染插件 ✎原因 Hexo 内置的默认渲染插件是 hexo-renderer-mar ...

  7. 【hexo指南】hexo配置ER图流程图时序图插件

    偏技术的文章有时会用到各种图形,一般来说可以做好图然后截图放到文章中就好了,虽然但图片本身也很小,但存一大堆图片占用空间总觉得不是很好. mermaid mermaid官方网站 mermaid支持很多 ...

  8. VS2015 + OpenCV 2.4.X 配置环境

    VS2015的内部编号是VC14,但现在opencv 2.4.X和最新的3.0版本只有vc12的库文件,所以这里主要简单讲如何针对vs2015配置环境. 首先按照下面的文章把环境配置好: [OpenC ...

  9. maven的配置环境及Myeclipse部署Maven项目

    1.官网下载maven>解压>配置环境变量:在path后面加上 D:\software\apache-maven-3.3.9\bin; 2.cmd/mvn -version 测试  显示版 ...

随机推荐

  1. Java数组练习题小结

    //2015/07/07 //Java数组小小练习题 /* 3. 写一个函数,计算一个整数数组的平均值 4. 自定义一个整数数组a,读入一个整数n,如果n 在数组中存在,则输出n 的下标:如果不存在, ...

  2. jQuery插件,将内容插入到光标处

    (function ($) { $.fn.extend({ insertAtCaret : function (myValue) { var $t = $(this)[0]; if (document ...

  3. iOS开发之Runtime常用示例总结

    经常有小伙伴私下在Q上问一些关于Runtime的东西,问我有没有Runtime的相关博客,之前还真没正儿八经的总结过.之前只是在解析第三方框架源码时,聊过一些用法,也就是这些第三方框架中用到的Runt ...

  4. Asp.Net 常用工具类之加密——对称加密DES算法(2)

    又到周末,下午博客园看了两篇文章,关于老跳和老赵的程序员生涯,不禁感叹漫漫程序路,何去何从兮! 转眼毕业的第三个年头,去过苏州,跑过上海,从一开始的凌云壮志,去年背起行囊默默回到了长沙准备买房,也想有 ...

  5. ViewPager基础入门

    效果图: 实现了三个view间的相互滑动 第一个VIEW向第二个VIEW滑动                       第二个VIEW向第三个VIEW滑动                       ...

  6. find、findIndex、indexOf、lastIndex、includes 数组五种查询条件方法介绍

    find() 方法返回数组中满足提供的测试函数的第一个元素的值. 语法: arr.find(callback[, thisArg]) findIndex()方法返回数组中满足提供的测试函数的第一个元素 ...

  7. MySQL学习分享-->查询-->查询的原理

    查询的原理 在一个查询中常包含下述子句: 1.select,2.distinct,3.join,4.on,5.from,6.where,7.having,8.group by,9.order by,1 ...

  8. java Pattern和Matcher详解

    结论:Pattern与Matcher一起合作.Matcher类提供了对正则表达式的分组支持,以及对正则表达式的多次匹配支持. 单独用Pattern只能使用Pattern.matcher(String ...

  9. python + selenium <一>

    python 安装 python 下载地址: http://python.org/getit/ ez_setup.py 下载地址: https://pypi.python.org/packages/s ...

  10. IE10去掉input的type=”text”输入内容时出现的小叉号(X)和type=”password”出现的小眼睛图标

    最近在做一个后台管理系统项目,遇到以下两个问题: 1.从IE 10开始,type="text" 的 input 在用户输入内容后,会自动产生一个小叉号(X),方便用户点击清除已经输 ...