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

发表于 2015-01-23   |   暂无评论

环境准备

安装过程不用多说,一直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
2
hexo generate
hexo server

注册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
2
eval `ssh-agent -s`
ssh-add


到了这一步,就可以添加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
2
hexo generate
hexo deploy

OK,我们的博客就已经完全搭建起来了,在浏览器输入(当然,是你的用户名):

1
http://angelen10.github.io/


注意:每次修改本地文件后,需要键入hexo generate才能保存。每次使用命令时,都要在C:\Hexo目录下。每次想要上传文件到Github时,就应该先键入hexo generate保存之后,再键入hexo deploy。大概成功之后是酱紫的:

对了,记住上图的Username是你的Github账号名称,而不是邮箱;Password就是你的Github的密码。

Tips

hexo现在支持更加简单的命令格式了,比如:

1
2
3
4
hexo g == hexo generate
hexo d == hexo deploy
hexo s == hexo server
hexo n == hexo new

参考文章

我的成功搭建Hexo离不开广大网友的帮助,谢谢Google和度娘,还有Q群的大神的帮助。
http://zipperary.com/categories/hexo/
http://ibruce.info/2013/11/22/hexo-your-blog/

史上最详细“截图”搭建Hexo博客——For Windows的更多相关文章

  1. 史上最详细“截图”搭建Hexo博客并部署到Github

    http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hex ...

  2. 在vps上搭建hexo博客

    最近更换了服务器,需要把自己的Hexo Next重新部署到新服务器上,本文记录一下在vps上搭建hexo博客的过程. 在vps上搭建hexo博客需要下面这些工具: Nginx: 用于博客展示 SSH: ...

  3. 阿里云VPS搭建Hexo博客

    最近买了一个阿里云服务器,准备写自己的网站,和将自己的作品放在上面:开始的时候,感觉就一个服务器应该很简单,但是从申请域名到备案,再到服务器搭建,没想到一波三折:闲话不多说,只是记录我在搭建时,最简单 ...

  4. 树莓派搭建 Hexo 博客(二)

    Hexo 一个开源的博客框架,本文记录了一下在树莓派上搭建 Hexo 博客的过程. 上一篇介绍了 Hexo 的配置,现在网站已经能在本地访问了,也能通过 hexo generate 命令生成静态界面 ...

  5. 树莓派搭建 Hexo 博客(一)

    Hexo 一个开源的博客框架,本文记录了一下在树莓派上搭建 Hexo 博客的过程. 什么是 Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解 ...

  6. 利用Serverless应用搭建Hexo博客

    本文将介绍如何使用火爆的Serverless应用,15分钟快速搭建Hexo博客.以腾讯云提供的Serverless应用–云开发为例: 步骤1:安装 CloudBase CLI 以及本地部署 Hexo ...

  7. Termux搭建hexo博客并部署到GitHub

    Termux搭建hexo博客并部署到GitHub 安装 termux-change-repo apt update apt install git && nodejs &&am ...

  8. 搭建hexo博客遇到的问题

    搭建hexo博客遇到的问题 常用命令 hexo clean 清除hexo缓存 hexo generate 生成文章 hexo deploy 部署 hexo new post name 新建文章名 he ...

  9. Hugo+Github 搭建个人博客(Windows环境下)

    目录 Hugo+Github 搭建个人博客(Windows环境下) 1.前言 2.Differences 2.1 https vs SSH 2.2 新建的github的仓库名必须为 用户名+githu ...

随机推荐

  1. Entity Framework 实体框架的形成之旅--数据传输模型DTO和实体模型Entity的分离与联合

    在使用Entity Framework 实体框架的时候,我们大多数时候操作的都是实体模型Entity,这个和数据库操作上下文结合,可以利用LINQ等各种方便手段,实现起来非常方便,一切看起来很美好.但 ...

  2. HTML 5表单应用小结

    本文内容        HTML 5表单的组织方式         HTML 5表单的新增特性        访问表单控件及响应表单控件事件 HTML 5表单的组织方式 ★  将表单字段及其标签关联起 ...

  3. svn无法创建分支的解决方法

    创建分支时出现错误 Access to '/svn/project01/!svn/rvr/18022/trunk' forbidden 解决方法: 找到project01仓库的根目录,假如在d:\sv ...

  4. JS中跨域和沙箱的解析

    先来直接分析源码,如下: <!DOCTYPE HTML><html><head> <meta charset="UTF-8"/> & ...

  5. 【Asphyre引擎】冒险岛换装Demo升级到最新版PXL

    demo代码  (不包含Sprite代码,要Sprite代码请下载之前那个doudou的demo)

  6. 推荐12个最好的 JavaScript 图形绘制库

    众多周知,图形和图表要比文本更具表现力和说服力.图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等.可视化图表可以帮助开发者更容易理解复杂的数据,提高生产的效率和 Web  ...

  7. angularjs封装bootstrap官网的时间插件datetimepicker

    背景:angular与jquery类库的协作 第三方类库中,不得不提的是大名鼎鼎的jquery,现在基本上已经是国内web开发的必修工具了.它灵活的dom操作,让很多web开发人员欲罢不能.再加上已经 ...

  8. swift学习笔记之-可选链式调用

    //可选链式调用 import UIKit /*可选链式调用(Optional Chaining) 1.在可选值上请求和调用该可选值的属性.方法及下标的方法,如果可选值有值,那么调用就会成功,返回可选 ...

  9. HTML标签的嵌套

    随着时间的推移,我们学习html的基础知识有了大概的了解.而我发现,平时在写html文档的时候,发现不太清楚标签之间的嵌套规则,经常是想到什么标签就用那些,然而发现有时的标签嵌套却是错误的.通过网上找 ...

  10. sharepoint多个NLB的web前段如何进行文件同步?

    大家都知道,sharepoint2010服务器场可能有2个或2个以上的web服务器做NLB,有个时候牵涉到上传文件到文件夹(说到这里,有人会说全部以二进制文件保存到文档库啊,但是有些情况不允许的,比如 ...