Gibt es überhaupt in Jekyll vertikale Scrollbalken für wirklich langen Code? Ich habe versucht, ein Attribut Höhe in _syntax.scss hinzuzufügen, aber ohne Glück. Die Syntax-Highlighter Ich verwende ist rouge und das Thema ich benutze hier: https://github.com/mmistakes/hpstr-jekyll-themeVertikale Scrollbars in Jekyll Rouge
2
A
Antwort
1
Ja, stellen Sie sicher, dass Sie diese CSS zu Ihrem Thema hinzufügen:
pre.highlight {
max-height: 200px; /* Change to your desired max height */
overflow-y: scroll;
}
aktualisieren. die OP-URL ist hier mit Hilfe des mitgelieferten, was ich tat:
Lookp wo die Klasse Highlight definiert ist, und fügen Sie diese bis zum Ende seiner Erklärung:
.highlight {
[...]
border: 1px solid #dbdbdb;
background-color: #272822;
border-radius: 3px;
/** This part **/
max-height: 300px;
overflow-y: auto;
}
Verwandte Themen
- 1. Verhindern Zeilenumbrüche von Codeblöcken mit Jekyll, Kramdown und Rouge
- 2. Jekyll Code in Jekyll
- 3. Force Scrollbars Bilder CSS
- 4. Jekyll Sitemap nicht in Gitlab
- 5. Jekyll: kramdown ignoriert Eingabe in _config.yml
- 6. Auswertung der Textverdichtung - BLEU vs ROUGE
- 7. WPF XAML ListView mit ScrollBars
- 8. Ruby Schuhe - Scrollbars in Subpane Fenster
- 9. Scrollbars & resizable erscheinen nicht in onclick = "window.open"
- 10. Chrome Scrollbars immer sichtbar jetzt
- 11. Jekyll unbefugte Abhängigkeiten
- 12. Jekyll: Was ist der Unterschied zwischen Jekyll und Jekyll Bootstrap?
- 13. Kategorie Vorlagen in Jekyll
- 14. Paginierung in Jekyll + Skinnybones
- 15. Filter site.related_posts in Jekyll
- 16. Jekyll Drucken {{in Markdown
- 17. Gebietsspezifisches Datum in Jekyll
- 18. Jekyll - Fehler beim Ausführen von 'Jekyll Serve'
- 19. .NET Compact Framework - Scrollbars breiter machen
- 20. Breites div - kann ich Scrollbars irgendwie loswerden?
- 21. Autohide Scrollbars - Nur bei Bedarf anzeigen
- 22. Wie setzt man "android: scrollbars = vertical" programmatisch?
- 23. ScrollBars von QWebEngineView oder QWebEnginePage entfernen
- 24. Interpolierende Variablen in jekyll/liquid mit jekyll-assets
- 25. Scrollbars in fast jedem Browser in Windows (nicht Mac)
- 26. Mehrsprachiges Jekyll
- 27. Jekyll Build Error für v 3.1.2
- 28. HTML in Jekyll-Post einfügen
- 29. Eingebettetes Markup in Jekyll/Ruby
- 30. Suche Suchergebnisse in Jekyll Suche
Das irgendwie funktioniert wenn Sie es unter dem Pre-Tag anstelle von pre.highlight, aber es sieht lustig: https://raw.githubusercontent.com/Supercap2F/supercap2f.github.io/master/images/funnyycy.png – Supercap2F
Haben Sie Überlauf oder Überlauf-y? Sieht für mich wie Überlauf aus, es sei denn, Sie haben andere CSS, die sich störend auswirken. Ich habe es direkt auf der Hpstr-Themenseite ausprobiert und es hat gut funktioniert. – Vallieres
Ich übergebe-y genau wie Ihr Code, und ich glaube nicht, dass ich benutzerdefinierte CSS haben, die es beeinflussen würde. Ich habe auch versucht, diesen Code unter .highlight zu setzen und hier ist, wie es herauskam: https://raw.githubusercontent.com/Supercap2F/supercap2f.github.io/master/images/funnypic2.png Es hat nicht die Designs style und zeigt die unteren Bildlaufleisten erst an, wenn Sie ganz nach unten blättern. – Supercap2F