hexo入门学习（四）：文章（带图片）

欢迎查看我的个人博客,由于hexo和CSDN的图片存储不同在此无法体现，但是也可以同步到七牛云。在后面的文章会介绍到。

写作

  你可以执行下列命令来创建一篇新文章。

$ hexo new [layout] <title>

  您可以在命令中指定文章的布局（layout），默认为 post，可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局。

  hexo 有三种默认布局：post、page 和 draft，它们分别对应不同的路径，而您自定义的其他布局和 post 相同，都将储存到 source/_posts 文件夹。

布局	路径
post	source/_posts
page	source
draft	source/_drafts

草稿

  刚刚提到了 Hexo 的一种特殊布局：draft，这种布局在建立时会被保存到 source/_drafts 文件夹，您可通过 publish 命令将草稿移动到 source/_posts 文件夹，该命令的使用方式与 new 十分类似，您也可在命令中指定 layout 来指定布局。

$ hexo publish [layout] <title>

  草稿默认不会显示在页面中，您可在执行时加上 –draft 参数，或是把 render_drafts 参数设为 true 来预览草稿。

插入图片

  需要用到插件CodeFalling/hexo-asset-image。
  首先确认 _config.yml 中有 post_asset_folder:true 。
  安装此插件：在 hexo 目录，执行

npm install https://github.com/CodeFalling/hexo-asset-image --save

  这样的目录结构（目录名和文章名一致），只要使用 （可以是gif格式）

![lbxx](hexo入门学习（三）：文章（带图片）/lbxx.jpg)

就可以插入图片。会将图片和文章生成到一个目录下。同时，生成的 html 是

<img src="/2017/7/1/hexo入门学习（三）：文章（带图片）/logo.jpg" alt="logo">

  执行下述代码后

hexo new "hexo入门学习（四）：文章（带图片）"

  得到

hexo入门学习（三）：文章（带图片）
├── lujing.png
└── lbxx.jpg
hexo入门学习（三）：文章（带图片）.md

  显示蜡笔小新图片为下图：