修改Markdown语法样式

在next主题github上找到了相关答案,

C:\hexo\themes\next\source\css\_common\components\highlighthightlight.styl文件中

1
2
3
4
5
6
7
8
9
//code 标签的样式定义在 highlight.css 中:
code {
padding: 4px 8px;
word-wrap: break-word;
color: $foreground-code;
background: $background-code;
border-radius: $code-border-radius;
font-size: $code-font-size;
}

1
2
3
4
5
6
7
8
9
10
11
.highlight {
//@extend $code-block;
//代码块的存放区域
overflow: auto;
margin: 20px 0;
padding: 0;
font-size: $code-font-size;
color: $highlight-foreground;
background: $highlight-background;
line-height: $line-height-code-block;
border-radius: 1px

C:\hexo\themes\next\source\css\_common\components\highlighttheme.styl文件中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
if $highlight_theme == "normal" 
$background-code = #f6f4f4 //code bg color
$highlight-background = #f7f7f7
$highlight-current-line = #efefef
$highlight-selection = #d6d6d6
$highlight-foreground = #4d4d4c
$foreground-code = #ff0000 //code foreground color
$highlight-comment = #8e908c
$highlight-red = #c82829
$highlight-orange = #f5871f
$highlight-yellow = #eab700
$highlight-green = #718c00
$highlight-aqua = #3e999f
$highlight-blue = #4271ae
$highlight-purple = #8959a8
$highlight-book = #f7f2f2 //新增的文本背景色,用于四个空格
$highlight-gutter = {
color: #869194,
bg-color: #eff2f3
}

code即markdown语法中的两个’ ` ‘

本文标题:修改Markdown语法样式

文章作者:定。

发布时间:2016年11月15日 - 19时11分

本文字数:1,059字

原始链接:http://cocofe.cn/2016/11/15/修改markdown语法样式/

许可协议: Attribution-NonCommercial 4.0

转载请保留以上信息。