史上最详细“截图”搭建Hexo博客——For Windows
http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88%AA%E5%9B%BE%E2%80%9D%E6%90%AD%E5%BB%BAHexo%E5%8D%9A%E5%AE%A2%E2%80%94%E2%80%94For%20Windows/
史上最详细“截图”搭建Hexo博客——For Windows

环境准备
- Windows
- Git: http://www.git-scm.com/
- Node.js: http://nodejs.org/
安装过程不用多说,一直Next就行了。
安装Hexo
利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Base。
输入命令:
1 |
npm install -g hexo |
注意:-g是指全局安装hexo。
创建Hexo文件夹
安装完成后,在你喜爱的文件夹下(如C:\Hexo),执行以下指令(在C:\Hexo内点击鼠标右键,选择Git Bash),Hexo 即会自动在目标文件夹建立网站所需要的所有文件。
1 |
hexo init |
安装依赖包
1 |
npm install |
本地查看
现在我们已经搭建起本地的hexo博客了,执行以下命令(在C:\Hexo),然后到浏览器输入localhost:4000看看。
1 |
hexo generate |

注册Github账号
这里不演示了。
创建Repository
创建的时候注意Repository的名字。比如我的Github账号是angelen10,那么我应该创建的Repository的名字是:angelen10.github.io。
修改配置文件
到你刚刚创建的Repository下,找到以下内容:
先点击HTTPS,然后复制里面的地址。然后编辑_config.yml文件(在C:\Hexo下)。
修改文件里面的deploy。
其中的repository就改成你刚刚复制的地址。
保存这个文件。
设置SSH keys
在Git Bash输入以下指令(任意位置点击鼠标右键),检查是否已经存在了SSH keys。
1 |
ls -al ~/.ssh |
如果不存在就没有关系,如果存在的话,直接删除.ssh文件夹里面所有文件:
输入以下指令(邮箱就是你注册Github时候的邮箱)后,回车:
1 |
ssh-keygen -t rsa -C "angelen10@163.com" |

然后它会提示要你输入passphrase(如上图,我没有输入直接回车,如果你输入的话,要记得,到时候会用到)。
之后,如果出现类似下图:
然后键入以下指令:
1 |
ssh-agent -s |

继续输入指令:
1 |
ssh-add ~/.ssh/id_rsa |
输入之后,在我这里是出错了,不知道你的有没有出错。
如果你的也是这样子出错了的话,就输入以下指令:
1 |
eval `ssh-agent -s` |

到了这一步,就可以添加SSH key到你的Github账户了。
键入以下指令,拷贝Key(先拷贝了,等一下可以直接粘贴):
1 |
clip < ~/.ssh/id_rsa.pub |
然后到Github里面,点击右上角的设置图标:
在Settings sidebar那里,点击SSH keys:
点击Add SSH key:
输入Title,作为这个key的描述吧(你可以输入Personal MacBook Air,瞬间高大上)
然后这个Key就是刚刚拷贝的,你直接粘贴就好(也可以文本打开以下文件):
点击Add Key:
输入你的Github密码即可完成SSH Key的添加。
嗯,最后还是测试一下吧,键入以下命令:
1 |
ssh -T git@github.com |

你可能会看到有警告,没事,输入“yes”就好。
完成部署
最后一步,快要成功了,键入指令:
1 |
hexo generate |
OK,我们的博客就已经完全搭建起来了,在浏览器输入(当然,是你的用户名):
1 |
http://angelen10.github.io/ |

