1
// highlight.js  代码高亮指令
2
import Hljs from 'highlight.js';
3
import 'highlight.js/styles/default.css'; // 代码高亮风格，选择更多风格需导入 node_modules/hightlight.js/styles/ 目录下其它css文件
4
import Vue from 'vue'
5
let Highlight = {};
6
// 自定义hig配置
7
// 自定义插件
8
Highlight.install = function (Vue) {
9
    // 自定义指令 v-highlight
10
    Vue.directive('highlight', {
11
        // 被绑定元素插入父节点时调用
12
        inserted: function(el) {
13
            let blocks = el.querySelectorAll('pre code');
14
            for (let i = 0; i < blocks.length; i++) {
15
                hljs.highlightBlock(blocks[i]);
16
            }
17
        },
18
        // 指令所在组件的 VNode 及其子 VNode 全部更新后调用
19
        componentUpdated: function(el) {
20
            let blocks = el.querySelectorAll('pre code');
21
            for (let i = 0; i < blocks.length; i++) {
22
                hljs.highlightBlock(blocks[i]);
23
            }
24
        }
25
    })
26
};
27

28
export default Highlight;
29
Vue.use(Highlight);

1
import 'highlight.js/styles/default.css'; // 代码高亮风格，选择更多风格需导入 node_modules/hightlight.js/styles/ 目录下其它css文件
2
import Vue from 'vue'
3
// 需要哪些语言直接手动引入，不再直接通过 import Hljs from 'highlight.js' 引入所有语言。
4
var hljs = require('highlight.js/lib/core');
5
hljs.registerLanguage('c-like', require('highlight.js/lib/languages/c-like'));
6
hljs.registerLanguage('xml', require('highlight.js/lib/languages/xml'));
7
hljs.registerLanguage('bash', require('highlight.js/lib/languages/bash'));
8
hljs.registerLanguage('c', require('highlight.js/lib/languages/c'));
9
hljs.registerLanguage('css', require('highlight.js/lib/languages/css'));
10
hljs.registerLanguage('markdown', require('highlight.js/lib/languages/markdown'));
11
hljs.registerLanguage('dos', require('highlight.js/lib/languages/dos'));
12
hljs.registerLanguage('go', require('highlight.js/lib/languages/go'));
13
hljs.registerLanguage('htmlbars', require('highlight.js/lib/languages/htmlbars'));
14
hljs.registerLanguage('http', require('highlight.js/lib/languages/http'));
15
hljs.registerLanguage('java', require('highlight.js/lib/languages/java'));
16
hljs.registerLanguage('javascript', require('highlight.js/lib/languages/javascript'));
17
hljs.registerLanguage('json', require('highlight.js/lib/languages/json'));
18
hljs.registerLanguage('lua', require('highlight.js/lib/languages/lua'));
19
hljs.registerLanguage('nginx', require('highlight.js/lib/languages/nginx'));
20
hljs.registerLanguage('php', require('highlight.js/lib/languages/php'));
21
hljs.registerLanguage('python', require('highlight.js/lib/languages/python'));
22
hljs.registerLanguage('python-repl', require('highlight.js/lib/languages/python-repl'));
23
hljs.registerLanguage('scss', require('highlight.js/lib/languages/scss'));
24
hljs.registerLanguage('shell', require('highlight.js/lib/languages/shell'));
25
hljs.registerLanguage('sql', require('highlight.js/lib/languages/sql'));
26
hljs.registerLanguage('yaml', require('highlight.js/lib/languages/yaml'));
27
hljs.registerLanguage('typescript', require('highlight.js/lib/languages/typescript'));
28

29
let Highlight = {};
30
// 自定义hig配置
31
// 自定义插件
32
Highlight.install = function (Vue) {
33
    // 自定义指令 v-highlight
34
    Vue.directive('highlight', {
35
        // 被绑定元素插入父节点时调用
36
        inserted: function(el) {
37
            let blocks = el.querySelectorAll('pre code');
38
            for (let i = 0; i < blocks.length; i++) {
39
                hljs.highlightBlock(blocks[i]);
40
            }
41
        },
42
        // 指令所在组件的 VNode 及其子 VNode 全部更新后调用
43
        componentUpdated: function(el) {
44
            let blocks = el.querySelectorAll('pre code');
45
            for (let i = 0; i < blocks.length; i++) {
46
                hljs.highlightBlock(blocks[i]);
47
            }
48
        }
49
    })
50
};
51

