mac搭建一个属于自己的hexo博客

个人博客搭建完成，欢迎大家来访问哦
黎默丶lymoo的博客

1.本地环境的安装

安装node.js

node.js的官网

安装git

git的官网

安装hexo

hexo是基于node.js的静态博客。
在你想创建博客的路径下创建一个blog文件夹（这里文件名随意）。
然后打开MAC电脑的终端，进入到这个文件夹
(博主是创在根目录下所以直接cd blog就能进入)
接着输入

$ sudo npm install -g hexo;

此时hexo已经装好了，再输入$ hexo init初始化文件夹
会将github上的所有hexo的初始化项目下载到该文件夹下

INFO  Start blogging with Hexo!

显示这行代码就说明初始化成功了
此时我们可以先试一下输入$hexo g部署形成文件
然后等它部署好之后再输入$hexo s开启本地测试（退出就按Ctrl+C）
此时打开浏览器输入http://localhost:4000/，可以进行查看我们的初始页面
效果如下：

Image

至此，我们的环境都已经安装完成了，让我们进行下一步吧！

2.注册github

如果已经有账号了可以直接往下看，
打开github官网进行注册登录
登录之后出现如下界面，点击Start a project

Image

然后在Repository name中填入你的Owner的用户名在加上.github.io，然后这就是你的域名了（这里由于博主已经创建过一个一样的库了所以提示错误），然后点击下面的按钮

Image

接着点击页面右上角你的头像选择your profile进入下面页面，选择刚才创建的库

Image

进入之后选择Settings选项卡，下拉至GitHub Pages栏目中将Source里选择master branch，如果已经是这个选项，就不需要更改

Image

3.配置Github SSH keys

我们需要给我们的MAC添加SSH Keys，让Github能够绑定到我们这台电脑上，能够直接提交传送修改项目。

①.首先先查看一下本机是否有过SSH KEY的设置

在终端输入cd ~/.ssh 或cd .ssh
如果是第一次设置则会显示No such file or directory
如果有配置过则进入~/.ssh路径下输入ls查看当前路径文件，再用rm*删除所有文件

②.设置SSH KEY

在终端中进行如下配置：

$ cd ~  #保证当前路径在”~”下
$ ssh-keygen -t rsa -C "[email protected]" #引号里将xxx换成你注册的邮箱地址
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/xxxx_000/.ssh/id_rsa):   #不填直接回车
Enter passphrase (empty for no passphrase):   #输入密码（可以为空）
Enter same passphrase again:   #再次确认密码（可以为空）
Your identification has been saved in /Users/xxxx/.ssh/id_rsa.   #生成的密钥
Your public key has been saved in /Users/xxx/.ssh/id_rsa.pub.  #生成的公钥
The key fingerprint is:
SHA256:plEUOl2Syg3KprBZYAwCuxa7V2ELo2GqCaAg3ERnY0M [email protected]
The key's randomart image is:
+---[RSA 2048]----+
|B .o.E  +o.      |
|++o + ++.o       |
|** = =o+o        |
|O.* B =o.        |
|=O o o. S        |
|*.o .  +         |
|o. .  .          |
|  .              |
|                 |
+----[SHA256]-----+
$ vim ~/.ssh/id_rsa.pub  #编译代码 将上面图形转换成代码
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQC+7F3/3/gA6GFwKyhIONc+fZu5Re/
Y2SzeGRNbg/qxxxx5KrQw/
JxxxA2qh7xxxxxxxxxxxxpXBiIn+7MI4Pfd9ZaUFfjQ7fQPNhZ1gs1GFtLXTaJ2RAvnBY6
/hqPxkQqp8qkOaEbUtyrKciW+YXs/Qux/d2hnwj3F/
dvfQ5JjFlbBNydkNJKat3wU7BKL5TIffMPzdnL/
Ir5y0h5apcp4l0wruQzkXKHcMgI4ltYqOscqu4nawzZII3wiwxAcFd+0BeboCs+BP7U/
iXpKyxOa9Br8sFMU/q7O/i7RcBufEg5W9wxkWB3i0QRmRyctLOj8yvXCBM4KnL6Amz 
[email protected]
~
~
~
# 这是已经生成好ssh key，其存放路径为：/Users/你电脑的用户名/.ssh/下。
# 可以直接将ssh-rsa至@xxxx.xxxx这一大段复制下来

③.绑定Github上的SSH KEY

返回刚才的Github页面点击右上角的头像边上的小三角选择Settings

Image

在左侧选择SSH and GPG Keys栏，然后点击News SSH Key

Image

Title里可以自定义填入，Key里就把之前从"ssh-rsa至[email protected]"这一大串复制进去，然后点击Add SSH Key即可添加完成

Image

④.配置用户名和邮箱

返回终端进行如下操作设置你的用户名和邮箱地址：

$ git config --global user.name “your_username”  #引号里设置用户名
$ git config --global user.email “your_registered_github_Email” #引号里设置设置邮箱地址(建议用注册giuhub的邮箱)

⑤.检测SSH Key是否配置成功

在终端输入$ssh -T [email protected]出现如下字段则说明配置成功
Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access.
至此我们已经完成了与github的绑定

4.设置hexo博客的配置文件

找到你创建的博客的位置，打开其文件夹下的_config.yml文件
将其拉到最后找到deploy字段，进行如下设置：

deploy:
  type: git
  repository: https://github.com/你自己的Github用户名//你自己的Github用户名/.github.io
  branch: master

如果想了解更多可以查看hexo官网

5.上传博客

这里我们需要安装一下git的上传代码插件
进入终端输入$ npm install hexo-deployer-git --save
接着我们就可以上传我们的博客了
依次输入

$hexo clean #清除网页的缓存
$hexo g #生成静态页面至public目录
$hexo s #会开通本地测试的接口
$hexo d #将.deploy目录部署到GitHub

如果最后出现INFO Deploy done: git则说明上传成功

此时就大功告成了！你可以去打开浏览器访问一下你创建的Github pages地址(你的Github用户名.github.io)，然后就能够看到你本地的hexo博客已经被部署到github上去了。而且此时博客的默认主题是landscape，就是之前本地测试时的样子，如果想要更换主题可以访问hexo的主题

6.发布文章

在终端输入$hexo new "文章名"
然后就能看到在你博客文件夹下的/source/_posts/下面会看到你新建的博客
注意这里的博客是markdown格式的以.md为后缀名的文件，如果想学习下怎么使用可以查询一下markdown的书写格式，同时markdown也是兼容html的书写方式。
文章写完之后在终端输入

$hexo g
$hexo d

重新发布即可！

7.小结

我整理了下全部流程

原文链接