hexo入门学习(四):文章(带图片)
来源:互联网 发布:淘宝美工常用软件 编辑:程序博客网 时间:2024/04/29 06:26
欢迎查看我的个人博客,由于hexo和CSDN的图片存储不同在此无法体现,但是也可以同步到七牛云。在后面的文章会介绍到。
写作
你可以执行下列命令来创建一篇新文章。
$ hexo new [layout] <title>
您可以在命令中指定文章的布局(layout),默认为 post,可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局。
hexo 有三种默认布局:post、page 和 draft,它们分别对应不同的路径,而您自定义的其他布局和 post 相同,都将储存到 source/_posts 文件夹。
草稿
刚刚提到了 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.jpghexo入门学习(三):文章(带图片).md
显示蜡笔小新图片为下图:
阅读全文
5 0
- hexo入门学习(四):文章(带图片)
- hexo入门学习(六):文章图片存储到七牛云
- Hexo 入门指南(三) - 文章 & 草稿
- Hexo入门学习(一):安装
- hexo入门学习(二):关联GitHub
- hexo入门学习(三):主题设置
- Hexo 入门指南(四) - 页面、导航、边栏、底栏
- Hexo发布带图片博客
- hexo文章中插入图片
- hexo文章中插入图片
- hexo入门学习(五):绑定独立域名
- hexo系列教程:(四)hexo博客的优化技巧
- 入门学习(四)
- ListView学习(带图片)
- Hexo 入门指南(一) - 简介 & 准备
- Hexo 入门指南(五) - 搬家 & 备份
- Hexo 入门指南(七) - 评论 & 分享
- hexo入门(安装,配置,本地启动)
- 二叉排序树
- View的事件体系(一)——View的基础知识以及View的滑动
- javascript基础3
- androidstudio集成开发环境搭建
- MapReduce的自定义排序、分区和分组
- hexo入门学习(四):文章(带图片)
- JavaScript通过preventDefault()使input[type=text]禁止输入但保留光标
- Oracle提供的jniDoc
- 【面经笔记】C、C++内存管理
- matlab
- net start mysql提示:服务名无效 的解决办法(转)
- [IOS APP]舍得让你爱的人受苦-现代修心有声小说
- visual studio 编译中的小问题
- 深入Spring Cloud源码设计-基础篇