关于MarkDown
Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。
其详细的介绍,可以看下Markdown 语法说明 (简体中文版)
优点
- 专注你的文字内容,排版样式也只是需要键盘即可搞定
- 纯文本,兼容所有的文本编辑器与文字处理软件
- 可读,直观,简介,学习成本低
Markdown使用示例
书写工具
Mac下有两款优秀的 Markdown 编辑器,Mou和MacDown
关于其优缺点,可以移步这里,至于选择哪款,看个人喜好。
关于Hexo
Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
Hexo官网
关于GithubPages
在Github里面,每一个项目都拥有它的一个主页,列出项目的源文件,但是对于新手来说,看到那么多的源代码,只会让人感到头晕脑胀,无从下手,他更希望的是,该项目有一个简明易懂的页面,告诉他每一步要怎么去做。
因此,Github就设计了Github Pages这个功能,允许用户自定义项目首页,用来替代默认的源码列表。所以,Github Pages可以被认为是用户编写的、托管在github上的静态网页。
通过上面的介绍,大家对Hexo和Github已经有了大概的了解。
我们的方式就是,利用Markdown进行博客的编写,通过Hexo这个框架解析生成靓丽的静态页面,然后部署到Github上供大家浏览。
环境搭建
- 硬件
此版本为Mac版👽 - 软件
- node.js
- npm
- hexo
- github账号
安装node.js与npm
下载node.js 有多种方法:使用 Homebrew 下载 或者直接下载安装包。 建议 node.js 直接下载 安装包,因为使用 brew 有可能失败,会被墙掉。
node.js 下载完成后 安装到电脑上就可以了。安装成功后显示出来安装路径,可以看到 安装node.js 的时候 npm 也安装了。
检测安装是否成功 终端输入 -v , 成功则显示版本号
$ node -v
v4.3.1
$ npm -v
2.14.12
安装Hexo
文档里给出了详细的安装方法,只需要按其一步步来就好
$ sudo npm install -g hexo-cli
-v表示全局安装,所以需要使用管理员身份
安装成功,使用hexo 命令的时候,可能会出现以下错误
{ [Error: Cannot find module './build/Release/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND' }
{ [Error: Cannot find module './build/default/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND' }
{ [Error: Cannot find module './build/Debug/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND' }
据说是由于GFW的问题,导致安装Hexo的时候少装了几个库。
查询出的解决方法为,使用以下命令行重新安装
npm install hexo –no-optional
然而于我而言,并没有什么卵用。这个错误也没有造成任何影响,所以忽略,Go on。
完成后,验证下是否安装成功
hexo -v
Hexo的使用
1. 创建存放博客的文件夹
$ mkdir myblog
2. 执行以下命令,Hexo会在目标文件夹建立博客所需要的文件
hexo init
输出以下信息
INFO Cloning hexo-starter to ~/Documents/mytest
Cloning into '/Users/Quncao/Documents/mytest'...
成功之后文件夹的样子
- _config.yml : Hexo和站点的配置文件,里面可以设置博客的名字、标题、作者、链接格式等相关项
- scaffolds : 脚手架,用于存放我们创建文章时的模版
- source : 用于存放我们用markdown编写的博文原文件、其他静态资源文件
- themes : 用于存放主题,里面有我们博客的默认主题landscape
3. 执行以下命令,进行依赖包的安装
sudo npm install
- node_modules: 关联保存了将会使用到的hexo依赖包
4. 安装相关插件
插件会安装至node_modules文件夹下,如果已经安装好的可以直接忽略
- 安装便于自动部署到Github上的插件
$ npm install hexo-deployer-git --save
- 安装atom生成插件,便于感兴趣的小伙伴们订阅
$ npm install hexo-generator-feed --save
- 安装博客首页生成插件
$ npm install hexo-generator-index --save
- 安装归档生成插件
$ npm install hexo-generator-archive --save
- 安装tag生成插件
$ npm install hexo-generator-tag --save
- 安装category生成插件
$ npm install hexo-generator-category --save
- 安装Sitemap文件生成插件
$ npm install hexo-generator-sitemap --save
- 安装百度Sitemap文件生成插件,因为普通的Sitemap格式不符合百度的要求
$ npm install hexo-generator-baidu-sitemap --save
未完待续,继续请移步这里