首页 > 其他 > 详细

Hexo-NexT主题自定义主页配置方法

时间:2021-04-22 09:17:15      阅读:22      评论:0      收藏:0      [点我收藏+]

问题

在使用Hexo的Next主题时,默认主页是数篇博客的摘要。想要修改主页的内容(例如给出网站的介绍等),需要进行自定义配置。

步骤

  1. 在根目录的source目录下,新建一个index.md文档

    在根目录的source目录下,新建一个名为index.md文档,这个source目录下的index.md文档即是我们自定义的主页。在文档中做出的任何修改均会体现在自定义主页中。

    技术分享图片技术分享图片

  2. 修改根目录下的_config.yml文件的index_generator

    打开根目录下的_config.yml文件,将index_generator项下的path项的值修改为一个无效值,例如:我将这一项修改为了default-index。目的是使Hexo框架的默认主页指向一个无效值。

    技术分享图片技术分享图片

  3. 修改NexT主题的配置文件(themes/next/_config.yml文件)的Home菜单指向的链接

    打开themes/next/目录下的_config.yml文件,将menu项下的home项的值修改为/ || fa fa-home。使得点击页面中的Home菜单时,可以返回自定义主页。

    技术分享图片技术分享图片

解释

source目录下新建的index.md文档将作为自定义的主页,因此,我们需要屏蔽掉系统默认的主页。屏蔽掉系统默认的主页的方法是修改_config.yml配置文件的index_generator项。

后注

进行上述配置需要的先导知识有:Markdown的基本语法,Hexo博客的搭建和部署,NexT主题的下载和使用,Hexo新建文章的基本命令。

作者: 法华寺中班小屁孩 @ 知乎

知乎主页: 法华寺中班小屁孩 - 知乎

文章:Hexo-NexT主题自定义主页配置方法 - 知乎

在使用Hexo的Next主题时,默认主页是数篇博客的摘要。想要修改主页的内容(例如给出网站的介绍等),需要进行自定义配置……

StupidPanther / 法华寺中班小屁孩 @ 知乎 / 法华寺中班小屁孩 @ 博客园 / StupidPanther @ 思否 是同一作者,他人请勿转载

Hexo-NexT主题自定义主页配置方法

原文:https://www.cnblogs.com/stupidpanther/p/14687450.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!