Hexo博客新建文章并发布

创建新文章

根目录命令行输入hexo new <模板> <文章名>新建文章

其中<模板>scaffolds中,默认情况下有三个模板postdraftpage

参数 功能 路径
post 新建文章 /source/_posts/
draft 新建草稿 /source/_drafts/
page 新建页面(标签页,分类页等) /source/

通常情况下使用hexo new post <title>即可,注意这里的title不是文章名,具体文章中显示的文章标题可以在文章文件中修改,例如:我这里新建一篇文章,title为article

命令行输入hexo new post article

此时在source/_posts/文件夹中多了一个article.md文件。打开可以看到如下内容:

[图片上传失败...(image-3f21de-1544088714291)]

文章内容中两条---之间的内容为文章的配置内容,可以在其中设置标签、分类等。其中的title为文章发布后文章页面显示的标题,例如我们修改一下tittle为:Hexo博客文章发布

.md文件的名字,也就是我们新建文章时输入的名字,是作为文章页面链接中显示的名字,例如,本篇文章的文件名为:article.md,文章内设置的文章标题为Hexo博客新建文章并发布,那么本篇文章的链接就是https://www.lixint.me/article.html

文章模板

在新建文章中使用的post参数,就是模板的名称,在使用hexo new post <文件名>命令进行新建文章时,系统会自动在scaffolds文件夹中搜寻名为post的文件,根据其中的内容生成新的.md文章文件。后续随着配置项的增多,可以自行设置不同类型的模板。例如本篇文章的模板如下:

[图片上传失败...(image-55e677-1544088714292)]

其中的titledata会在生成文件时自动填写。利用此模板生成的文章文件,只需要进行对应项目的填写即可。例如本篇文章的配置信息如下:

[图片上传失败...(image-5cf46e-1544088714292)]

给文章添加分类和模板

通过对文件头部配置信息中tagscategories项的修改可以设置文章的标签及分类。

其中标签可以按格式贴现设置多个:

title: Hexo博客新建文章并发布
date: 2018-12-06 12:16:12
tags:
 - Hexo
 - Markdown
categories: 搭建博客

在博文中添加图片

目前有三种方法像博文中添加图片:

方法一

命令行输入npm install hexo-asset-image --save安装插件

根目录/source目录下新建一个img文件夹,将需要插入的图片放到里面

在文章中引用图片时图片使用格式[图片上传失败...(image-3a4109-1544088714292)]进行引用图片。

方法二

在<a style="color:#9900ff"><strong>博客配置文件</strong></a>中搜索post_asset_folder项,设置为true

[图片上传失败...(image-1a1aa7-1544088714292)]

这样在创建文章时会自动在文章.md所在目录/source/_posts文件夹内生成一个与文章同名的文件夹。例如新建文章hexo new post example则会生成一个example.md文件与一个名为example的文件夹。

把example这个博文需要展示的图片放在example文件夹目录下;

文章内使用[% asset_img slug [title] %](将方括号][替换为花括号}{)的格式进行插入图片,例如我要插入一个名为1.jpg的图片,写文章时就应该填写

 `[% asset_img 1.jpg 图片1 %]`
方法三

前两种方法尽管在上传时很方便,但是在插入图片时并不是很方便,现在很多Markdown编辑器在插入图片是非常方便,截图直接粘贴、现有的图片文件直接拖入都可以实现插入图片,而不是使用代码进行插入。

但是这样插入的图片在上传时并不会被上传,这样就导致了博客中文章图片的连接还是本地路径的格式。

于是博主自己写了一个Python脚本,在文章完成后上传前,通过脚本自动将文章中的图片上传至腾讯云对象存储(腾讯云每个月都有一定的免费额度)或者SMMS图床,文章中图片链接替换。这样既不会占用Github Pages空间,又能方便地插入图片。
对于脚本的使用,可以到==>Hexo博文图片自动上传腾讯云、SMMS图床并替换博文内图片链接<==查看

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 151,688评论 1 330
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 64,559评论 1 273
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 101,749评论 0 226
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 42,581评论 0 191
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 50,741评论 3 271
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 39,684评论 1 192
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,122评论 2 292
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,847评论 0 182
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,441评论 0 228
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,939评论 2 232
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,333评论 1 242
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,783评论 2 236
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,275评论 3 220
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,830评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,444评论 0 180
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 34,553评论 2 249
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 34,618评论 2 249

推荐阅读更多精彩内容

  • 不知道为什么部分图片上传失败,一直上传不成功,如果有需要大家可以去我的小站观看 背景 作为一个开发者不能没有博客,...
    茉莉儿阅读 1,943评论 3 10
  • 第一章 安装Git工具 下载GitHub for Windows,直接点击安装,安装完成后,可以看到“Git Sh...
    不圆的石头阅读 11,779评论 5 63
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,426评论 2 59
  • battery-historian工具工具开源地址:https://github.com/google/batte...
    吉凶以情迁阅读 251评论 0 4
  • 人生总有不如意,关键在于熬。 熬得住,出众,熬不过,出局!人生总有一些不如意的事,关键在于熬。 熬,不是逆来顺受的...
    饥者求食阅读 283评论 5 6