写在前面的话 :上一篇文章我们介绍了Hexo博客的界面优化,包括更换主题以及相关的主题配置,接下来我们来谈谈怎样在网站上撰写我们的第一篇博客了
一、创建文章
在站点文件夹中打开git bash,输入如下命令创建文章,其中title为文章的标题
$ hexo new "title"
此时就会在source/_post文件夹中创建了一个文件,命名为:title.md,而这个文件就是将要发布到网站上的原始文件,记录文章内容,以下我们将要在这个文件中写下我们的第一篇博客
二、编写文章(基于Markdown)
1. Markdown简介
但是在我们正式写下我们文章的第一个文字时,我们需要了解一下什么是Markdown:
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
基于markdown的简洁性,它已经成为了目前世界上最流行的用于书写博客的语言。
2. Markdown语法
在了解markdown语法之前,我们十分强烈的推荐大家一款简洁易用的markdown编辑器——Typora,按照官方的说法就是简单而强大,它不仅支持原生的markdown语法,也支持对应的快捷键,更重要的是它还可以实时预览 ,简直不要太优秀了。这里附上Typora的下载地址:https://www.typora.io/
好,下面开始进入正题,介绍一些常用的markdown语法
(1)标题
Markdown语法:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
Typora快捷键:
Ctrl+1:一级标题
Ctrl+2:二级标题
Ctrl+3:三级标题
Ctrl+4:四级标题
Ctrl+5:五级标题
Ctrl+6 :六级标题
Ctrl+0:段落
(2)粗体、斜体、删除线和下划线
Markdown语法:
*斜体*
**粗体**
***加粗斜体***
~~删除线~~
Typora快捷键:
Ctrl+I:斜体
Ctrl+B:粗体
Ctrl+U:下划线
Alt+Shift+5:删除线
(3)超链接
Markdown语法:
[链接文字](链接地址 "链接描述")
例如:[我的博客](https://forwhfang.github.io/ "我的博客")
<链接地址>
例如:<https://forwhfang.github.io>
**Typora快捷键:**Ctrl+K
(4)引用
Markdown语法:
> 文字引用
**Typora快捷键:**Ctrl+Shift+Q
(5)代码
Markdown语法:(为了方便起见,这里将使用字符a代替反引号`)
a单行代码a
aaa
多行代码s
多行代码
aaa
**Typora快捷键:**Ctrl+Shift+`
(6)分割线
Markdown语法:
---
***
(7)列表
Markdown语法:
* 列表项
- 列表项
+ 列表项
(8)表格
Markdown语法:
表头1|表头2
-|-|-
内容11|内容12
内容21|内容22
**Typora快捷键:**Ctrl+T
(9)图片
Markdown语法:
![图片文字] (图片地址 "图片描述")
例如:![示例图片] (https://www.example.com/example.PNG "示例图片")
**Typora快捷键:**Ctrl+Shift+I
说明:在Hexo中插入图片时,请按照以下步骤进行设置
(1)将站点配置文件中的post_asset_folder
选项设置成true
(2)在站点文件夹中打开git bash,输入命令npm install hexo-asset-image –save 安装插件
(3)此时使用hexo new title创建文章时,将同时在source/_post文件夹中生成一个与title同名的文件夹,我们只需将待添加的图片放进此文件夹中,然后在文章中通过Markdown语法进行引用即可
例如,在资源文件夹(就是那个与title同名的文件夹)中添加了图片example.PNG,则可以在对应的文章中使用语句![示例图片](title/example.PNG "示例图片")
添加图片
3. 文章设置
(1)模板设置
当我们使用命令 hexo new "title"
去创建我们的文章时,Hexo会根据/scaffolds/post.md文件对新建文件进行初始化(一般只是对文章的头部进行初始化),换言之,/scaffolds/post.md文件就是创建新文章的模板,所以我们修改它来进行一些优化,一个简单的示例如下:
title: {{ title }}
date: {{ date }}
tags:
categories:
(2)头部设置
在Hexo框架博客的文章开头会有对文章的说明文字,文章的头部除了可以设置文章标题、书写日期等基础信息外,还可以对文章添加标签、分类等,一个简单的示例如下
title: Title
date: YYYY-MM-DD HH:MM:SS
tags: [tag1, tag2, ...]
categories: category
注意,属性和属性值之间必须有一个空格,否则会解析错误。
(3)首页显示
在Hexo框架博客的首页会显示文章的内容(默认显示文章的全部内容),如果当文章太长的时候就会显得十分冗余,所以我们有必要对其进行精简,只需在文章中使用 <!--more-->
标志,表示只会显示标志前面的内容
三、部署发布
在站点文件夹中打开git bash,输入如下命令部署和发布文章
$ hexo g -d
建议:在使用命令hexo g部署之后,可以先使用hexo s运行本地站点,在浏览器输入地址http://lacolhost:4000/查看运行结果,检查没有错误后再使用命令hexo d发布
写在后面的话 :至此,我们的Hexo学习之旅已经全部结束了^_^ ,在旅途中,我们了解了怎么用Hexo框架去搭建一个博客网站,了解了Hexo框架的配置文件和常用命令,也对我们的网站的进行了一些界面上的优化配置,同时学习写下了我们的第一篇博客文章。当然,利用Hexo框架搭建一个博客网站之后还有其他很多很多有趣的事情等待着大家一起去探索呢,让我们的旅行持续下去吧!