Mac下使用GitHub+Hexo搭建我的博客

开始以前须要在电脑上安装好Git和node.js，Mac上可使用Homebrew命令行工具来安装Git和node.js

安装Homebrew

在命令行工具输入如下命令，若是已经安装过Homebrew能够忽略

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

<!--more-->

Homebrew 安装 node.js

brew install node

安装后可使用命令来检查是否安装成功
检查node

node -v

输出结果：

v12.14.1

检查npm是否安装成功，npm是node.js的包管理工具，用它来安装hexo

npm -v

输出结果:

6.13.4

Homebrew 安装git

brew install git

检查git是否安装成功

git -v

输出结果:

git version 2.24.3 (Apple Git-128)

使用 npm 安装 hexo

sudo npm install -g hexo-cli

安装完成后，在Desktop建立一个blog文件夹，在该文件夹下初始化咱们的博客

cd ~/Desktop && mkdir blog && cd blog

在该文件件目录下执行博客初始化操做

# 会下载一些node.js的依赖文件
hexo init

初始化成功后，在blog目录下执行预览操做

hexo s

当看到以下输出就能够预览咱们建立的博客了

INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

预览效果以下

配置客户端git 添加SSH Key到github

若是已经配置过，该步骤能够忽略
在命令行输入配置用户名和帐号的命令

git config --global user.name "username"
git config --global user.email "email@gmail.com"

其中 username 是你的用户名，email@gmail.com是你github的登陆邮箱
而后经过终端命令生成SSH Key

ssh-keygen -t rsa -C "email@gmail.com"

若是已经建立过会出现 Overwrite (y/n)? n提示能够输入 n，若是没有建立过会要求咱们输入密码，而后一路回车下去就行，执行完成后会在~/.ssh/id_rsa.pub目录下生成 须要使用的 key。

可使用命令行输出key并复制

cat ~/.ssh/id_rsa.pub

或者能够找到这个文件并打开它，复制里面的内容。

登陆github帐号 找到 setting

先点击 SSH and GPG keys 而后再点击 New SSH key 进入到配置 SSH Key 的页面

而后输入复制好的key的内容

点击 Add SSH Key 便可

本地博客关联到Github主页

登陆Github而且建立一个名字为 username.githug.io 的仓库，好比个人仓库名字为 Johnson8888.github.io
由于我已经建立过了，因此会显示红色，若是建立过，会显示绿色的，而后点击建立。切记必定要选择 Public，否认不能访问。

而后命令行切换到本地blog目录下 cd ~/Desktop/blog
执行命令

sudo npm install hexo-deployer-git --save

而后开始修改配置文件 ~/Desktop/blog/_config.yml
修改 deploy部分为

deploy:
  type: git
  repo: git@github.com:Johnson8888/Johnson8888.github.io.git
  branch: master

而后就能够把博客push到github了
在命令行执行

#生成咱们想要的博客文件
hexo g
#将本地的博客文件push到github
hexo d

hexo d 执行成功后，就能够查看咱们的Blog了

开始写博客

在命令行执行

hexo new firstPage.md

会在 ~/Desktop/blog/source/_post目录下生成 firstPage.md 打开这个文件就能够开心的写博客了
写完后从新执行

hexo g
hexo d

就能够同步博客到github

Todo

• 申请域名指向博客，这样就能够直接使用域名访问了
• hexo支持不少模板样式 能够去官网选择本身喜欢的使用

附 hexo经常使用命令

hexo n "博客名称"  => hexo new "博客名称"   #这两个都是建立新文章，前者是简写模式
hexo p  => hexo publish
hexo g  => hexo generate  #生成
hexo s  => hexo server  #启动服务预览
hexo d  => hexo deploy  #部署  

hexo server   #Hexo 会监视文件变更并自动更新，无须重启服务器。
hexo server -s   #静态模式
hexo server -p 5000   #更改端口
hexo server -i 192.168.1.1   #自定义IP
hexo clean   #清除缓存，网页正常状况下能够忽略此条命令
hexo g   #生成静态网页
hexo d   #开始部署