【Hexo实战】创建网站第一篇博客

Hexo和NexT都介绍完了,现在就到了童鞋最关心的时刻了,我们如何编写文章,如果同步到我们的网站上面去呢?别着急,今天就给大家揭晓答案~

首先我们来看一下官网的定义

1
$ hexo new [layout] <title>

您可以在命令中指定文章的布局(layout),默认为 post,可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局。

官网上面说的比较绕口,其实我们一般常用的就两种,一个hexo new title,在默认文件夹下面创建md格式文件,还有就是通过hexo new page dir创建目录

下面我给大家举几个例子,大家就明白了,首先我们创建一个名字为java从入门到精通的文件。

这边我们输入如下命令:

1
hexo new java从入门到精通

image

打开blog\source_posts目录,我们可以看到,java从入门到精通文件已经创建好了。

image

此时我们刷新一下应用(127.0.0.1:4000),就可以看到刚才我们添加的文件了。

image

那文件的内容我们该怎么编写呢??这个其实就更简单了,打开我们刚才创建的Java从入门到精通,编写我们的内容就可以了。

文章内容如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
---
title: java从入门到精通
date: 2019-04-16 14:45:38
tags:
- springboot
- java
categories:
- 技术
---
字段解释:
这边title指的是文章的标题。
data指的是文章的创建时间,文章的排序规则也是根据这个字段来的,时间越后,排序越靠前。
tags指的是这个文章所对应的标签。
categories指的是文章所对应的分类。

好了我们重启一下应用,看看是否同步到网站上面去了。

image

可以看到内容已经成功同步上去了。

其实实际写文章的时候一般不会通过命令来操作,而是直接在文件夹下面新建一篇文章或者通过其它文本编译器写好之后复制过去即可。

上一节我们添加了很多菜单tab,有去点击的童鞋可能会发现,有些页面点击会报404错误。

image

这个说明对应的页面不存在,这个时候我们该怎么办呢?别着急,我们可以通过hexo new page dir来创建对应的文件夹,接 下来我们来实际操作一把。

输入创建页面命令:

image

进入文章目录,我们可以看到在source目录下面,已经成功创建完毕。

image

接下来我们重启一下应用,看看是否更新成功。

image

我们可以看到已经成功的跳转过去了,不再是404错误了。

我如果想看所有文章的标签信息呢,通过标签查找对应的文章呢,这个该如何实现呢?其实很简单,就几句代码就ok了。

在tags中index.md中加入如下命令即可:

1
2
3
4
5
---
title: 文章标签
date: 2019-04-12 14:30:36
type: "tags"
---

重启一下应用,我们就可以看到标签页面已经和以往不一样了。

image

只要点击对应的标签就可以跳转到绑定该标签的文章列表了,是不是超级简单。

image

林老师带你学编程https://wolzq.com

林老师带你学编程 wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!