Hexo(1)-生成本地静态博客-Mac

我的博客:www.viggoz.com

Hexo(1)-生成本地静态博客-Mac_第1张图片

1. 安装Node.js

Hexo 是基于 Node.js 的第三方模块,所以缺少 Node.js 不可。访问 Node.js官网下载Node.js 安装包.我下载的版本是 v5.11.0 Stable。

Hexo(1)-生成本地静态博客-Mac_第2张图片

2. 安装Git工具包

之后你需要安装一些 Hexo 的主题和插件,Git 是最好的下载方式。因为好多主题都被放在了 Github 上,你只需要敲几个字符就可以下载

Hexo(1)-生成本地静态博客-Mac_第3张图片


3. 安装hexo

打开 Terminal,输入代码:

sudo npm install -g hexo
Hexo(1)-生成本地静态博客-Mac_第4张图片

4. 创建新的hexo博客框架

在桌面上创建文件夹 “hexo”,然后在 Terminal 下输入:

cd Desktop/hexo
hexo init /** 创建一个Hexo的新框架 **/

打开桌面的文件夹可看到很多文件


5. 生成一套静态网页

hexo generate /** 生成一套静态网页 **/
hexo server /** 在服务器上运行 **/

可简写为:

hexo g
hexo s

输入完毕后,使用浏览器进入 http://localhost:4000/

Hexo(1)-生成本地静态博客-Mac_第5张图片

这样就在本地创建了你的静态博客


6. 新建博客文章

注意:每次退出终端要重新进入Hexo目录才能进行博客操作

cd Desktop/hexo1 /** Hexo1为我创建的博客目录名 **/
hexo new post "2016-04-23-test" /** 创建新的文章 **/
Hexo(1)-生成本地静态博客-Mac_第6张图片

这个.md文件创建在了 source/_posts/ 的文件下

你可以选择使用其它编辑器编辑这个 md 文件。推荐使用Sublime Text,或者直接在终端上编辑,最终要求保存为 UTF-8 的格式(这里不做介绍)。


7. 博客文章默认配置介绍

在md文件里符号“- - -”上面的我们称作 Front-matter,它定义这个md文件的属性,便于 Hexo 生成博客网页时自动配置。

  • title:定义了博文的标题
  • date:定义了创作此博文的时间
  • tags:定义了博文的标签

除了这三个属性以外我们还可以扩展设置一些属性。

  • update:定义了最后修改的时间
  • comments:定义能否评论此博文(true/false,默认为true)
  • categories:定义了博文的种类

8. 使用Markdown编写博客内容

在md文件里符号“- - -”下面就可以使用Markdown写博客

Markdown 比用 HTML 直接书写简单了不少,而 Hexo 的 Markdown 和传统的Markdown 有所不同,下面我们来介绍一下 Markdown 语法。

  • Markdown 能识别 HTML 书写的语法
  • Hexo 的 Markdown 能够识别换行,所以换行时不要求使用
    标签。
  • Markdown 如果不加标签,默认识别为段落。

这里推荐两个Markdown的在线编辑器,能够方便大家迅速生成 Markdown 文件并熟悉 Markdown 的语法

http://mahua.jser.me/
https://www.zybuluo.com/mdeditor

另外Markdown的语法说明,这篇介绍得很清楚,大家可以根据自己需要去学习相应的写法。

你可能感兴趣的:(Hexo(1)-生成本地静态博客-Mac)