Hexo themes implement multi-level classification display and hexo themes
Preface
Recently, I was engaged in a blog hosted on github and gitcafe, which was generated using Hexo.
Then, a problem is found, and the classification displayed is level-1. What I want is: DisplayMultilevel Classification
.
Problem
The classification display of a basic topic is level-1. How do I display multiple levels?
Solution
So, after studying it, I found the ideal method as follows:
Example
Note: I use the jacman topic. This topic is used as an example.
Findsource/css/_partial/aside.styl
File, others may besource/css/_partial/sidebar.styl
. It can be displayed on the page.
Add a new style as follows:
//categories.category-block>ul>li border-bottom 1px solid #ccc.category-block li margin-bottom 8px.category-list @media mini width 45% float left margin 0 5% 0 0 @media tablet width 100% float none margin .5em 0 0 .categoriy-list-item padding .5em 5% .category-list-count top -.5em padding-left .3em font-size 75% line-height 0 position relative vertical-align baseline ul, ol, dl list-style none ul, ol, dl background-color #f9f9fa margin-left 20px li border-bottom 1px dashed #ccc .category-list-child border-top 1px dashed #ccc margin-bottom 8px
You can modify different styles.
From: http://git.seay.me