MAC下搭建Hexo博客

Posted 2020-12-27 evanchenjj

一、前言

　　Hexo是一款快速、简洁，基于node.js的强力框架。

　　（1）超快速度：Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。

　　（2）支持markdown：Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。

　　（3）一键部署：只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。

　　（4）丰富的插件：Hexo 拥有强大的插件系统，安装插件可以让 Hexo 支持 Jade, CoffeeScript。

二、环境搭建

　　（1）安装Node.js，官网直接下载即可。

　　（2）安装git，Mac下安装Xcode自带git或者终端输入（我这里用的是homebrew）　

sudo brew install git

三、GitHub相关

　　（1）注册github账号（不多说）

　　（2）新建一个仓库

　　　　 需要注意的是新创建的仓库的名字，必须是username.github.io。比如我的username是EricCJJ，所以仓库的名字便是EricCJJ.github.io。

　　（3）配置SSH Key（可以不配置，配置了就不用每次输用户名和密码了）　　　

cd ~
ll -a
cd .ssh
ll -a

　　　　检查终端输出的文件列表中是否已经存在id_rsa.pub 或 id_dsa.pub 文件，如果文件已经存在，则直接进入第（4）步

　　　　不存在的话也不用急，现在我们就建立一个SSH Key。在终端输入如下命令：

ssh-keygen -t rsa -C "[email protected]"

　　　　邮箱是注册GitHub的邮箱。按下回车，让你输入文件名，直接回车会创建使用默认文件名的文件(推荐使用默认文件名)，然后会提示你输入两次密码， 可以为空，直接回车就行。

　　　　（4）添加SSH Key到Github

　　　　　　如果你没有指定文件名（也就是使用的默认文件名），那么你的.ssh文件夹下，应该有一个id_rsa.pub文件了，打开该文件，复制里面的文本。登录GitHub，点击头像打开settings，再点击SSH and GPG keys，然后点击new SSH key，tittle随便写，再将刚才复制的内容粘贴到Key中即可。

　　　　（5）检测SSH Key是否配置成功

　　　　　　终端输入如下命令

ssh -T [email protected]

　　　　　　如果出现如下内容：Are you sure you want to continue connecting (yes/no)? 直接yes就行

　　　　　　最后出现：Hi EricCJJ! You‘ve successfully authenticated, but GitHub does not provide shell access.说明成功了。

四、安装Hexo

　　（1）终端输入如下命令

sudo npm install -g hexo

　　（2）再任意位置创建一个文件夹，比如：Hexo，cd到该路径下，执行命令：

sudo hexo init

　　（3）安装依赖包

sudo npm install

　　（4）在对应的文件夹下执行

sudo hexo g
sudo hexo s

　　　　在浏览器输入http://localhost:4000/ 就可以进行查看了。这个博客是本地的，别人是无法访问的，之后我们需要部署到GitHub上。
五、将本地博客同步到GitHub上

　　（1）编辑自己创建的本地博客文件夹中的_config.yml中的deploy节点（这是我的，换成自己的就行）

deploy:
  type: git

  repository: https://github.com/EricCJJ/EricCJJ.github.io.git

  branch: master

　　　　注意：hexo配置文件中任何位置的“：”后面都需要带一个空格，不然会报错。

　　（2）安装插件

sudo npm install hexo-deployer-git --save

　　（3）最后执行下面命令

hexo clean
hexo generate
hexo deploy

　　在浏览器输入https://username.github.io就可以访问你的博客了。

六、后记

　　Hexo也有很多好看的主题，这里就给大家自己摸索吧，可以参考这个，希望对大家有帮助。