hexo2--开始一篇博文

2017-11-24 本文已影响0人 pigpi

title: hexo2--开始一篇博文
date: 2017-10-24 13:13:08
categories: hexo建博
tags: hexo
copyright: true
photos:

https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493223838128&di=c9a4b5d92b7ab41789dbde3069dbaf3a&imgtype=0&src=http%3A%2F%2Fpic4.zhimg.com%2Fd4c1239e75c02e8482c22017a6c8d407_r.jpg
keywords: github pages hexo 博客
comments: ture

新建博文步骤

新建文章，hexo new "文章名称"，文章会生成在./source/_posts文件夹中
采用可视化的markdown编辑器编写文章
生成并且部署 hexo d -g

markdown编辑器

我使用过两款编辑器markdownpad 和 typora ，目前在使用后者。

这两种工具我用的都挺顺的，前者是传统的左边写作右边预览的布局，上手非常容易，缺点是界面太朴实并且要付费，给个激活帐户，也是网上找的。

邮箱地址：Soar360@live.com

密钥： GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bnxn2kSE8qHqNY5QaaRxmO3YSMHxlv2EYpjdwLcPwfeTG7kUdnhKE0vVy4RidP6Y2wZ0q74f47fzsZo45JE2hfQBFi2O9Jldjp1mW8HUpTtLA2a5/sQytXJUQl/QKO0jUQY4pa5CCx20sV1ClOTZtAGngSOJtIOFXK599sBr5aIEFyH0K7H4BoNMiiDMnxt1rD8Vb/ikJdhGMMQr0R4B+L3nWU97eaVPTRKfWGDE8/eAgKzpGwrQQoDh+nzX1xoVQ8NAuH+s4UcSeQ==

后者呢是直接所见即所得的方式，初上手的时候比较不适应，因为看不见markdown原文，对语法熟悉以后会比较快。

选好markdown编辑器后尽量始终使用一种，因为不同的编辑器对于markdown的语法识别有差别，我就吃过亏，导致所有博客格式乱了。

头部认知

每一篇文章都需要设定头部，

---
title: postName #文章页面上的显示名称，可以任意修改，不会出现在URL中
date: 2013-12-02 15:30:16 #文章生成时间，一般不改，当然也可以任意修改
categories: #文章分类目录，可以为空，注意:后面有个空格
tags: #文章标签，可空，多标签请用格式[tag1,tag2,tag3]，注意:后面有个空格
---

除了上述常用属性外，还可以设定：

description

description: 你对本页的描述

photos

photos:
- http://image1.jpg
- http://image2.jpg

本篇文章第一张图就是这么设置的。

关于文章摘要

默认在首页会显示全文，这样较长的文章会导致首页下拉太长，可以如下设置：

摘要
<!--more-->
下文

如此在首页就显示more上面的内容，剩下的需要点击“阅读全文”。

关于图片

既然是博客，免不了接触最多的就是文字和图片，关于图片有两种方式，一种是把图片放在网络上，获得地址，比如图床，一些能够生成链接的在线存储；另外一种就是使用本地图片的方式。

图床

图床推荐七牛，当然也有其他一些，比如：极简图床、 FarBox、Dropbox、又拍云等等。

本地图片

更改博客目录下_config.yml文件，设置post_asset_folder: true，

安装插件

npm install hexo-asset-image --save

重新生成博客

hexo clean
hexo g

这时候使用创建文章的命令，除了生成md文件外，还会生成一个同名文件夹，需要用到的图片就放在这里，在博客中直接/you_folder_name/you_image_name引用就可以了。我目前就使用这种方式，很方便。