准备工作
- 注册Github账号
这里申请一个就好了,申请步骤很简单,不再详述,记住选免费服务就可以。在github上创建public库是免费的,也就是传说中的创建开源库。创建private库是要付费的,我们使用github主要就是为了拥抱开源,如果没有特殊需求,创建public库就可以,我们一会儿要创建的博客仓库就是public库。
申请完账号,登陆之后,就可以创建repo了,点击New repository
,会跳转到这个界面:
- 安装Homebrew套件管理器
Homebrew并不是必须的,你也可以通过其他途径安装git和node.js,但是,个人认为Homebrew相当nice,而且在mac下管理安装包特别方便,所以在这里强行安利一波,Homebrew需要你的mac安装了Xcode,很多其他mac应用也需要,所以建议先安装一下,appstore里就有。装完Xcode之后,剩下的步骤就特别简单了,打开mac terminal终端,输入以下命令
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
1.安装 Git
brew install git
2.安装Nodejs
先安装nvm,这是Nodejs版本管理器,可以轻松切换Nodejs版本。
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.5/install.sh | bash
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"
安装完成后,重启终端并执行下列命令即可安装 Node.js。
nvm install stable
3.安装Hexo
打开Terminal,cd到你想搭建博客的路径,比如D:\My Documents\GitHub\blog
。依次输入
npm install hexo-cli -g #安装hexo
hexo init # 初始化,安装所需包
npm install # 其实此句不是必须,新版本的Hexo在初始化时就安装好了依赖包)
hexo g # 生成
hexo s # 运行
这样就开启了一个本地博客服务器,打开浏览器,在地址栏输入localhost:4000
,就可以查看本地博客了,hexo默认生成了一片hello world博客。
注意,以上hexo开头的命令,执行目录必须是你创建的博客文件夹目录。
4.配置SSH key
- 检查本机上是否存在SSH key
打卡终端,输入如下命令:
cd .ssh
ls -la
检查终端输出的文件列表中是否已经存在id_rsa.pub 或 id_dsa.pub 文件,如果文件已经存在,那么你可以跳过步骤2,直接进入步骤3.
-
创建一个SSH key
在终端输入以下命令:
ssh-keygen -t rsa -C "your_email@example.com"
回车,接着会提示你,让你输入文件名,直接回车会创建使用默认文件名的文件(推荐使用默认文件名);然后会提示你输入两次密码(输入密码之后没有反馈,显示还是空白,但是你确实已经输入了),当然密码也可以不输,直接回车,如果这里没有输入密码,以后提交博客更新的时候就不需要输入密码了。
-
添加SSH key到github
经过第二步,如果你没有指定文件名(也就是使用的默认文件名),那么你的.ssh文件夹下,应该有一个id_rsa.pub文件了,打开该文件,复制里面的文本。然后登陆github,点击右上角头像右边的三角图标,点击Settings,然后在左边菜单栏点击SSH and GPG keys,点击new ssh key,title 随便填一个,在key 栏填入你复制的内容,点击add ssh key,就可以添加一个ssh key了
5.同步Hexo博客到Github
- 在你已经可以在本机查看你的博客了,但是要想让别人通过网络可以查看你的博客,还需要一步,那就是将你的博客发布到github仓库。在terminal终端,将当前目录切换到你的本地博客目录,执行以下命令:
npm install hexo-deployer-git --save
- 安装完成之后,打开本地博客目录的
_config.yml
文件,编辑其中的deploy节点:
deploy:
type: git
repo: git@github.com:yourusername/youusername.github.io.git
branch: master
- 将上面
yourusername
替换成你的github用户名即可,你也可以去你开始的时候创建的名为yourusername.github.io
的仓库去直接复制完整的地址,如下图:
- 保存配置之后,在本地博客目录执行以下命令:
hexo clean // clean本地项目,防止缓存
hexo g // 根据你编辑的md格式的博客,生成静态网页
hexo d // 将本地博客发布到github
然后,在浏览器地址栏输入yourusername.github.io
就可以访问你的博客了,别人也可以通过这个地址访问你的博客。
原文地址:Mac搭建Hexo博客及NexT主题配置优化
还是得参考官方文档啊,虽然有前人的操作案例,有些地方还是有出入的,比如nvm安装方法哪里