美文网首页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

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