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. MFC文件操作

    文件操作:二进制文件和文本文件的区别.二进制文件将数据在内存中存在的模式原封不动的搬到文件中,而文本文件是将数据的asc码搬到文件中.首先做一个读写文件的菜单,在CxxView里响应1.C的方式:fw ...

  2. Oracle命名规范

    1.编写目的 使用统一的命名和编码规范,使数据库命名及编码风格标准化,以便于阅读.理解和继承. 2.适用范围 本规范适用于公司范围内所有以ORACLE作为后台数据库的应用系统和项目开发工作. 3.对象 ...

  3. webapi初学项目(增删改查)

    初学wenapi做了一个从数据库增删改查的项目 webapi: 1.创建项目:visual C# —> ASP.NET MVC 4 web应用程序 模板—>web api; 2.注册路由: ...

  4. html5学习笔记(3)--主题结构元素-1

    Article元素 以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta char ...

  5. 最近Google经常打不开?

    最近听好多同事讲google打不开,无法进行搜索,用了代理之后速度还是很慢,而百度搜索又不佳… 就在此分享一些google地址: 个人收藏夹的: 203.208.46.144(这段时间推荐使用这4个地 ...

  6. XPath的使用

    最近在mybatis的时候,发现源码中出现了这样的一句代码 private void configurationElement(XNode context) { try { String namesp ...

  7. 【Linux_Fedora_应用系列】_4_安装chrome浏览器

    在前面一篇文章中,我们讨论了在Linux Fedora 14下安装WMV解码器:[Linux_Fedora_应用系列]_3_如何利用Smplayer播放WMV格式的文件 在文章中介绍的方法同样适合FC ...

  8. jquery刷新页面

    下面介绍全页面刷新方法:有时候可能会用到 window.location.reload()刷新当前页面. parent.location.reload()刷新父亲对象(用于框架) opener.loc ...

  9. Python私有变量

    # 访问限制的保护,代码更加健壮 class Student(object): def __init__(self,name,score): self.__name= name self.__scor ...

  10. Python的sorted函数应用

    sorted()函数也是一个高阶函数,它还可以接收一个key函数来实现自定义的排序 L = [('Bob', 75), ('Adam', 92), ('Bart', 66), ('Lisa', 88) ...