Jekyll - 代码块背景颜色不一致

时间:2017-09-02 15:32:23

标签: css sass jekyll minima

我有一个Jekyll网站,我使用class myThread (threading.Thread): def __init__(self, threadID, name, counter): threading.Thread.__init__(self) self.threadID = threadID self.name = name self.counter = counter def run(self): main_func(self.counter) def url_to_dict(url): hdr = { 'User-Agent': 'Chrome/60.0.3112.101 (X11; Linux x86_64) AppleWebKit/537.11 (KHTML, like Gecko) Safari/537.11 Mozilla/55.0.2', 'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8', 'Accept-Charset': 'ISO-8859-1,utf-8;q=0.7,*;q=0.3', 'Accept-Encoding': 'none', 'Accept-Language': 'en-US,en;q=0.8', 'Connection': 'keep-alive'} data2= urllib.request.Request(url,headers= {'User-Agent': 'Mozilla/5.0'}) # proxy_support = urllib.request.ProxyHandler({"http": "http://61.233.25.166:80"}) # opener = urllib2.build_opener(proxy_support) # urllib2.install_opener(opener) data = urllib.request.urlopen(url).read().decode('utf-8') json_type_string = re.findall('({.*})', data)[0] json_data = json.loads(json_type_string) total_page = json_data['data']['totalPage'] return json_data,total_page def main_func(counter): proxy_support = urllib.request.ProxyHandler({"http": "http://208.83.106.105:9999"}) opener = urllib.request.build_opener(proxy_support) urllib.request.install_opener(opener) for x in range(len(url_list)): url=url_list[x] company_name=company_list[x] total=url_to_dict(url) total_page=total[1] for y in range(int(total_page/10)): index = url.find('config[page]=') index2 = url.find('&config[reply') k = y*10 url = url[:index+13] + str(counter+k) + url[index2:] print(url) data = url_to_dict(url) parsed_data = get_data(data) add_to_mongo(parsed_data,company_name) 默认主题在bundle exec jekyll serve本地运行。

当我使用代码块时,框的背景颜色和框中文本的背景颜色不同,导致丑陋的呈现:

Minima

enter image description here

对于我在代码块开头定义的大多数语言以及未定义语言时(例如```r filter(grepl("A", Source)) %>% group_by(Source) %>% summarise(Amount = sum(Amount)) %>% mutate(Percentage = Amount / sum(Amount) * 100) ``` ```r ```python),会出现此问题,但不是``` ```shell-script}。 {1}}。

相关的_sass/minima/_base.scss部分(我认为)如下所示:

/**
 * Blockquotes
 */
blockquote {
  color: $grey-color;
  border-left: 4px solid $grey-color-light;
  padding-left: $spacing-unit / 2;
  @include relative-font-size(1.125);
  letter-spacing: -1px;
  font-style: italic;

  > :last-child {
    margin-bottom: 0;
  }
}



/**
 * Code formatting
 */
pre,
code {
  @include relative-font-size(0.9375);
  border: 1px solid $grey-color-light;
  border-radius: 3px;
  background-color: #e6e6e6;
}

code {
  padding: 1px 5px;
}

pre {
  padding: 8px 12px;
  overflow-x: auto;

  > code {
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

如何使整个代码块使用当前仅用于文本背景的灰色?

编辑:禁用rouge语法高亮显示后,代码块会正确显示,并伴有语法高亮显示。

编辑:使用github页面构建网站时也会出现此问题

0 个答案:

没有答案
相关问题