macOS搭建GitHub hexo

 

 

工作也有好几年了,一直想着搭建一个属于自己的博客,刚好最近又一直听朋友说可以搭建一个hexo,了解了下,决定自己动手搭建一个,macOS版本的hexo(是在知道hexo搭建完之后,可以有一个属于自己的域名博客,我的兴趣就来了~~~哈哈哈),废话不多说,Action~~~

这里只提macOS的搭建方法,Windows的等有空了,在公司电脑边搭建边记录~

在搭建之前看了很多篇文章,每个人的搭建方法都差不多,大同小异,但是呢,多多少少还是会碰到一点bug,就是问题,难以解决的,所以,我决定,从官方文档看起,一步一脚印:hexo官方文档 ~

首先必要的环境有:git、nodex、hexo(不多,就这两个)。中间的弯路其实还是满多的~~如下图:

这是官方给出的方案,可以装homebrew或者Macports,看了下两个文档,我果断选择了Homebrew,原因是Homebrew感觉比较高逼格啊~~~

切记,到这里不要有任何疑问,Homebrew是给我们更方便下载各种镜像的,安装了Homebrew,就不用自己各种资源查找镜像和搜索各种命令了~我也是用过之后才知道什么叫爽😊

下面开始就是步骤了,兄dei,看好咯~

  1. 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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值