我是靠谱客的博主 腼腆紫菜,最近开发中收集的这篇文章主要介绍hexo博客4:发布文章一、增加文章二、个性化设置三、其他四、参考,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

hexo博客4:发布文章

  • 一、增加文章
    • 1.1 开头添加必要信息
    • 1.2 摘要
  • 二、个性化设置
    • 2.1 标签页
    • 2.2 分类页
    • 2.3 搜索页
    • 2.4 404 页面
  • 三、其他
  • 四、参考

一、增加文章

现在整个站点只有一篇文章,那么怎样来增加其他的文章呢?

这个很简单,只需要调用 Hexo 提供的命令即可,比如我们要新建一篇「HelloWorld」的文章,命令如下:

hexo new hello-world

创建的文章会出现在 source/_posts 文件夹下,是 MarkDown 格式。

1.1 开头添加必要信息

在文章开头通过如下格式添加必要信息:

---	
title: 标题 # 自动创建,如 hello-world	
date: 日期 # 自动创建,如 2019-09-22 01:47:21	
tags: 	
- 标签1	
- 标签2	
- 标签3	
categories:	
- 分类1	
- 分类2	
---

开头下方撰写正文,MarkDown 格式书写即可。这样在下次编译的时候就会自动识别标题、时间、类别等等。

1.2 摘要

Hexo设置简要摘要,在文章内容中插入一行即可。

 <!-- more -->

该标签之上的文本为摘要,需点击阅读全文才能查看剩余的内容。

另外,也可以在_config.yml配置文件中设置每页显示多少篇文章。
在这里插入图片描述

二、个性化设置

另外还有其他的一些参数设置,可以参考文档:https://hexo.io/zh-cn/docs/writing.html。

2.1 标签页

现在我们的博客只有首页、文章页,如果我们想要增加标签页,可以自行添加,这里 Hexo 也给我们提供了这个功能,在根目录执行命令如下:

hexo new page tags

执行这个命令之后会自动帮我们生成一个 source/tags/index.md 文件,内容是这样的:

---	
title: tags	
date: 2019-09-26 16:44:17	
---

可以自行添加一个 type 字段来指定页面的类型:

type: tags	
comments: false

然后再在主题的 _config.yml 文件将这个页面的链接添加到主菜单里面,修改 menu 字段如下:

menu:	
  home: / || home	
  #about: /about/ || user	
  tags: /tags/ || tags	
  #categories: /categories/ || th	
  archives: /archives/ || archive	
  #schedule: /schedule/ || calendar	
  #sitemap: /sitemap.xml || sitemap	
  #commonweal: /404/ || heartbeat

这样重新本地启动看下页面状态,可以看到左侧导航也出现了标签,点击之后右侧会显示标签的列表。

2.2 分类页

分类功能和标签类似,一个文章可以对应某个分类,如果要增加分类页面可以使用如下命令创建:

hexo new page categories

然后同样地,会生成一个 source/categories/index.md 文件。

我们可以自行添加一个 type 字段来指定页面的类型:

type: categories	
comments: false

然后再在主题的 _config.yml 文件将这个页面的链接添加到主菜单里面,修改 menu 字段如下:

menu:	
  home: / || home	
  #about: /about/ || user	
  tags: /tags/ || tags	
  categories: /categories/ || th	
  archives: /archives/ || archive	
  #schedule: /schedule/ || calendar	
  #sitemap: /sitemap.xml || sitemap	
  #commonweal: /404/ || heartbeat

这样页面就会增加分类的支持。

2.3 搜索页

很多情况下我们需要搜索全站的内容,所以一个搜索功能的支持也是很有必要的。

如果要添加搜索的支持,需要先安装一个插件,叫做 hexo-generator-searchdb,命令如下:

npm install hexo-generator-searchdb --save

然后在项目的 _config.yml 里面添加搜索设置如下:

search:	
  path: search.xml	
  field: post	
  format: html	
  limit: 10000

然后在主题的 _config.yml 里面修改如下:

# Local search	
# Dependencies: https://github.com/wzpan/hexo-generator-search	
local_search:	
  enable: true	
  # If auto, trigger search by changing input.	
  # If manual, trigger search by pressing enter key or search button.	
  trigger: auto	
  # Show top n results per article, show all results by setting to -1	
  top_n_per_article: 5	
  # Unescape html strings to the readable one.	
  unescape: false	
  # Preload the search data when the page loads.	
  preload: false

这里用的是 Local Search,如果想启用其他是 Search Service 的话可以参考官方文档:https://theme-next.org/docs/third-party-services/search-services。

2.4 404 页面

另外还需要添加一个 404 页面,直接在根目录 source 文件夹新建一个 404.md 文件即可,内容可以仿照如下:

---	
title: 404 Not Found	
date: 2019-09-22 10:41:27	
---	
 
	
<center>	
对不起,您所访问的页面不存在或者已删除。	
您可以<a href="https://blog.nightteam.cn>">点击此处</a>返回首页。	
</center>	
 
	
<blockquote class="blockquote-center">	
    NightTeam	
</blockquote>

这里面的一些相关信息和链接可以替换成自己的。

增加了这个 404 页面之后就可以。

三、其他

完成了上面的配置基本就完成了大半了,其实 Hexo 还有很多很多功能,这里就介绍不过来了,大家可以直接参考官方文档:https://hexo.io/zh-cn/docs/ 查看更多的配置。

四、参考

https://cuiqingcai.com/7625.html
https://blog.csdn.net/dta0502/article/details/84387959

最后

以上就是腼腆紫菜为你收集整理的hexo博客4:发布文章一、增加文章二、个性化设置三、其他四、参考的全部内容,希望文章能够帮你解决hexo博客4:发布文章一、增加文章二、个性化设置三、其他四、参考所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(52)

评论列表共有 0 条评论

立即
投稿
返回
顶部