hexo博客4:发布文章

简介: hexo博客4:发布文章

一、增加文章

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

这个很简单,只需要调用 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

目录
相关文章
|
5月前
|
前端开发 算法 JavaScript
hexo博客3:主题选择
hexo博客3:主题选择
80 0
|
7月前
|
Web App开发 域名解析 JavaScript
3分钟搭建个人Hexo博客
从账号的创建到一键部署,手把手教你零基础创建个人博客,后续可以继续根据网上的教程来修改代码对博客进行定制化的美化。
61 1
YI
|
9月前
|
Shell 开发工具 数据安全/隐私保护
Hexo博客搭建2
上一篇介绍了博客的本地环境搭建,但这只能本地访问自己的博客。如果想让自己的博客被互联网上的其他人访问,我们还需要将博客项目进行线上部署。本文我将介绍将博客部署到github上的方法。
YI
47 0
YI
|
9月前
|
JavaScript Shell Linux
Hexo博客搭建1
暑假在家学习时,突然感觉学过的知识忘记的很快,所以决定搭建个人博客来记录学习过程。经过前期了解后,决定采用Hexo框架来搭建个人博客。本文将记录博客搭建过程。
YI
73 0
YI
|
9月前
|
Shell
Hexo博客搭建3
之前的文章介绍了博客的本地搭建和线上部署。因为hexo的内置主题不够好看,所以我们可以选择加载其他主题来美化我们的博客页面。本文我将介绍基于hexo框架搭建的博客如何修改主题。
YI
46 0
|
10月前
|
JavaScript 搜索推荐 程序员
使用Hexo 搭建你的技术博客
使用Hexo 搭建你的技术博客
121 0
|
10月前
|
域名解析 JavaScript Linux
关于Hexo博客
关于Hexo博客
96 0
|
JavaScript Shell Linux
使用Hexo搭建自己的博客
之前一直在用typecho来做自己的博客,因为他操作比较简单,但是前几日修改一些配置的时候,看着满屏的php代码实在有些头疼,在朋友的推荐下,我成功的入坑了hexo,下面分享一些自己搭建博客的过程,尽量让读者避开一些坑。
|
JavaScript 安全 应用服务中间件
|
Linux 前端开发