美文网首页博客
Mac下搭建自己的博客

Mac下搭建自己的博客

作者: Vicent_Z | 来源:发表于2016-11-17 08:23 被阅读665次

转载请注明出处: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 也安装了。
如图所示:

安装Node.js的pkg文件

检测安装是否成功 终端输入 -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即可。


ssh确认

如果这样还是不能解决问题,那么就放弃吧,反正我是折腾了一天也没搞定,最后屈服了,还是用原来的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主题
添加百度统计

相关文章

网友评论

    本文标题:Mac下搭建自己的博客

    本文链接:https://www.haomeiwen.com/subject/oyzmsttx.html