Mac下搭建hexo+github博客

一、Github账号注册及仓库创建

进入Github官网,注册账号

Mac下搭建hexo+github博客_第1张图片
Mac下搭建hexo+github博客_第2张图片

创建仓库的名字必须为username.github.io,这是很关键的一点,很重要。输入名字后,直接点最下面绿色的按钮,创建新仓库。这一部分基本完成了,接下去需要在终端操作。

Mac下搭建hexo+github博客_第3张图片

二、环境配置

安装Git、Node.js和hexo

# 首先检查时候安装了git和node.js,终端输入一下命令,
node -v 		#是否出现安装版本信息,出现说明已经安装了
git --version 	#是否出现安装版本信息,出现说明已经安装了

Mac下搭建hexo+github博客_第4张图片

如果没有安装,则进行安装,都可以通过直接下载安装测序进行安装

[git]: https://sourceforge.net/projects/git-osx-installer/
[node.js]: https://nodejs.org/en/

如果已经安装好了上述的软件,那么可以安装hexo,然后等待安装成功即可。

npm install -g hexo-cli

Mac下搭建hexo+github博客_第5张图片

创建blog文件夹,并初始化建立博客框架

# 在你的家目录下创建一个blog文件夹
mkdir blog
# 进入目录
cd blog
# 初始化目录
hexo init
开启本地服务 
# hexo s

Mac下搭建hexo+github博客_第6张图片

出现以下信息,说明你可以本地访问博客系统,在浏览器输入4000这个网址,就可以看到博客首页。

三、博客关联到Github仓库

切换到blog目录下

Mac下搭建hexo+github博客_第7张图片

首先我们要编辑图中_config.yml文件,这是博客的主要配置文件,这里先编辑,为了管理GitHub账号。

vim _config.yml

打开文件之后,在文档最后,输入红色大框中的内容,只需要将你的username替换就可以了,其他无需更改。

Mac下搭建hexo+github博客_第8张图片

然后在目录中执行

# 产生静态网页
hexo g
# 部署到GitHub page上
hexo d

出现“ERROR Deployer not found: git”该错误时,需要执行如下命令:

npm install --save hexo-deployer-git

Mac下搭建hexo+github博客_第9张图片

然后在执行“hexo d”该命令,你需要输入你GitHub的用户名和密码,这样你就就可以使用你的仓库名去访问你的博客主页了。为了每一次部署不必一种输入密码,我们可以生成秘钥,然后提交到GitHub,进行关联,那么你下次就不需要再输入密码了。

Mac下搭建hexo+github博客_第10张图片

这时浏览器输入devilcsdn.github.io就可以看到博客页面了

Mac下搭建hexo+github博客_第11张图片

添加ssh key到github

# 用你注册GitHub时的邮箱号,进行秘钥生成
cd ~
ssh-keygen -t rsa -C "[email protected]"
# 系统就会生成一个隐藏文件夹.ssh
cd .ssh
ls
# 复制公钥
vim id_rsa.pub

Mac下搭建hexo+github博客_第12张图片

按照以下步骤,进入设置,

Mac下搭建hexo+github博客_第13张图片

然后点击SSH and GPG keys,创建新的SSH,

Mac下搭建hexo+github博客_第14张图片

title出可以随意填写,key将之前复制的公钥黏贴,提交,OK。

Mac下搭建hexo+github博客_第15张图片

至此在mac上部署hexo的工作已经完成,可以像以前一样使用hexo new “post”命令写博客,hexo clean清除缓存文件,hexo g生成新的文件,hexo d同步部署到github端

你可能感兴趣的:(Mac下搭建hexo+github博客)