美文网首页hexoGithub + HexoHexo
Hexo(1)-生成本地静态博客-Mac

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

作者: viggoz | 来源:发表于2016-06-08 17:04 被阅读146次

我的博客:www.viggoz.com

1. 安装Node.js

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


2. 安装Git工具包

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


3. 安装hexo

打开 Terminal,输入代码:

sudo npm install -g hexo

4. 创建新的hexo博客框架

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

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

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


5. 生成一套静态网页

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

可简写为:

hexo g
hexo s

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


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

6. 新建博客文章

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

cd Desktop/hexo1 /** Hexo1为我创建的博客目录名 **/
hexo new post "2016-04-23-test" /** 创建新的文章 **/

这个.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 能够识别换行,所以换行时不要求使用</br>标签。
  • Markdown 如果不加标签,默认识别为段落。

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

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

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

相关文章

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

    我的博客:www.viggoz.com 1. 安装Node.js Hexo 是基于 Node.js 的第三方模块,...

  • 创建个人静态博客

    思路: 本地使用Hexo生成静态页面(html) 上传到WEB服务器 1、 安装Hexo 及生成静态页面 安装No...

  • Hexo部署到云服务器

    博客的架构 首先本地hexo generate构建生成一个Public文件夹,Public里就是打包生成的静态HT...

  • Hexo 静态博客

    Hexo静态博客Mac平台搭建全流程记录 Mac install node & hexo-cli Extend h...

  • 利用 Travis CI 自动部署 Hexo 博客

    Hexo 博客每次写完文章后都需要手动执行 hexo clean、hexo g、hexo d 命令来上传与生成静态...

  • 博客使用笔记:git命令行

    假设hexo为博客名 hexo generate (hexo g) 生成静态文件,会在当前目录下生成一个新的叫做p...

  • 在windows下安装hexo

    hexo是什么?简单的说,就是一个静态博客的生成工具,我这个博客就是就是基于hexo生成的。文章结尾的官网链接中也...

  • 使用Hexo搭建免费Blog

    文章首发于个人博客使用Hexo搭建免费Blog Hexo是基于Node.js开发的静态博客生成器,界面简洁优雅,深...

  • 使用Hexo在githu上搭建博客

    Hexo是一款基于Node.js的静态博客框架。可以方便的生成静态网页托管在github上.由于 Hexo 是基于...

  • 通过Hexo在Github上搭建博客教程

    Hexo简介 hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Herok...

网友评论

    本文标题:Hexo(1)-生成本地静态博客-Mac

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