Подсветка синтаксиса искажения страниц GitHub после обновления до Jekyll 3

Question

Я использую Github Pages для своего личного сайта. Они переходят с Jekyll 2 на Jekyll 3 и отправляют предупреждения об устаревании. Я выполнил их предупреждения и переключился с красного ковра на крамдаун и с кусков на румяна. Когда я строю локально (с 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 %}

Вот что я вижу на месте:

Вот что я вижу на страницах Github:

(Без linenos Подсветка синтаксиса работает отлично.)

Что может происходить?

Answer 1

Я думаю, я понял!

Ваш блок кода, кажется, в порядке. Нет проблем там.

Убедитесь, что вы добавили это в свой _config.yml:

highlighter: rouge
markdown: kramdown
kramdown:
  input: GFM

Вероятно, что вы упускаете kramdown input: GFMне так ли?

Ну, я проверил на месте и работал нормально. При загрузке на GitHub тоже работал нормально. Должен работать на вас тоже.

Дайте мне знать, как оно идет, хорошо?:)

---

ОБНОВИТЬ!

Добавьте это в свою таблицу стилей и проверьте, как она работает:

.lineno { width: 35px; }

Похоже, что-то в ваших стилях CSS нарушает макет! Продолжайте настраивать свой CSS, и все будет хорошо!