hexo使用心得(二)

上文介绍了如何配置个性化的hexo、以及配置next主题,本节主要介绍如何使用hexo发布新文章,以及一些常用的使用技巧(不错的markdown在线编辑器、图床等)…

发布新文章

执行new命令,生成指定名称的文章至hexo\source_posts\postName.md。
hexo new [layout] "postName" #新建文章

其中layout是可选参数,默认值为post。有哪些layout呢,请到scaffolds目录下查看,这些文件名称就是layout名称。当然你可以添加自己的layout,方法就是添加一个文件即可,同时你也可以编辑现有的layout,比如post的layout默认是hexo\scaffolds\post.md

然后,使用文本编辑器打来postName.md,文件的开头是属性,采用统一的yaml格式,用三条短横线分隔。下面是文章正文。
可以直接修改title(标题名字)、date(时间)等。description是文章概要,该项为空时hexo默认在首页会显示全部文章内容,如果文章比较长就会显的内容很乱;写让该项后hexo会显示摘要和“阅读全文”连接。

1
2
3
4
5
6
7
title: postName #文章页面上的显示名称,可以任意修改,不会出现在URL中
date: 2013-12-02 15:30:16 #文章生成时间,一般不改,当然也可以任意修改
categories: #文章分类目录,可以为空,注意:后面有个空格
tags: #文章标签,可空,多标签请用格式[tag1,tag2,tag3],注意:后面有个空格
description: #概要信息
---
这里开始使用markdown格式输入你的正文。

注意: 所有文件:后面都必须有个空格,不然会报错。

接下来,你就可以选择一款自己熟练的markdown编辑器写文章,然后把内容粘贴到paostName.md中。这里推荐一个不错的在线markdown编辑器Cmd Markdown,作业部落产品的。

这里是一个不错的hexo使用教程文章。

其他方面

草稿

草稿相当于很多博客都有的“私密文章”功能。使用如下命令创建:

1
$ hexo new draft "new draft"

会在source/_drafts目录下生成一个new-draft.md文件。但是这个文件不被显示在页面上,链接也访问不到。也就是说如果你想把某一篇文章移除显示,又不舍得删除,可以把它移动到_drafts目录之中。

如果你希望强行预览草稿,更改配置文件(_config.yml):
render_drafts: true
或者如下方式启动server:
$ hexo server --drafts

下面这条命令可以把草稿变成文章,或者页面:

1
$ hexo publish [layout] <filename>

图床

如果想在文章中显示一副图片,再考虑到博客的速度,同时也为了便于博客的迁移,那么图床是必须的。(所谓图床,就是可以保存图片,同时允许使用图片外链)现在有很多免费的图床服务器,例如:七牛、新浪微博。我的博客使用的是新浪微博作为图床,这里简单介绍一下:

  • 进入新浪微博的微相册 :http://photo.weibo.com
  • 上传图片,然后把图片拖到浏览器地址栏查看连接。新浪微博的图片会上传到ww1-ww4几台服务器上,同时会生成几张不同尺寸的图片,常用的有以下几种形式:
    1
    2
    3
    4
    http://ww1.sinaimg.cn/thumbnail/6ee58152gw1dxmhny2ga3j.jpg (缩略图)
    http://ww1.sinaimg.cn/small/6ee58152gw1dxmhny2ga3j.jpg (稍微大点的图)
    http://ww1.sinaimg.cn/bmiddle/6ee58152gw1dxmhny2ga3j.jpg (再大点的图)
    http://ww1.sinaimg.cn/large/6ee58152gw1dxmhny2ga3j.jpg(最大的)

markdown语法

下面介绍你种常用的语法,详细使用请参照后面的几个连接。

1、标题:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2、列表:
无语列表:

- 文本1
- 文本2
- 文本3

有序列表:

  1. 文本1
  2. 文本2
  3. 文本3

3、超链接:

[晓的技术博客](http://lanjingling.github.io/)

4、图片:

![](http://ww4.sinaimg.cn/bmiddle/aa397b7fjw1dzplsgpdw5j.jpg)

5、引用:
Markdown 中,你只需要在你希望引用的文字前面加上 > 就好了

6、转义:
Markdown中的转义字符为\,可以转义的有:

\\ 反斜杠
\` 反引号
\* 星号
\_ 下划线
\{} 大括号
\[] 中括号
\() 小括号
\# 井号
\+ 加号
\- 减号
\. 英文句号
\! 感叹号

此外,对于一些markdown中有意义的语法(如图片语法),要转移的化需要使用反引号“`”括起来。例如(`[晓的技术博客](http://lanjingling.github.io/)`)

在论坛上又看到了一个无敌转移方法,使用如下方式:

7、图表、流程图
这里

8、其他语法见如下连接:

  1. 简书:献给写作者的 Markdown 新手指南
  2. 官方文档(中文版):Markdown 语法说明