maupassant主题的引用问题
Maupassant是我很喜欢的一款hexo的主题,简约素雅。但是,原版本上还是有些不符合我口味的地方。例如,索引的问题。markdown原有的索引,是左边的竖杠,而Maupassant 却是一个大引号,看着还不得劲啊。所以参考着试着修改了样式。
修改方法
由于原Maupassant·的索引样式就是引号。所以需要修改主题的css样式。
css文件放在【maupassant】-【source】-【css】下的style.scss文件下。
原来的索引样式:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | blockquote,.stressed { -moz-box-sizing: border-box; box-sizing: border-box; margin: 2.5em 0; padding: 0 0 0 50px; color: #555; border-left: none; } blockquote:before,.stressed-quote:before { content: "\201C"; display: block; font-family: times; font-style: normal; font-size: 48px; color: #444; font-weight: bold; line-height: 30px; margin-left: -50px; position: absolute; } |
修改后的:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | blockquote, .stressed { border-left: 5px solid #2B4DD5; padding: 0 15px; color: #33CC70; margin-left: 5px; margin-right: 15px; font-family: times; font-style: normal; font-weight: bold; line-height: 30px; font-size: 16px; } blockquote, .stressed-quote > :first-child { margin-top: 0; } blockquote, .stressed-quote > :last-child { margin-bottom: 0; } |
这就是修改后的索引效果。
虽然整体配色还不是太满意,不过总算回到了markdown的索引。
参考
[1] 修改hexo的索引