52
export default Highlight;
53
Vue.use(Highlight);

1
var hljs = require('./core');
2
hljs.registerLanguage('1c', require('highlight.js/lib/languages/1c'));
3
hljs.registerLanguage('abnf', require('highlight.js/lib/languages/abnf'));
4
hljs.registerLanguage('accesslog', require('highlight.js/lib/languages/accesslog'));
5
hljs.registerLanguage('actionscript', require('highlight.js/lib/languages/actionscript'));
6
hljs.registerLanguage('ada', require('highlight.js/lib/languages/ada'));
7
hljs.registerLanguage('angelscript', require('highlight.js/lib/languages/angelscript'));
8
hljs.registerLanguage('apache', require('highlight.js/lib/languages/apache'));
9
hljs.registerLanguage('applescript', require('highlight.js/lib/languages/applescript'));
10
hljs.registerLanguage('arcade', require('highlight.js/lib/languages/arcade'));
11
hljs.registerLanguage('c-like', require('highlight.js/lib/languages/c-like'));
12
hljs.registerLanguage('cpp', require('highlight.js/lib/languages/cpp'));
13
hljs.registerLanguage('arduino', require('highlight.js/lib/languages/arduino'));
14
hljs.registerLanguage('armasm', require('highlight.js/lib/languages/armasm'));
15
hljs.registerLanguage('xml', require('highlight.js/lib/languages/xml'));
16
hljs.registerLanguage('asciidoc', require('highlight.js/lib/languages/asciidoc'));
17
hljs.registerLanguage('aspectj', require('highlight.js/lib/languages/aspectj'));
18
hljs.registerLanguage('autohotkey', require('highlight.js/lib/languages/autohotkey'));
19
hljs.registerLanguage('autoit', require('highlight.js/lib/languages/autoit'));
20
hljs.registerLanguage('avrasm', require('highlight.js/lib/languages/avrasm'));
21
hljs.registerLanguage('awk', require('highlight.js/lib/languages/awk'));
22
hljs.registerLanguage('axapta', require('highlight.js/lib/languages/axapta'));
23
hljs.registerLanguage('bash', require('highlight.js/lib/languages/bash'));
24
hljs.registerLanguage('basic', require('highlight.js/lib/languages/basic'));
25
hljs.registerLanguage('bnf', require('highlight.js/lib/languages/bnf'));
26
hljs.registerLanguage('brainfuck', require('highlight.js/lib/languages/brainfuck'));
27
hljs.registerLanguage('c', require('highlight.js/lib/languages/c'));
28
hljs.registerLanguage('cal', require('highlight.js/lib/languages/cal'));
29
hljs.registerLanguage('capnproto', require('highlight.js/lib/languages/capnproto'));
30
hljs.registerLanguage('ceylon', require('highlight.js/lib/languages/ceylon'));
31
hljs.registerLanguage('clean', require('highlight.js/lib/languages/clean'));
32
hljs.registerLanguage('clojure', require('highlight.js/lib/languages/clojure'));
33
hljs.registerLanguage('clojure-repl', require('highlight.js/lib/languages/clojure-repl'));
34
hljs.registerLanguage('cmake', require('highlight.js/lib/languages/cmake'));
35
hljs.registerLanguage('coffeescript', require('highlight.js/lib/languages/coffeescript'));
36
hljs.registerLanguage('coq', require('highlight.js/lib/languages/coq'));
37
hljs.registerLanguage('cos', require('highlight.js/lib/languages/cos'));
38
hljs.registerLanguage('crmsh', require('highlight.js/lib/languages/crmsh'));
39
hljs.registerLanguage('crystal', require('highlight.js/lib/languages/crystal'));
40
hljs.registerLanguage('csharp', require('highlight.js/lib/languages/csharp'));
41
hljs.registerLanguage('csp', require('highlight.js/lib/languages/csp'));
42
hljs.registerLanguage('css', require('highlight.js/lib/languages/css'));
43
hljs.registerLanguage('d', require('highlight.js/lib/languages/d'));
44
hljs.registerLanguage('markdown', require('highlight.js/lib/languages/markdown'));
45
hljs.registerLanguage('dart', require('highlight.js/lib/languages/dart'));
46
hljs.registerLanguage('delphi', require('highlight.js/lib/languages/delphi'));
47
hljs.registerLanguage('diff', require('highlight.js/lib/languages/diff'));
48
hljs.registerLanguage('django', require('highlight.js/lib/languages/django'));
49
hljs.registerLanguage('dns', require('highlight.js/lib/languages/dns'));
50
hljs.registerLanguage('dockerfile', require('highlight.js/lib/languages/dockerfile'));
51
hljs.registerLanguage('dos', require('highlight.js/lib/languages/dos'));
52
hljs.registerLanguage('dsconfig', require('highlight.js/lib/languages/dsconfig'));
53
hljs.registerLanguage('dts', require('highlight.js/lib/languages/dts'));
54
hljs.registerLanguage('dust', require('highlight.js/lib/languages/dust'));
55
hljs.registerLanguage('ebnf', require('highlight.js/lib/languages/ebnf'));
56
hljs.registerLanguage('elixir', require('highlight.js/lib/languages/elixir'));
57
hljs.registerLanguage('elm', require('highlight.js/lib/languages/elm'));
58
hljs.registerLanguage('ruby', require('highlight.js/lib/languages/ruby'));
59
hljs.registerLanguage('erb', require('highlight.js/lib/languages/erb'));
60
hljs.registerLanguage('erlang-repl', require('highlight.js/lib/languages/erlang-repl'));
61
hljs.registerLanguage('erlang', require('highlight.js/lib/languages/erlang'));
62
hljs.registerLanguage('excel', require('highlight.js/lib/languages/excel'));
63
hljs.registerLanguage('fix', require('highlight.js/lib/languages/fix'));
64
hljs.registerLanguage('flix', require('highlight.js/lib/languages/flix'));
65
hljs.registerLanguage('fortran', require('highlight.js/lib/languages/fortran'));
66
hljs.registerLanguage('fsharp', require('highlight.js/lib/languages/fsharp'));
67
hljs.registerLanguage('gams', require('highlight.js/lib/languages/gams'));
68
hljs.registerLanguage('gauss', require('highlight.js/lib/languages/gauss'));
69
hljs.registerLanguage('gcode', require('highlight.js/lib/languages/gcode'));
70
hljs.registerLanguage('gherkin', require('highlight.js/lib/languages/gherkin'));
71
hljs.registerLanguage('glsl', require('highlight.js/lib/languages/glsl'));
72
hljs.registerLanguage('gml', require('highlight.js/lib/languages/gml'));
73
hljs.registerLanguage('go', require('highlight.js/lib/languages/go'));
74
hljs.registerLanguage('golo', require('highlight.js/lib/languages/golo'));
75
hljs.registerLanguage('gradle', require('highlight.js/lib/languages/gradle'));
76
hljs.registerLanguage('groovy', require('highlight.js/lib/languages/groovy'));
77
hljs.registerLanguage('haml', require('highlight.js/lib/languages/haml'));
78
hljs.registerLanguage('handlebars', require('highlight.js/lib/languages/handlebars'));
79
hljs.registerLanguage('haskell', require('highlight.js/lib/languages/haskell'));
80
hljs.registerLanguage('haxe', require('highlight.js/lib/languages/haxe'));
81
hljs.registerLanguage('hsp', require('highlight.js/lib/languages/hsp'));
82
hljs.registerLanguage('htmlbars', require('highlight.js/lib/languages/htmlbars'));
83
hljs.registerLanguage('http', require('highlight.js/lib/languages/http'));
84
hljs.registerLanguage('hy', require('highlight.js/lib/languages/hy'));
85
hljs.registerLanguage('inform7', require('highlight.js/lib/languages/inform7'));
86
hljs.registerLanguage('ini', require('highlight.js/lib/languages/ini'));
87
hljs.registerLanguage('irpf90', require('highlight.js/lib/languages/irpf90'));
88
hljs.registerLanguage('isbl', require('highlight.js/lib/languages/isbl'));
89
hljs.registerLanguage('java', require('highlight.js/lib/languages/java'));
90
hljs.registerLanguage('javascript', require('highlight.js/lib/languages/javascript'));
91
hljs.registerLanguage('jboss-cli', require('highlight.js/lib/languages/jboss-cli'));
92
hljs.registerLanguage('json', require('highlight.js/lib/languages/json'));
93
hljs.registerLanguage('julia', require('highlight.js/lib/languages/julia'));
94
hljs.registerLanguage('julia-repl', require('highlight.js/lib/languages/julia-repl'));
95
hljs.registerLanguage('kotlin', require('highlight.js/lib/languages/kotlin'));
96
hljs.registerLanguage('lasso', require('highlight.js/lib/languages/lasso'));
97
hljs.registerLanguage('latex', require('highlight.js/lib/languages/latex'));
98
hljs.registerLanguage('ldif', require('highlight.js/lib/languages/ldif'));
99
hljs.registerLanguage('leaf', require('highlight.js/lib/languages/leaf'));
100
hljs.registerLanguage('less', require('highlight.js/lib/languages/less'));
101
hljs.registerLanguage('lisp', require('highlight.js/lib/languages/lisp'));
102
hljs.registerLanguage('livecodeserver', require('highlight.js/lib/languages/livecodeserver'));
103
hljs.registerLanguage('livescript', require('highlight.js/lib/languages/livescript'));
104
hljs.registerLanguage('llvm', require('highlight.js/lib/languages/llvm'));
105
hljs.registerLanguage('lsl', require('highlight.js/lib/languages/lsl'));
106
hljs.registerLanguage('lua', require('highlight.js/lib/languages/lua'));
107
hljs.registerLanguage('makefile', require('highlight.js/lib/languages/makefile'));
108
hljs.registerLanguage('mathematica', require('highlight.js/lib/languages/mathematica'));
109
hljs.registerLanguage('matlab', require('highlight.js/lib/languages/matlab'));
110
hljs.registerLanguage('maxima', require('highlight.js/lib/languages/maxima'));
111
hljs.registerLanguage('mel', require('highlight.js/lib/languages/mel'));
112
hljs.registerLanguage('mercury', require('highlight.js/lib/languages/mercury'));
113
hljs.registerLanguage('mipsasm', require('highlight.js/lib/languages/mipsasm'));
114
hljs.registerLanguage('mizar', require('highlight.js/lib/languages/mizar'));
115
hljs.registerLanguage('perl', require('highlight.js/lib/languages/perl'));
116
hljs.registerLanguage('mojolicious', require('highlight.js/lib/languages/mojolicious'));
117
hljs.registerLanguage('monkey', require('highlight.js/lib/languages/monkey'));
118
hljs.registerLanguage('moonscript', require('highlight.js/lib/languages/moonscript'));
119
hljs.registerLanguage('n1ql', require('highlight.js/lib/languages/n1ql'));
120
hljs.registerLanguage('nginx', require('highlight.js/lib/languages/nginx'));
121
hljs.registerLanguage('nim', require('highlight.js/lib/languages/nim'));
122
hljs.registerLanguage('nix', require('highlight.js/lib/languages/nix'));
123
hljs.registerLanguage('nsis', require('highlight.js/lib/languages/nsis'));
124
hljs.registerLanguage('objectivec', require('highlight.js/lib/languages/objectivec'));
125
hljs.registerLanguage('ocaml', require('highlight.js/lib/languages/ocaml'));
126
hljs.registerLanguage('openscad', require('highlight.js/lib/languages/openscad'));
127
hljs.registerLanguage('oxygene', require('highlight.js/lib/languages/oxygene'));
128
hljs.registerLanguage('parser3', require('highlight.js/lib/languages/parser3'));
129
hljs.registerLanguage('pf', require('highlight.js/lib/languages/pf'));
130
hljs.registerLanguage('pgsql', require('highlight.js/lib/languages/pgsql'));
131
hljs.registerLanguage('php', require('highlight.js/lib/languages/php'));
132
hljs.registerLanguage('php-template', require('highlight.js/lib/languages/php-template'));
133
hljs.registerLanguage('plaintext', require('highlight.js/lib/languages/plaintext'));
134
hljs.registerLanguage('pony', require('highlight.js/lib/languages/pony'));
135
hljs.registerLanguage('powershell', require('highlight.js/lib/languages/powershell'));
136
hljs.registerLanguage('processing', require('highlight.js/lib/languages/processing'));
137
hljs.registerLanguage('profile', require('highlight.js/lib/languages/profile'));
138
hljs.registerLanguage('prolog', require('highlight.js/lib/languages/prolog'));
139
hljs.registerLanguage('properties', require('highlight.js/lib/languages/properties'));
140
hljs.registerLanguage('protobuf', require('highlight.js/lib/languages/protobuf'));
141
hljs.registerLanguage('puppet', require('highlight.js/lib/languages/puppet'));
142
hljs.registerLanguage('purebasic', require('highlight.js/lib/languages/purebasic'));
143
hljs.registerLanguage('python', require('highlight.js/lib/languages/python'));
144
hljs.registerLanguage('python-repl', require('highlight.js/lib/languages/python-repl'));
145
hljs.registerLanguage('q', require('highlight.js/lib/languages/q'));
146
hljs.registerLanguage('qml', require('highlight.js/lib/languages/qml'));
147
hljs.registerLanguage('r', require('highlight.js/lib/languages/r'));
148
hljs.registerLanguage('reasonml', require('highlight.js/lib/languages/reasonml'));
149
hljs.registerLanguage('rib', require('highlight.js/lib/languages/rib'));
150
hljs.registerLanguage('roboconf', require('highlight.js/lib/languages/roboconf'));
151
hljs.registerLanguage('routeros', require('highlight.js/lib/languages/routeros'));
152
hljs.registerLanguage('rsl', require('highlight.js/lib/languages/rsl'));
153
hljs.registerLanguage('ruleslanguage', require('highlight.js/lib/languages/ruleslanguage'));
154
hljs.registerLanguage('rust', require('highlight.js/lib/languages/rust'));
155
hljs.registerLanguage('sas', require('highlight.js/lib/languages/sas'));
156
hljs.registerLanguage('scala', require('highlight.js/lib/languages/scala'));
157
hljs.registerLanguage('scheme', require('highlight.js/lib/languages/scheme'));
158
hljs.registerLanguage('scilab', require('highlight.js/lib/languages/scilab'));
159
hljs.registerLanguage('scss', require('highlight.js/lib/languages/scss'));
160
hljs.registerLanguage('shell', require('highlight.js/lib/languages/shell'));
161
hljs.registerLanguage('smali', require('highlight.js/lib/languages/smali'));
162
hljs.registerLanguage('smalltalk', require('highlight.js/lib/languages/smalltalk'));
163
hljs.registerLanguage('sml', require('highlight.js/lib/languages/sml'));
164
hljs.registerLanguage('sqf', require('highlight.js/lib/languages/sqf'));
165
hljs.registerLanguage('sql', require('highlight.js/lib/languages/sql'));
166
hljs.registerLanguage('stan', require('highlight.js/lib/languages/stan'));
167
hljs.registerLanguage('stata', require('highlight.js/lib/languages/stata'));
168
hljs.registerLanguage('step21', require('highlight.js/lib/languages/step21'));
169
hljs.registerLanguage('stylus', require('highlight.js/lib/languages/stylus'));
170
hljs.registerLanguage('subunit', require('highlight.js/lib/languages/subunit'));
171
hljs.registerLanguage('swift', require('highlight.js/lib/languages/swift'));
172
hljs.registerLanguage('taggerscript', require('highlight.js/lib/languages/taggerscript'));
173
hljs.registerLanguage('yaml', require('highlight.js/lib/languages/yaml'));
174
hljs.registerLanguage('tap', require('highlight.js/lib/languages/tap'));
175
hljs.registerLanguage('tcl', require('highlight.js/lib/languages/tcl'));
176
hljs.registerLanguage('thrift', require('highlight.js/lib/languages/thrift'));
177
hljs.registerLanguage('tp', require('highlight.js/lib/languages/tp'));
178
hljs.registerLanguage('twig', require('highlight.js/lib/languages/twig'));
179
hljs.registerLanguage('typescript', require('highlight.js/lib/languages/typescript'));
180
hljs.registerLanguage('vala', require('highlight.js/lib/languages/vala'));
181
hljs.registerLanguage('vbnet', require('highlight.js/lib/languages/vbnet'));
182
hljs.registerLanguage('vbscript', require('highlight.js/lib/languages/vbscript'));
183
hljs.registerLanguage('vbscript-html', require('highlight.js/lib/languages/vbscript-html'));
184
hljs.registerLanguage('verilog', require('highlight.js/lib/languages/verilog'));
185
hljs.registerLanguage('vhdl', require('highlight.js/lib/languages/vhdl'));
186
hljs.registerLanguage('vim', require('highlight.js/lib/languages/vim'));
187
hljs.registerLanguage('x86asm', require('highlight.js/lib/languages/x86asm'));
188
hljs.registerLanguage('xl', require('highlight.js/lib/languages/xl'));
189
hljs.registerLanguage('xquery', require('highlight.js/lib/languages/xquery'));
190
hljs.registerLanguage('zephir', require('highlight.js/lib/languages/zephir'));