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

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

hexo入门学习（四）：文章（带图片）相关推荐

【入门学习四】基于 FPGA 使用 Verilog 实现串口回传通信代码及原理讲解
目录一.相关知识二.模块设计三.代码设计 3.1 串口接收模块 3.2 控制模块 3.3 串口发送模块四.FIFO 核引用五.管脚定义及结果展示上一篇博文:[入门学习三]基于 FPGA 使 ...
Metal入门学习：绘制纹理图片
一.编程指南PDF下载链接(中英文档) 1.Metal编程指南PDF链接 https://github.com/dennie-lee/ios_tech_record/raw/main/Metal学习P ...
html+css基础入门学习教程标记语言——图片替换
Chapter 14 图片替换随着更多设计师与开发者开始使用标准(特别是CSS),每天都会有许多新技术被发现,达成相同目标的新方法,更好的方法也不断发展着. 网页教学网 "图片替换&quo ...
关于微信小程序发布文章带图片的功能
有更新,看我主页里最新的那个多张图片上传的网上找代码找了大半天了,要么是格式缺胳膊少腿到处报错,要么就是单纯的bug,图片渲染层网络层报错,没有let that=this或者res=>{}异步 ...
想自学Python却不知该如何入门?这篇文章带你轻松入门Python
以2019年的资料为蓝本,2018年的资料为补充,还参考了一些网上的教程,旨在更好地总结Python基础知识,力求简明扼要,以供实战演练时能够快速查询遗忘的知识点.学一门语言贵在坚持用它,不用就淡忘了 ...
Python入门学习(四)
熟悉了Python中的各种运算符之后, 接下来要进一步了解Python了控制语句 if 语句单分支 if 双分支 if 多分支 if 单分支 if if x >= 0:print(" ...
qml入门学习(四)：附加信号Component.onCompleted和Component.onDestruction
例1: 例2:类似于构造函数和析构函数,一个在组件加载完成时调用,一个在组件消解(这里是程序关闭时)调用例3:例2的升级版例3运行结果:
最全面的openGL 入门学习
自己在找openGL学习资料的时候,找到此篇openGL入门学习(虽然不是移动开发,但给我提供了非常好的思路),所以转一下让更多人知道,本文来自http://www.cppblog.com/doing ...
OpenGL编程入门学习
OpenGL编程入门学习非常详细的教程,很适合初学者本文转自:http://www.cppblog.com/doing5552/archive/2009/01/08/71532.html === ...
OpenGLGLUT入门学习
本文为转载,原文出处:OpenGL入门学习说起编程作图,大概还有很多人想起TC的#include <graphics.h>吧? 但是各位是否想过,那些画面绚丽的PC游戏是如何编写出来的? ...

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

写作

草稿

插入图片

hexo入门学习（四）：文章（带图片）相关推荐

最新文章

热门文章