注意:每次修改本地文件后,需要键入hexo generate才能保存。每次使用命令时,都要在C:\Hexo目录下。每次想要上传文件到Github时,就应该先键入hexo generate保存之后,再键入hexo deploy。大概成功之后是酱紫的:
对了,记住上图的Username是你的Github账号名称,而不是邮箱;Password就是你的Github的密码。
Tips
hexo现在支持更加简单的命令格式了,比如:
1 |
hexo g == hexo generate |
参考文章
我的成功搭建Hexo离不开广大网友的帮助,谢谢Google和度娘,还有Q群的大神的帮助。
http://zipperary.com/categories/hexo/
http://ibruce.info/2013/11/22/hexo-your-blog/
史上最详细“截图”搭建Hexo博客——For Windows的更多相关文章
- 史上最详细“截图”搭建Hexo博客并部署到Github
http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hex ...
- 在vps上搭建hexo博客
最近更换了服务器,需要把自己的Hexo Next重新部署到新服务器上,本文记录一下在vps上搭建hexo博客的过程. 在vps上搭建hexo博客需要下面这些工具: Nginx: 用于博客展示 SSH: ...
- 阿里云VPS搭建Hexo博客
最近买了一个阿里云服务器,准备写自己的网站,和将自己的作品放在上面:开始的时候,感觉就一个服务器应该很简单,但是从申请域名到备案,再到服务器搭建,没想到一波三折:闲话不多说,只是记录我在搭建时,最简单 ...
- 树莓派搭建 Hexo 博客(二)
Hexo 一个开源的博客框架,本文记录了一下在树莓派上搭建 Hexo 博客的过程. 上一篇介绍了 Hexo 的配置,现在网站已经能在本地访问了,也能通过 hexo generate 命令生成静态界面 ...
- 树莓派搭建 Hexo 博客(一)
Hexo 一个开源的博客框架,本文记录了一下在树莓派上搭建 Hexo 博客的过程. 什么是 Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解 ...
- 利用Serverless应用搭建Hexo博客
本文将介绍如何使用火爆的Serverless应用,15分钟快速搭建Hexo博客.以腾讯云提供的Serverless应用–云开发为例: 步骤1:安装 CloudBase CLI 以及本地部署 Hexo ...
- Termux搭建hexo博客并部署到GitHub
Termux搭建hexo博客并部署到GitHub 安装 termux-change-repo apt update apt install git && nodejs &&am ...
- 搭建hexo博客遇到的问题
搭建hexo博客遇到的问题 常用命令 hexo clean 清除hexo缓存 hexo generate 生成文章 hexo deploy 部署 hexo new post name 新建文章名 he ...
- Hugo+Github 搭建个人博客(Windows环境下)
目录 Hugo+Github 搭建个人博客(Windows环境下) 1.前言 2.Differences 2.1 https vs SSH 2.2 新建的github的仓库名必须为 用户名+githu ...
随机推荐
- 插入排序---直接插入排序算法(Javascript版)
将n个元素的数列分为已有序和无序两个部分. 数列:{a1,a2,a3,a4,…,an} 将该数列的第一元素视为有序数列,后面都视为无序数列: {{a1},{a2,a3,a4,…,an}} 将无序数列中 ...
- C#多种方式获取文件路径
string str5=Application.StartupPath;//获取启动了应用程序的可执行文件的路径,不包括可执行文件的名称. string str1 =Process.GetCurren ...
- 提高生产性工具 - Model代码生成器(NET / JAVA) (一)
原来在上一家公司,整整一年都在做工具,提高生产性,那个项目特别巨大,所以总共为老东家节约了500K左右的美金. (除了表扬之外,我个人什么好处都没有,领导们都升官发财了,郁闷) 到了新公司,也准备开发 ...
- mysql ,为什么一张表的varchar关联另一张表varchar执行失败的一个原因
CONSTRAINT `orderdts_ibfk_2` FOREIGN KEY (`address`) REFERENCES `test列` (`address`) 很可能的原因是另一张表的test ...
- 值栈(Structs2)
1. 关于值栈: 1). 登陆 时, ${userName} 读取 userName 值, 实际上该属性并不在 request 等域对象中, 而是从值栈中获取的. 2). ValueStack: I. ...
- 第 19 章 CSS 其他样式
学习要点: 1.颜色和透明度 2.盒子阴影和轮廓 3.光标样式 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 其他剩下几个常用的样式,包括颜色.透明度.盒子的阴影轮廓以及光标的样式. 一.颜 ...
- 三星s4刷机教程(卡刷)
···············使用到的工具···················手机助手(--推荐91助手).root精灵.Odin3 v3.07.recovery包.rom包 1.首先在电脑上安装9 ...
- Guava学习笔记:Immutable(不可变)集合
不可变集合,顾名思义就是说集合是不可被修改的.集合的数据项是在创建的时候提供,并且在整个生命周期中都不可改变. 为什么要用immutable对象?immutable对象有以下的优点: 1.对不可靠的客 ...
- 微信公众平台关于fakeid和openid的解析
今天在开发项目的时候遇到了个问题: 搞不清楚微信官方接口的fromusername(openid)和公众平台内每个粉丝所拥有的fakeid,于是在测试号中开始了对以上两项的研究,结果如下: 1.对 ...
- Android 4.0.3 CTS 测试
Android-CTS 4.0.3测试基本配置 1. Download CTS CTS的获取方式有两种: 1.1.由Google提供 1.1.1.打开浏览器输入连接: http://source.an ...