Refrence

https://zhuanlan.zhihu.com/p/366761432


问题

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

步骤

  1. 在根目录的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主题自定义主页配置方法相关推荐

  1. hexo博客matery主题的个性化配置

    文章目录 一.matery主题的下载与安装 二.基本配置 1.根目录下的 `_config.yml` 1.1. title 1.2. deploy与theme 2.themes目录下的`_config ...

  2. Hexo博客Ayer主题自定义配置

    Ayer主题,下面是我的部分配置,可以参考,希望能帮到你

  3. hexo博客kaze主题自定义社交链接

    主题自带的icon图标 # 社交链接 about:description: descriptionsocial_links:- { icon: icon-sina, link: https://wei ...

  4. hexo博客yilia主题 如何自定义个人博客的背景图片

    hexo博客yilia主题 博客背景的设置 个人博客系列文章目录 hexo博客yilia主题 所有文章模块缺失最新解决方案 hexo+yilia博客报错post.categories forEach ...

  5. hexo博客yilia-plus主题更换Beaudar评论插件

    文章目录 hexo博客yilia-plus主题更换Beaudar评论插件 一.安装Beaudar app. 二.添加到主题中 1.直接拉取仓库到本地. 2. 自己进行配置 三. 一些问题 hexo博客 ...

  6. hexo博客yilia主题_缺失模块_解决方案

    hexo博客yilia主题,左侧栏目有一个全部文章的按钮,刚开始开始报错缺失模块,如下图: 我解决了这个问题着实不容易饶了弯路,但是跟着提示步骤,其实很简单,走起: 1.查看node版本 win键+R ...

  7. hexo博客next主题添加对数学公式的支持

    hexo博客默认为markdown格式,但是新搭建的hexo博客不支持公式渲染,下面介绍hexo博客next主题下添加对数学公式支持的方法. 环境说明: hexo版本:5.4.1 next版本: 最新 ...

  8. hexo 博客next主题集成gitment或者gitalk评论系统

    原文链接hexo 博客next主题集成gitment或者gitalk评论系统 前言 之前使用多说,多说挂了,用网易跟帖代替,网易跟帖又没了.前段时间用来必力,感觉还行,但总归不踏实.后面发现有gitm ...

  9. hexo博客 Maupassant主题 添加萌妹纸、萌宠

    给hexo博客养一个 萌妹子或者萌宠,也是偶然之间发现可以添加可爱的妹纸或者是萌宠,发现挺好玩的,而且作者提供了很多模型供你选择,没事的时候还可以逗一逗 ? 文章目录 本博文的简述or解决问题? 获取 ...

  10. Github pages + Hexo 博客 yilia 主题使用畅言评论系统

    文章首发地址:http://www.54tianzhisheng.cn/2017/04/13/Hexo-yilia-changyan/ , 转载请注明出处. 前言 Hexo的Yilia主题由于原来使用 ...

最新文章

  1. 90行代码!大一学生自学编程,自创搜题网站,已在GitHub开源
  2. websocket并发性测试
  3. [译]ava 设计模式之享元
  4. .NET 项目 在 Visual Studio 各种版本间的转换
  5. 如何在 C# 8 中使用 Index 和 Range
  6. matlab将满足某一条件的矩阵元素置零
  7. Tecplot如何提取某点数据并导出
  8. XML基本概念及增删改查操作
  9. Mysql之inner join,left join,right join详解
  10. ArcGIS Server 开发系列(一)--编程框架总览
  11. 项目疑难杂症记录(五):fragment生命周期都回调了,却不见其页面展示
  12. 浙大PAT甲级1019. General Palindromic Number (20)
  13. set 和 vector的简单比较
  14. JAVA-WEB-错误之-'OPTION SQL_SELECT_LIMIT=DEFAULT'
  15. table函数--Matplotlib
  16. IT行业职位分为六大类
  17. steer clear of用法
  18. 如何用迅捷PDF转换器获取PDF文件中的图片
  19. 动态生成多条插入语句 存入文本文档中
  20. 怎么把图片中的文字转换成word

热门文章

  1. HTML自动弹出窗口代码
  2. 计算机课flash课件,flash课件在计算机教学过程中的应用
  3. linux虚拟磁带机管理,RHEL6 虚拟磁带机使用指南
  4. 第21课: JSP语句 if判断语句 (JSP教程 JSP入门实战教程 黄菊华Java网站开发系列教程)
  5. 从已知身份证号码中提取生日和性别
  6. 【亲测可行】SVN的添加忽略
  7. Gazebo学习笔记4:模型编辑器
  8. 韩语在线翻译图片识别_3个OCR文字识别工具,最后一个许多人都不知道!
  9. rest_framework学习之序列化(Serializer)
  10. 谷歌浏览器如何安装seleiumIDE插件