上文介绍了如何配置个性化的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 | title: postName #文章页面上的显示名称,可以任意修改,不会出现在URL中 |
注意: 所有文件:后面都必须有个空格,不然会报错。
接下来,你就可以选择一款自己熟练的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
4http://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
- 文本2
- 文本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、其他语法见如下连接: