几年开发下,总觉得自己知识零零散散的,没有什么经验、学习研究、知识梳理概括等相关文字性的输出;很多遇到过解决掉的问题、学过的或者做过的,时间一久,自己都忘了;再则,工作中直来直去的交流,语言组织能力也是下降了不少。弄个博客写写,既可以把一些有用的东西分享给他人,也方便自己随时翻来看看。
为什么是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!
利用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
添加多说评论
- Hexo添加多说教程
- 多说站点创建,用以获取教程里的short_name .
增加rss
npm install hexo-generator-feed
启动服务器,用浏览器打开 http://localhost:4000/atom.xml,可看到RSS已经生效。增加sitemap
pm install hexo-generator-sitemap
启动服务器,用浏览器打开 用浏览器打开 http://localhost:4000/sitemap.xml 发现site已经生效
注 转载请注明出处:
http://andr112.github.io/2016/06/16/个人博客搭建for-Mac-Github-Hexo/
.
.
.