个人博客搭建for Mac (Github+Hexo)

几年开发下,总觉得自己知识零零散散的,没有什么经验、学习研究、知识梳理概括等相关文字性的输出;很多遇到过解决掉的问题、学过的或者做过的,时间一久,自己都忘了;再则,工作中直来直去的交流,语言组织能力也是下降了不少。弄个博客写写,既可以把一些有用的东西分享给他人,也方便自己随时翻来看看。

为什么是Github+Hexo

GitHub是一个利用Git进行版本控制、专门用于存放软件代码与内容的共享虚拟主机服务。
Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github上。
这里我们可以通俗简单地理解为GitHub是博客容器,Hexo是帮助我们制作博客的工具。

如何搭建

Homebrew安装

Homebrew是一款自由及开放源代码的软件包管理系统,用以简化Mac OS X系统上的软件安装过程。
终端运行 : ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”
,回车键。SO EASY!

  1. Honebrew官网
  2. 安装详细文档

利用Homebrew安装Node.js

终端运行: brew install node

利用Homebrew安装Hexo官网链接

终端运行: npm install hexo -g

安装成功后,创建博客所属的文件夹

终端运行: hexo init “YourDirName”
//执行init命令初始化hexo到你指定的目录

生成静态网页

终端运行: hexo generate
//自动根据当前目录下文件,生成静态网页, (hexo g也行)

将该静态网页运行在本地服务器

终端运行: hexo server
//运行本地服务 (hexo s也行)
在浏览器里面输入 http://localhost:4000
//就能看到有一篇Hello World博文在上面,是hexo安装后自动生成的。

以上,我们已经把Hexo帮助我们制作博客的工具环境搭建好,我们已经可以利用工具生产自己的本地静态(自己电脑上能看见,别人还访问不到)博文。

创建新博文

终端运行: hexo new “YourPostName”
//YourPostName为你创建的博文名称。
创建成功后,终端提示:INFO Created: ~/source/_posts/YourPostName.md的提示。
open ~/source/_posts/ 可以找到 YourPostName.md文件,这个文件就是我们博文的原始文件,好比画纸,我们在上面画什么我们的博文就展示什么。可以用Xcode打开和编辑该文件,或者用软件sublimetext。博客编写有一定的格式规则,如Markdown,学习参考链接
每次编辑完后,
终端运行: hexo generate
//生成静态网页
终端运行: hexo server
//运行本地服务
在浏览器里面输入 http://localhost:4000
//就能看到新编辑的博文

剩下就是如何把我们的博文放到我们的GIT容器里了,以便让其他人也可访问到我们的博客

首先,在我们电脑上装上GIT工具

利用Homebrew安装git

终端运行: brew install git
如果Mac上已经安装过git了,这一步略过。
我之前先装的Xcode再装的git,记得是下的安装包装的,所以我电脑上已有git工具,这里不需要再重新装过。

需要一个github账号,创建一个仓库New repository,名称为你github用户名.github.io

如果没有账号,那就注册一个,Git官网

其次,配置github账号仓库地址到我们的Hexo,或者进行GIT标准配置。

这里介绍直接仓库配置
打开 初始化hexo过的文件夹YourDirName下的_config.yml文件,文件最底部

deploy:
type:
改成
deploy:
type: git
repository: https://github.com/yourGithubName/yourGithubName.github.io.git
branch: master

博文部署到github

终端运行: hexo deploy

OK啦,统统搞定,浏览器输入yourGithubName.github.io就能看到你自己的blog了


以下内容不是必须,算是为博客锦上添花

  • 主题更改

    如果不喜欢默认的主题样式,可以进行个性化设置

Hexo官网提供了很多主题,供大家根据自己的喜好对主题进行修改。主题直接下载网址.

如何设置

在Hexo的初始化目录(“YourDirName”)下对喜欢的主题进行克隆,或者把克隆好的主题拷贝到该目录(“YourDirName”)的 themes 文件夹下.然后,找到并打开目录(“YourDirName”)下配置文件 _config.yml ,修改主题为你所选择的主题。具体操作:

git clone git@github.com:yunlzheng/hexo-themes.git themes/writing

#在./_config.yml,修改主题为writing
theme: writing

转载请注明出处:

http://andr112.github.io/2016/06/16/个人博客搭建for-Mac-Github-Hexo/
.
.
.


参考链接