Hexo博客默认主题的修改与美化2

文章目录

1. 1. 编辑Hexo博客侧边栏与底边栏
   1. 1.1. 编辑默认主题的菜单栏
   2. 1.2. 给默认主题分类栏添加QQ空间Link友链
   3. 1.3. 编辑标签栏使文章归类
   4. 1.4. 编辑底边栏中的内容和链接

编辑Hexo博客侧边栏与底边栏

本文将详述如何修改菜单栏、分类栏、标签栏和底边栏，以达到美化博客的效果。

编辑默认主题的菜单栏

菜单栏在页面之顶，编辑blog\themes\landscape\_config.yml文件，设置其menu：后的标识符，且创建相应的Page文件即可，（快速创建菜单文件可以使用Hexo Admin插件）即使用游览器访问[http://localhost:4000/admin/#/pages](http://localhost:4000/admin/#/pages)即可添加菜单栏。

给默认主题分类栏添加QQ空间Link友链

分类栏在页面之侧，编辑blog\themes\landscape\_config.yml文件，设置其Sidebar的功能。其中sidebar: right 即将分类栏放在右侧，其widgets:之后设置添加分类的标识符。如下设置：

widgets:
- category
- archive
- recent_posts
- tag
- tagcloud
- link

如上添加了link分类，但需要创建blog\themes\landscape\layout\_widget\link.ejs 文件，编辑如下内容以便引用：

<div class="widget-wrap">
 <h3 class="widget-title">LINKS</h3>
 <div class="widget">
  <ul class="entry">
 <li><a href="https://XXX" title="我的QQ空间">QQ空间</a>：Do what we want</li>
 </ul>
 </div>
</div>

在 href=”https://XXX“ 中将XXX更改为自己的QQ空间地址即可。

编辑标签栏使文章归类

标签栏在分类栏**Categories** 之中。编辑blog\_config.yml，设置其中# Category & Tag之后的标识符，如下：

default_category: default
category_map:
  默认分类: default
  日志: Log
  教程: Tutorial
  编程: Programming
  DIY: Doityouself

设置好后，须在每一篇文章的首部标识其所属的标签，方可指向标签栏，至少有一篇文章包含设置的标签，方可显示在标签栏中。
    编辑首部如下：

title: 日志一
author: DSL
date: 2019-07-16 12:33:39
categories: 日志
tags:

其中categories: 之后即为所属标签，产生的效果即在标签栏中显示有 日志 并指向含有 日志一 的归类网页。

编辑底边栏中的内容和链接

底边栏在页面之底，修改blog\_config.yml中的作者和blog\themes\landscape\layout\_partial\footer.ejs中

href="https://scholargeek.github.io/" target="_blank">DSL</a>

的代码即可。

---

版权声明

Scholar’s Blog by scholargeek is licensed under a Creative Commons BY-NC-ND 4.0 International License.
由董仕麟创作并维护的scholargeek博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证。

本文首发于Scholar’s Blog博客，版权所有，侵权必究。

本文永久链接：https://scholargeek.github.io/2019/07/16/Hexo%E5%8D%9A%E5%AE%A2%E9%BB%98%E8%AE%A4%E4%B8%BB%E9%A2%98%E7%9A%84%E4%BF%AE%E6%94%B9%E4%B8%8E%E7%BE%8E%E5%8C%962/