转载请注明出处:vicentz
1.目的/原因
维护一个自己的个人博客,不希望使用第三方的,因为样式排版自由,广告什么的少。
2.准备工作
调研网上资源。
3.正文
3.1.需要的环境
- Node.js
- homebrew
- Git
3.2.Node.js环境安装
node.js 官网地址 https://nodejs.org/en/
下载node.js 有多种方法:使用brew
下载 或者 直接下载 安装包。 我建议node.js
直接下载 安装包,因为使用brew
有可能失败,会被墙掉。
注意: 不推荐使用 brew 安装node, 直接从官网下载运行即可。
node.js 下载完成后 安装到电脑上就可以了。安装成功后显示出来安装路径,可以看到 安装node.js 的时候 npm 也安装了。
如图所示:
检测安装是否成功 终端输入 -v , 成功则显示版本号
$ node -v
v6.4.0
$ npm -v
3.10.3
3.4.安装homebrew
homebrew 是MAC OSX 上面用来安装 或者 卸载软件用的非常方面的一个软件,我们下面安装 hexo 全靠它。
官方网址: http://brew.sh/index_zh-cn.html
homebrew 的安装方法可以参照官网,或者 网上的一些教程。 需要注意的是 homebrew 安装的时候一定要在 sudo 管理员权限下安装,否则 可能遇到写入失败的问题。
安装方法:打开终端输入
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
3.5.安装Git
通过homebrew安装
$ brew install git
3.6.安装hexo
进入到博客目录后
终端输入:
$ npm install -g
由于我国防火墙网络墙的问题,可能导致安装的时候少装了几个库。 所以需要更换一个源:
$ npm install -g hexo-cli
安装完校验
$ hexo -v
3.7.建站
a.建立一个博客目录
$ cd <folder(你的文件夹)>
b.初始化
$ hexo init
c.建立依赖,安装nodejs的依赖包
$ npm install
3.8.本地测试
$ hexo s
浏览器中输入http://localhost:4000/访问即可
停止可以使用Ctrl+C键
3.9.修改配置文件
博客目录下的_config.yml文件
配置部分:
# Site
title: VicentZ'Zone
subtitle: 态度决定一切,细节决定成败
description: VicentZ | iOS | develop | 移动
author: VicentZ
language: zh-Hans
timezone:
Git配置
deploy:
type: git
repo: https://github.com/VicentZ/VicentZ.github.io.git
branch: master
3.10.发布到Git
部署全局Git config
$ git config --global user.name "提交者姓名"
$ git config --global user.email "github登录邮箱"
发布到Git
$ npm install hexo-deployer-git --save
生成博客静态文件
$ hexo g
发布
$ hexo deploy//可简写为 hexo d
身份校验
Username for 'https://github.com': vicentz
Password for 'https://vicentz@github.com':
如果不喜欢这种方式,可以配置ssh到github上
ssh-keygen -t rsa -C “github的登录邮箱”
按3个回车,密码为空。最后得到了两个文件:id_rsa(私钥)和id_rsa.pub(公钥)
cd ~/.ssh
全部粘贴id_rsa.pub里面的内容,然后到github的个人设置里面添加sshkey,这个我就不废话了。
3.11.主题更换
以Next为例,gitHub下载该主题文件传送门,按照官方文档安装即可传送门。
3.11.1.Hexo的附件功能
百度统计,多说评论插件都可以按照配置进行设置传送门
4.趟坑
4.1.二次添加ssh问题
有时候我们可能会有多个ssh,新添加的ssh教研时候会遇到如下问题,只需要输入yes即可。
如果这样还是不能解决问题,那么就放弃吧,反正我是折腾了一天也没搞定,最后屈服了,还是用原来的github账号了,我猜可能是github的bug吧。
4.2.配置问题
所有的_config.yml文件key对应的配置在“:”后面要记得加空格,要不然不会生效。
4.3.图片不要太大,宽度不要超过300
4.4.第二次添加github的账号搞不定就放弃吧,这个太恶心人了
5.总结
之前也研究过,终究因为不愿意折腾,遇到问题就放弃了,这次下定决心克服困难来搭建成功后,发现也没有那么难,其实在困难面前,就是这样,困难像弹簧,你弱它就强,无论什么事情,只要坚持,就一定能看到成功的曙光,以此明鉴,大家一起加油,克服所谓的困难,走向成功的巅峰吧!
转载请注明出处:www.vicentz.cn
6.参考文档
MAC 上 github + hexo 搭建博客教程
Mac下搭建Hexo博客教程
Mac下搭建目前最in的hexo博客
Hexo 使用中遇到的问题总结
如何搭建一个独立博客——简明Github Pages与Hexo教程
hexo你的博客
git ssh 多账户管理
更换主题
hexo中文文档
Next主题
添加百度统计