aleks/hexo-theme-ayer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: Categories,Tags

Browse Source
This commit is contained in:
shenyu 2020-01-13 20:58:07 +08:00
parent 54216601f2
commit 77ecc930bd
5 changed files with 61 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
README.md
View File

@ -220,6 +220,21 @@ pageFooter: true
$ npm uninstall hexo-generator-index --save $ npm uninstall hexo-generator-index --save
$ npm install hexo-generator-index-pin-top --save $ npm install hexo-generator-index-pin-top --save
``` ```
### Categories
``` bash
hexo new page categories
```
Then paste following codes to file: _posts/categories/index.md
``` md
---
title: categories
type: categories
layout: "categories"
---
```
### Tags
Same as categories.
### Post poster ### Post poster

2
source/css/_partial/archive.styl
View File

@ -46,7 +46,7 @@
padding-left 3rem padding-left 3rem
.archive-article-title .archive-article-title
text-decoration: none text-decoration: none
font-size 1.5rem font-size 1.8rem
.archive-article-footer .archive-article-footer
margin-top: 1.5rem margin-top: 1.5rem

4
source/css/_partial/article.styl
View File

@ -32,7 +32,7 @@
@extend $block-caption @extend $block-caption
&::before &::before
content '\eaf2' content '\eaf2'
margin-right .5rem margin-right .15rem
font-family remixicon font-family remixicon
opacity .5 opacity .5
@ -42,7 +42,7 @@
&:before &:before
content "\efde" content "\efde"
font-family remixicon font-family remixicon
margin-right .5rem margin-right .15rem
opacity 0.6 opacity 0.6
.article-category-link .article-category-link
@extend $block-caption @extend $block-caption

32
source/css/_partial/categories.styl
View File

@ -4,10 +4,36 @@
list-unstyled() list-unstyled()
margin-right -.5rem margin-right -.5rem
margin-left -.5rem margin-left -.5rem
> .category-list-item .category-list-item
display inline-block margin: 10px 10px;
padding .5rem 1rem padding: 0 14px;
display: inline-block;
text-align: center;
height: 38px;
min-width: 80px;
line-height: 38px;
font-size: 1.5rem;
font-weight: 500;
border-radius: 5px;
word-wrap: break-word;
cursor: pointer;
box-shadow: 0 3px 5px rgba(0, 0, 0, .12);
background-color: water
&:before &:before
content "\efde" content "\efde"
font-family remixicon font-family remixicon
margin-right .5rem margin-right .5rem
display inline-block
vertical-align middle
&:hover
background: linear-gradient(to right, link-hover-color 0%, link-active-color 100%) !important;
a
color: #fff
&:before
color: #fff
a
display inline-block
vertical-align middle
text-decoration: none
color: body-color

12
source/css/_partial/tag.styl
View File

@ -12,3 +12,15 @@
content "\eec3" content "\eec3"
font-family remixicon font-family remixicon
margin-right .5rem margin-right .5rem
display inline-block
vertical-align middle
color: tag-color
.tag-list-link
text-decoration: none
height 30px
line-height 30px
padding: 5px 15px
font-size: 1.5rem
border-radius: 15px
background-color tag-color
color white