WebEnh

.net7 mvc jquery bootstrap json 学习中 第一次学PHP,正在研究中。自学进行时... ... 我的博客 https://enhweb.github.io/ 不错的皮肤:darkgreentrip,iMetro_HD
  首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

史上最详细“截图”搭建Hexo博客——For Windows

Posted on 2016-08-21 13:53  WebEnh  阅读(1180)  评论(0编辑  收藏  举报

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

环境准备

安装过程不用多说,一直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/