mirror of
https://github.com/moparisthebest/wallabag
synced 2024-11-30 04:42:19 -05:00
highlight.js library added to highlight programming code examples in article view
This commit is contained in:
parent
5594d7d054
commit
9f8541ef2a
@ -923,6 +923,13 @@ blockquote {
|
|||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
pre code {
|
||||||
|
font-family: "Courier New", Courier, monospace;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
font-size: 0.96em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
6 = Media Queries
|
6 = Media Queries
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@ -1055,3 +1062,4 @@ blockquote {
|
|||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -4,6 +4,7 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
{% block title %}{{ entry.title|raw }} ({{ entry.url | e | getDomain }}){% endblock %}
|
{% block title %}{{ entry.title|raw }} ({{ entry.url | e | getDomain }}){% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
{% include '_highlight.twig' %}
|
||||||
<div id="article_toolbar">
|
<div id="article_toolbar">
|
||||||
<ul class="links">
|
<ul class="links">
|
||||||
<li class="topPosF"><a href="#top" title="{% trans "Back to top" %}" class="tool top icon icon-arrow-up-thick"><span>{% trans "Back to top" %}</span></a></li>
|
<li class="topPosF"><a href="#top" title="{% trans "Back to top" %}" class="tool top icon icon-arrow-up-thick"><span>{% trans "Back to top" %}</span></a></li>
|
||||||
|
4
themes/default/_highlight.twig
Executable file
4
themes/default/_highlight.twig
Executable file
@ -0,0 +1,4 @@
|
|||||||
|
{# include excelent highlight.js library for code highligting, see http://highlightjs.org/ #}
|
||||||
|
<link rel="stylesheet" href="{{ poche_url }}themes/default/highlightjs/styles/github.css">
|
||||||
|
<script src="{{ poche_url }}themes/default/highlightjs/highlight.pack.js"></script>
|
||||||
|
<script>hljs.initHighlightingOnLoad();</script>
|
@ -429,4 +429,10 @@ a.add-to-wallabag-link-after:after {
|
|||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
color: black;
|
color: black;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre code {
|
||||||
|
font-family: "Courier New", Courier, monospace;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
font-size: 0.96em;
|
||||||
}
|
}
|
1
themes/default/highlightjs/highlight.pack.js
Normal file
1
themes/default/highlightjs/highlight.pack.js
Normal file
File diff suppressed because one or more lines are too long
152
themes/default/highlightjs/styles/default.css
Normal file
152
themes/default/highlightjs/styles/default.css
Normal file
@ -0,0 +1,152 @@
|
|||||||
|
/*
|
||||||
|
|
||||||
|
Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.hljs {
|
||||||
|
display: block;
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 0.5em;
|
||||||
|
background: #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs,
|
||||||
|
.hljs-subst,
|
||||||
|
.hljs-tag .hljs-title,
|
||||||
|
.lisp .hljs-title,
|
||||||
|
.clojure .hljs-built_in,
|
||||||
|
.nginx .hljs-title {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-string,
|
||||||
|
.hljs-title,
|
||||||
|
.hljs-constant,
|
||||||
|
.hljs-parent,
|
||||||
|
.hljs-tag .hljs-value,
|
||||||
|
.hljs-rules .hljs-value,
|
||||||
|
.hljs-preprocessor,
|
||||||
|
.hljs-pragma,
|
||||||
|
.haml .hljs-symbol,
|
||||||
|
.ruby .hljs-symbol,
|
||||||
|
.ruby .hljs-symbol .hljs-string,
|
||||||
|
.hljs-template_tag,
|
||||||
|
.django .hljs-variable,
|
||||||
|
.smalltalk .hljs-class,
|
||||||
|
.hljs-addition,
|
||||||
|
.hljs-flow,
|
||||||
|
.hljs-stream,
|
||||||
|
.bash .hljs-variable,
|
||||||
|
.apache .hljs-tag,
|
||||||
|
.apache .hljs-cbracket,
|
||||||
|
.tex .hljs-command,
|
||||||
|
.tex .hljs-special,
|
||||||
|
.erlang_repl .hljs-function_or_atom,
|
||||||
|
.asciidoc .hljs-header,
|
||||||
|
.markdown .hljs-header,
|
||||||
|
.coffeescript .hljs-attribute {
|
||||||
|
color: #800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.smartquote,
|
||||||
|
.hljs-comment,
|
||||||
|
.hljs-annotation,
|
||||||
|
.hljs-template_comment,
|
||||||
|
.diff .hljs-header,
|
||||||
|
.hljs-chunk,
|
||||||
|
.asciidoc .hljs-blockquote,
|
||||||
|
.markdown .hljs-blockquote {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-number,
|
||||||
|
.hljs-date,
|
||||||
|
.hljs-regexp,
|
||||||
|
.hljs-literal,
|
||||||
|
.hljs-hexcolor,
|
||||||
|
.smalltalk .hljs-symbol,
|
||||||
|
.smalltalk .hljs-char,
|
||||||
|
.go .hljs-constant,
|
||||||
|
.hljs-change,
|
||||||
|
.lasso .hljs-variable,
|
||||||
|
.makefile .hljs-variable,
|
||||||
|
.asciidoc .hljs-bullet,
|
||||||
|
.markdown .hljs-bullet,
|
||||||
|
.asciidoc .hljs-link_url,
|
||||||
|
.markdown .hljs-link_url {
|
||||||
|
color: #080;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-label,
|
||||||
|
.hljs-javadoc,
|
||||||
|
.ruby .hljs-string,
|
||||||
|
.hljs-decorator,
|
||||||
|
.hljs-filter .hljs-argument,
|
||||||
|
.hljs-localvars,
|
||||||
|
.hljs-array,
|
||||||
|
.hljs-attr_selector,
|
||||||
|
.hljs-important,
|
||||||
|
.hljs-pseudo,
|
||||||
|
.hljs-pi,
|
||||||
|
.haml .hljs-bullet,
|
||||||
|
.hljs-doctype,
|
||||||
|
.hljs-deletion,
|
||||||
|
.hljs-envvar,
|
||||||
|
.hljs-shebang,
|
||||||
|
.apache .hljs-sqbracket,
|
||||||
|
.nginx .hljs-built_in,
|
||||||
|
.tex .hljs-formula,
|
||||||
|
.erlang_repl .hljs-reserved,
|
||||||
|
.hljs-prompt,
|
||||||
|
.asciidoc .hljs-link_label,
|
||||||
|
.markdown .hljs-link_label,
|
||||||
|
.vhdl .hljs-attribute,
|
||||||
|
.clojure .hljs-attribute,
|
||||||
|
.asciidoc .hljs-attribute,
|
||||||
|
.lasso .hljs-attribute,
|
||||||
|
.coffeescript .hljs-property,
|
||||||
|
.hljs-phony {
|
||||||
|
color: #88f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-keyword,
|
||||||
|
.hljs-id,
|
||||||
|
.hljs-title,
|
||||||
|
.hljs-built_in,
|
||||||
|
.css .hljs-tag,
|
||||||
|
.hljs-javadoctag,
|
||||||
|
.hljs-phpdoc,
|
||||||
|
.hljs-yardoctag,
|
||||||
|
.smalltalk .hljs-class,
|
||||||
|
.hljs-winutils,
|
||||||
|
.bash .hljs-variable,
|
||||||
|
.apache .hljs-tag,
|
||||||
|
.go .hljs-typename,
|
||||||
|
.tex .hljs-command,
|
||||||
|
.asciidoc .hljs-strong,
|
||||||
|
.markdown .hljs-strong,
|
||||||
|
.hljs-request,
|
||||||
|
.hljs-status {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asciidoc .hljs-emphasis,
|
||||||
|
.markdown .hljs-emphasis {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nginx .hljs-built_in {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coffeescript .javascript,
|
||||||
|
.javascript .xml,
|
||||||
|
.lasso .markup,
|
||||||
|
.tex .hljs-formula,
|
||||||
|
.xml .javascript,
|
||||||
|
.xml .vbscript,
|
||||||
|
.xml .css,
|
||||||
|
.xml .hljs-cdata {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
127
themes/default/highlightjs/styles/github.css
Normal file
127
themes/default/highlightjs/styles/github.css
Normal file
@ -0,0 +1,127 @@
|
|||||||
|
/*
|
||||||
|
|
||||||
|
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.hljs {
|
||||||
|
display: block;
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 0.5em;
|
||||||
|
color: #333;
|
||||||
|
background: #f8f8f8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-comment,
|
||||||
|
.hljs-template_comment,
|
||||||
|
.diff .hljs-header,
|
||||||
|
.hljs-javadoc {
|
||||||
|
color: #998;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-keyword,
|
||||||
|
.css .rule .hljs-keyword,
|
||||||
|
.hljs-winutils,
|
||||||
|
.javascript .hljs-title,
|
||||||
|
.nginx .hljs-title,
|
||||||
|
.hljs-subst,
|
||||||
|
.hljs-request,
|
||||||
|
.hljs-status {
|
||||||
|
color: #333;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-number,
|
||||||
|
.hljs-hexcolor,
|
||||||
|
.ruby .hljs-constant {
|
||||||
|
color: #099;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-string,
|
||||||
|
.hljs-tag .hljs-value,
|
||||||
|
.hljs-phpdoc,
|
||||||
|
.tex .hljs-formula {
|
||||||
|
color: #d14;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-title,
|
||||||
|
.hljs-id,
|
||||||
|
.coffeescript .hljs-params,
|
||||||
|
.scss .hljs-preprocessor {
|
||||||
|
color: #900;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.javascript .hljs-title,
|
||||||
|
.lisp .hljs-title,
|
||||||
|
.clojure .hljs-title,
|
||||||
|
.hljs-subst {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-class .hljs-title,
|
||||||
|
.haskell .hljs-type,
|
||||||
|
.vhdl .hljs-literal,
|
||||||
|
.tex .hljs-command {
|
||||||
|
color: #458;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-tag,
|
||||||
|
.hljs-tag .hljs-title,
|
||||||
|
.hljs-rules .hljs-property,
|
||||||
|
.django .hljs-tag .hljs-keyword {
|
||||||
|
color: #000080;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-attribute,
|
||||||
|
.hljs-variable,
|
||||||
|
.lisp .hljs-body {
|
||||||
|
color: #008080;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-regexp {
|
||||||
|
color: #009926;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-symbol,
|
||||||
|
.ruby .hljs-symbol .hljs-string,
|
||||||
|
.lisp .hljs-keyword,
|
||||||
|
.tex .hljs-special,
|
||||||
|
.hljs-prompt {
|
||||||
|
color: #990073;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-built_in,
|
||||||
|
.lisp .hljs-title,
|
||||||
|
.clojure .hljs-built_in {
|
||||||
|
color: #0086b3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-preprocessor,
|
||||||
|
.hljs-pragma,
|
||||||
|
.hljs-pi,
|
||||||
|
.hljs-doctype,
|
||||||
|
.hljs-shebang,
|
||||||
|
.hljs-cdata {
|
||||||
|
color: #999;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-deletion {
|
||||||
|
background: #fdd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-addition {
|
||||||
|
background: #dfd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff .hljs-change {
|
||||||
|
background: #0086b3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-chunk {
|
||||||
|
color: #aaa;
|
||||||
|
}
|
148
themes/default/highlightjs/styles/googlecode.css
Normal file
148
themes/default/highlightjs/styles/googlecode.css
Normal file
@ -0,0 +1,148 @@
|
|||||||
|
/*
|
||||||
|
|
||||||
|
Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.hljs {
|
||||||
|
display: block;
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 0.5em;
|
||||||
|
background: white;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-comment,
|
||||||
|
.hljs-template_comment,
|
||||||
|
.hljs-javadoc {
|
||||||
|
color: #800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-keyword,
|
||||||
|
.method,
|
||||||
|
.hljs-list .hljs-title,
|
||||||
|
.clojure .hljs-built_in,
|
||||||
|
.nginx .hljs-title,
|
||||||
|
.hljs-tag .hljs-title,
|
||||||
|
.setting .hljs-value,
|
||||||
|
.hljs-winutils,
|
||||||
|
.tex .hljs-command,
|
||||||
|
.http .hljs-title,
|
||||||
|
.hljs-request,
|
||||||
|
.hljs-status {
|
||||||
|
color: #008;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-envvar,
|
||||||
|
.tex .hljs-special {
|
||||||
|
color: #660;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-string,
|
||||||
|
.hljs-tag .hljs-value,
|
||||||
|
.hljs-cdata,
|
||||||
|
.hljs-filter .hljs-argument,
|
||||||
|
.hljs-attr_selector,
|
||||||
|
.apache .hljs-cbracket,
|
||||||
|
.hljs-date,
|
||||||
|
.hljs-regexp,
|
||||||
|
.coffeescript .hljs-attribute {
|
||||||
|
color: #080;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-sub .hljs-identifier,
|
||||||
|
.hljs-pi,
|
||||||
|
.hljs-tag,
|
||||||
|
.hljs-tag .hljs-keyword,
|
||||||
|
.hljs-decorator,
|
||||||
|
.ini .hljs-title,
|
||||||
|
.hljs-shebang,
|
||||||
|
.hljs-prompt,
|
||||||
|
.hljs-hexcolor,
|
||||||
|
.hljs-rules .hljs-value,
|
||||||
|
.hljs-literal,
|
||||||
|
.hljs-symbol,
|
||||||
|
.ruby .hljs-symbol .hljs-string,
|
||||||
|
.hljs-number,
|
||||||
|
.css .hljs-function,
|
||||||
|
.clojure .hljs-attribute {
|
||||||
|
color: #066;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-class .hljs-title,
|
||||||
|
.haskell .hljs-type,
|
||||||
|
.smalltalk .hljs-class,
|
||||||
|
.hljs-javadoctag,
|
||||||
|
.hljs-yardoctag,
|
||||||
|
.hljs-phpdoc,
|
||||||
|
.hljs-typename,
|
||||||
|
.hljs-tag .hljs-attribute,
|
||||||
|
.hljs-doctype,
|
||||||
|
.hljs-class .hljs-id,
|
||||||
|
.hljs-built_in,
|
||||||
|
.setting,
|
||||||
|
.hljs-params,
|
||||||
|
.hljs-variable,
|
||||||
|
.clojure .hljs-title {
|
||||||
|
color: #606;
|
||||||
|
}
|
||||||
|
|
||||||
|
.css .hljs-tag,
|
||||||
|
.hljs-rules .hljs-property,
|
||||||
|
.hljs-pseudo,
|
||||||
|
.hljs-subst {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.css .hljs-class,
|
||||||
|
.css .hljs-id {
|
||||||
|
color: #9b703f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-value .hljs-important {
|
||||||
|
color: #ff7700;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-rules .hljs-keyword {
|
||||||
|
color: #c5af75;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-annotation,
|
||||||
|
.apache .hljs-sqbracket,
|
||||||
|
.nginx .hljs-built_in {
|
||||||
|
color: #9b859d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-preprocessor,
|
||||||
|
.hljs-preprocessor *,
|
||||||
|
.hljs-pragma {
|
||||||
|
color: #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tex .hljs-formula {
|
||||||
|
background-color: #eee;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff .hljs-header,
|
||||||
|
.hljs-chunk {
|
||||||
|
color: #808080;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff .hljs-change {
|
||||||
|
background-color: #bccff9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-addition {
|
||||||
|
background-color: #baeeba;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-deletion {
|
||||||
|
background-color: #ffc8bd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-comment .hljs-yardoctag {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
@ -1,6 +1,7 @@
|
|||||||
{% extends "layout.twig" %}
|
{% extends "layout.twig" %}
|
||||||
{% block title %}{{ entry.title|raw }} ({{ entry.url | e | getDomain }}){% endblock %}
|
{% block title %}{{ entry.title|raw }} ({{ entry.url | e | getDomain }}){% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
{% include '_highlight.twig' %}
|
||||||
{% include '_pocheit-form.twig' %}
|
{% include '_pocheit-form.twig' %}
|
||||||
<div id="article_toolbar">
|
<div id="article_toolbar">
|
||||||
<ul>
|
<ul>
|
||||||
|
Loading…
Reference in New Issue
Block a user