工作也有好几年了,一直想着搭建一个属于自己的博客,刚好最近又一直听朋友说可以搭建一个hexo,了解了下,决定自己动手搭建一个,macOS版本的hexo(是在知道hexo搭建完之后,可以有一个属于自己的域名博客,我的兴趣就来了~~~哈哈哈),废话不多说,Action~~~
这里只提macOS的搭建方法,Windows的等有空了,在公司电脑边搭建边记录~
在搭建之前看了很多篇文章,每个人的搭建方法都差不多,大同小异,但是呢,多多少少还是会碰到一点bug,就是问题,难以解决的,所以,我决定,从官方文档看起,一步一脚印:hexo官方文档 ~
首先必要的环境有:git、nodex、hexo(不多,就这两个)。中间的弯路其实还是满多的~~如下图:
这是官方给出的方案,可以装homebrew或者Macports,看了下两个文档,我果断选择了Homebrew,原因是Homebrew感觉比较高逼格啊~~~
切记,到这里不要有任何疑问,Homebrew是给我们更方便下载各种镜像的,安装了Homebrew,就不用自己各种资源查找镜像和搜索各种命令了~我也是用过之后才知道什么叫爽😊
下面开始就是步骤了,兄dei,看好咯~
- macOS安装Homebrew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
这是Homebrew给出的链接,说直接在终端上copy上去就可以了,但是,经过我各种尝试努力,最终都是给我一个结果:
Failed to connect to raw.githubusercontent.com port 443: Connection refused error: Error: 7
一直都是报443的错误,网上的解决方案也是千奇百怪,反正都没有成功过~
这是我找到的解决方案,在终端输入下面的链接,这个是使用国内的资源。
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
命令输入后,回车,就会有各种自动操作,中间记得会让你输入macOS的开机密码啥的,跟着走就可以了,到最后面,会有选项让你选择,是选择各种镜像路径的,我是选择了阿里(有朋友推荐中科大或者清华,但是骨子里还是比较喜欢阿里,里面也有腾讯,但是备注了不稳定,就跳过腾讯了~)
上面的步骤,Homebrew就已经安装好了,你可以在终端输入brew试试,看看会不会出现下图的字样,有的话就是成功了,我都是一次成功的,如若没有成功,就要你自己Bing或者谷歌了~
2. 安装各种环境
#安装 Git
brew install git
#安装node
brew install node
#安装 Hexo
#所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。
$ npm install -g hexo-cli
#检查是否出现安装版本信息,出现说明已经安装了
node -v
git --version
#如果已经安装好~就可以开始安装hexo了
npm install -g hexo-cli
#之后根据自己的习惯,创建一个文件夹,什么名字都可以
cd #你的文件夹name
#初始化目录(时间稍长)
hexo init
#气动hexo本地模板
#hexo s
#终端上出现下面两句,就是代表启动成功了,可以在本地访问:http://localhost:4000
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
本地环境装好了,就要在git上创建一个库了,曾经有创建过的,可以登陆进去。没有创建过的,打开:github官网,进行创建。步骤完了之后,点击创建一个新的的空间,在Repository name 处一定要注意:创建仓库的名字必须为xxx.github.io,xxx为自己想要设立的name ,一般为github的用户名。输入名字后,直接点最下面绿色的按钮,创建新仓库。这一部分基本完成了。
然后就要在终端上配置了,git关联github的这个需要自己找了,我在很久之前就已经关联了,不难,这里不做多解释~需要注意的是,你要提交博客到git就必要得有这个配置,这个配置文件也会经常使用到。首先进入到存放hexo的目录,见到一个文件“_config.yml”,需要度这个文件频繁使用到。
#首先要对这个文件进行编辑
vim _config.yml
#向下键到最下面,看到deploy,模仿我这个改
deploy:
type: git
repo: https://github.com/ykorey/ykorey.github.io.git
branch: master
#这一步完成之后,在存放hexo的目录下,产生静态网页,上传
#产生静态网页
hexo g
#上传
hexo d
#上传后可能会出现一下情况
ERROR Deployer not found: git
#解决方案,写入命令即可
npm install --save hexo-deployer-git
上面工作结束后,可以在浏览器上面访问 xxx.github.io (xxx用户名),即可访问到自己专有的hexo了~ (文章的话,目前还没有,需要点时间研究,这是hexo自带的模板,打算参考各类大神的模板,然后拿来自己用~~)
还有一个小小的建议,关联GitHub账号,免密提交~
# 用你注册GitHub时的邮箱号,进行秘钥生成
cd ~
ssh-keygen -t rsa -C "xxxxxxx@qq.com"
# 系统就会生成一个隐藏文件夹.ssh
cd .ssh
ls
# 复制公钥
vim id_rsa.pub
然后打开github,登陆进去,按着红色框框的步骤走
1、 2、 3、 4、
上面的所有步骤就完成了,下一篇就要讲一下怎样借鉴别人的模板了~
最后,因为我也是小白建起来的,除了自己的总结,也是看了好多文档的,离开不了那些大神,感谢有你,主要参考的文档有以下几个:
1:https://www.jianshu.com/p/77db3862595c
2:https://www.jianshu.com/p/ed35ce1981e8