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引用就可以了。我目前就使用这种方式,很方便。
网友评论