GitHub页面在升级到Jekyll 3后突出显示语法突出显示

时间:2016-02-10 18:38:19

标签: jekyll github-pages rouge

我在我的个人网站上使用Github Pages。他们正在从Jekyll 2升级到Jekyll 3并发送弃用警告。我遵守了他们的警告并从redcarpet切换到kramdown,从pygments切换到rouge。当我在本地构建时(使用bundle exec jekyll serve)一切正常。但是,当我推动更改时,语法突出显示会在我的代码块中linenos处被破坏。

这是代码块:

{% highlight python linenos %}
'''
scrape lyrics from vagalume.com.br
(author: thiagomarzagao.com)
'''

import json
import time
import pickle
import requests
from bs4 import BeautifulSoup

# get each genre's URL
basepath = 'http://www.vagalume.com.br'
r = requests.get(basepath + '/browse/style/')
soup = BeautifulSoup(r.text)
genres = [u'Rock']
          u'Ax\u00E9',
          u'Forr\u00F3',
          u'Pagode',
          u'Samba',
          u'Sertanejo',
          u'MPB',
          u'Rap']
genre_urls = {}
for genre in genres:
    genre_urls[genre] = soup.find('a', class_ = 'eA', text = genre).get('href')

# get each artist's URL, per genre
artist_urls = {e: [] for e in genres}
for genre in genres:
    r = requests.get(basepath + genre_urls[genre])
    soup = BeautifulSoup(r.text)
    counter = 0
    for artist in soup.find_all('a', class_ = 'top'):
        counter += 1
        print 'artist {} \r'.format(counter)
        artist_urls[genre].append(basepath + artist.get('href'))
    time.sleep(2) # don't reduce the 2-second wait (here or below) or you get errors

# get each lyrics, per genre
api = 'http://api.vagalume.com.br/search.php?musid='
genre_lyrics = {e: {} for e in genres}
for genre in artist_urls:
    print len(artist_urls[genre])
    counter = 0
    artist1 = None
    for url in artist_urls[genre]:
        success = False
        while not success: # foor loop in case your connection flickers
            try:
                r = requests.get(url)
                success = True
            except:
                time.sleep(2)
        soup = BeautifulSoup(r.text)
        hrefs = soup.find_all('a')
        for href in hrefs:
            if href.has_attr('data-song'):
                song_id = href['data-song']
                print song_id
                time.sleep(2)
                success = False
                while not success:
                    try:
                        song_metadata = requests.get(api + song_id).json()
                        success = True
                    except:
                        time.sleep(2)
                if 'mus' in song_metadata:
                    if 'lang' in song_metadata['mus'][0]: # discard if no language info
                        language = song_metadata['mus'][0]['lang']
                        if language == 1: # discard if language != Portuguese
                            if 'text' in song_metadata['mus'][0]: # discard if no lyrics
                                artist2 = song_metadata['art']['name']
                                if artist2 != artist1:
                                    if counter > 0:
                                        print artist1.encode('utf-8') # change as needed
                                        genre_lyrics[genre][artist1] = artist_lyrics
                                    artist1 = artist2
                                    artist_lyrics = []
                                lyrics = song_metadata['mus'][0]['text']
                                artist_lyrics.append(lyrics)
                                counter += 1
                                print 'lyrics {} \r'.format(counter)

    # serialize
    with open(genre + '.json', mode = 'wb') as fbuffer:
        json.dump(genre_lyrics[genre], fbuffer)
{% endhighlight %}

这是我在当地看到的:

enter image description here

这是我在Github Pages上看到的:

enter image description here

(没有linenos语法突出显示正常。)

可能会发生什么?

1 个答案:

答案 0 :(得分:1)

我想我明白了!

您的代码块似乎没问题。没问题。

确保您已将此添加到_config.yml

highlighter: rouge
markdown: kramdown
kramdown:
  input: GFM

可能你错过的是kramdown input: GFM,不是吗?

好吧,我在当地测试并且工作正常。当uploaded to GitHub时,工作正常。也应该适合你。

让我知道它是怎么回事,好吗? :)

UPDATE!

将其添加到样式表并检查其样式:

.lineno { width: 35px; }

看起来你的CSS样式正在破坏布局!继续调整你的CSS,你会好起来的!