前言:需要的工具用Node.js、Git和Hexo 新文件夹Project
  • Node.js:用于生成静态页面
  • Git: 用于将本地 Hexo 内容提交到 Github

Node.js和Git在mac中都自带(如果没有可以去Hexo参考安装方法) 有可用以下命令查版本

1
2
node -v 或node --version
git -v 或git -version
安装Hexo(前提要安装前两个)
1
2
$ sudo npm install -g hexo  //一定要在前面加sudo,否则没权利,报错
$ sudo npm install -g hexo-cli //-g是全面安装
初始化
1
2
3
4
5
6
$ cd Project
$ hexo init blog //此时生成一个blog的文件并初始化
$ cd blog
$ npm install//在blog下安装npm
$ hexo s//开启Hexo服务器 此时,浏览器中打开网址http://localhost:4000
//终端使用快捷键control + c可关闭Hexo服务器
关联GitHub
  • GitHub上创建创库名为yours github username.github.io固定写法

  • 修改 本地blog/_config.yml的内容
    打开在最后的部分,修改成下边的样子 3用repo也可以

  • 每一个:后面必须有个空格

1
2
3
4
5
deploy:
type: git
repository: https://github.com/yuor.username/your..github.io.git //github上Code里可复制
branch: master
//3这里布署时要输入用户名和密码比较复杂
可用ssh连接
1
2
3
4
deploy:
type: git
repository: git@github.com:your.username/your.username.github.io.git //github上Code里可复制
branch: master
生成ssh key
1
2
3
$ ssh-keygen -t rsa -C "your_email@example.com"
$ ls -al //在home目录下会发现有个id_rsa.pub文件
$ open . //打开ssh./目录 把id_rsa.pub里面的内容复制
将ssh key添加到GitHub中

在GitHub -> Settings -> SSH and GPG keys -> New SSH:
Title 里任意添加一个标题,将复制的内容粘贴到 key 里,点击下方Add key绿色按钮即可。

上传github
  • 在blog文件夹目录下执行生成静态页面命令:
1
2
3
4
5
6
7
$ hexo generate         或者:$hexo g
此时若出现如下报错:
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
则执行命令:
npm install hexo --save
若无报错,自行忽略此步骤
  • 再执行配置命令:
1
2
3
4
5
6
$ hexo deploy           或者:$hexo d
注意:若执行命令hexo deploy仍然报错:
ERROR Deployer not found: git // 无法连接git或找不到git
无法连接git或找不到git,则执行如下命令来安装hexo-deployer-git:
$ npm install hexo-deployer-git --save
再次执行hexo generate和hexo deploy命令。
安装主题
  • 可在hexo官网上找主题 在blog下
1
2
例子:$ git clone https://github.com/iissnan/hexo-theme-next themes/next
//自动在themes生成个next文件
  • 配置blog/_config.yml文件中的theme字段为next:
1
theme: next
  • 再重新部署
1
2
3
$ hexo clean        // 清除缓存文件(db.json)和已生成的静态文件(public)
$ hexo generate // 生成静态页面
$ hexo deploy // 将修改更新到GitHub
一些错误处理方法
  • 如果hexo d布署失败 则在github->Settings->Emails中添加Emails并取消下面两个勾,

  • Keep my email address private

  • Block command line pushes that expose my email
    再到本地blog下删除.deploy_gif和public

(如果看不到.开头的文件就用以下命令)

1
2
$ defaults write com.apple.finder AppleShowAllFiles TRUE; killall Finder
//隐藏就把TRUE改FALSE即可
  • 再用以下指令
1
2
3
$hexo clean
$hexo g
$hexo d
  • 如果用 your.user.github.io访问的内容跟本地访问的不一样就改本地的blog目录下的_config.yml中的
1
2
3
url: https://yuor.username.github.io
root: /

更新于

请我喝[茶]~( ̄▽ ̄)~*

ZhiCat 微信支付

微信支付

ZhiCat 支付宝

支付宝

ZhiCat 贝宝

贝宝