HPCesia/hexo-highlighter-shiki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix some bugs

Browse Source
This commit is contained in:
HPCesia 2024-10-20 21:06:22 +08:00
parent dffcc13836
commit ebd0a3a449
1 changed files with 34 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/main.ts
View File

@ -12,6 +12,7 @@ export async function init(hexo: Hexo) {
line_number: false, line_number: false,
strip_indent: true, strip_indent: true,
tab_replace: " ", tab_replace: " ",
pre_style: true,
additional: { additional: {
langs: [], langs: [],
lang_alias: {}, lang_alias: {},
@ -47,10 +48,14 @@ export async function init(hexo: Hexo) {
const hexoHighlighter = (code: string, options: HighlightOptions) => { const hexoHighlighter = (code: string, options: HighlightOptions) => {
var code = config.strip_indent ? (stripIndent(code) as string) : code; var code = config.strip_indent ? (stripIndent(code) as string) : code;
code = config.tab_replace ? code.replace(/\t/g, config.tab_replace) : code; code = config.tab_replace ? code.replace(/\t/g, config.tab_replace) : code;
// 处理代码语言
let lang = options.lang; let lang = options.lang;
if (!lang || !supportedLanguages[lang]) { if (!lang || !supportedLanguages[lang]) {
lang = "text"; lang = "text";
} }
// 处理代码块语法高亮
let pre = ""; let pre = "";
const transformer = (): ShikiTransformer => { const transformer = (): ShikiTransformer => {
return { return {
@ -74,31 +79,49 @@ export async function init(hexo: Hexo) {
themes: config.theme, themes: config.theme,
transformers: [transformer()], transformers: [transformer()],
}); });
pre = pre.replace(/<pre[^>]*>/, "<pre>"); // 删除多余内容
pre = pre.replace(/<pre[^>]*>/, (match) => {
if (config.pre_style) return match.replace(/\s*tabindex="0"/, "");
return match.replace(/\s*style\s*=\s*"[^"]*"\s*tabindex="0"/, "");
});
pre = pre.replace(/<\/?code>/, ""); pre = pre.replace(/<\/?code>/, "");
} catch (error) { } catch (error) {
console.warn(error); console.warn(error);
pre = htmlTag("pre", {}, code); pre = htmlTag("pre", {}, code);
} }
// 处理行号
let numbers = ""; let numbers = "";
if (config.line_number) { const show_line_number =
for (let i = 0, len = code.split("\n").length; i < len; i++) { config.line_number && // 设置中显示行号
numbers += htmlTag("span", { class: "line" }, `${1 + i}`, false) + "<br>"; (options.line_number || true) && // 代码块中未设置不显示行号
(options.line_threshold || 0) < options.lines_length; // 代码行数超过阈值
if (show_line_number) {
const firstLine = options.firstLine || 1
for (let i = firstLine, len = code.split("\n").length + firstLine; i < len; i++) {
numbers += htmlTag("span", { class: "line" }, `${i}`, false) + "<br>";
} }
numbers = htmlTag("pre", {}, numbers, false); numbers = htmlTag("pre", {}, numbers, false);
} }
// 处理标题与链接
const caption = options.caption ? htmlTag("figcaption", {}, options.caption, false) : "";
// 处理包裹标签
const td_code = htmlTag("td", { class: "code" }, pre, false); const td_code = htmlTag("td", { class: "code" }, pre, false);
const td_gutter = htmlTag("td", { class: "gutter" }, numbers, false); const td_gutter = numbers.length > 0 ? htmlTag("td", { class: "gutter" }, numbers, false) : "";
// 合并标签
const html = htmlTag( const html = htmlTag(
"figure", "figure",
{ class: `highlight ${lang}` }, { class: `highlight ${lang}` },
htmlTag( caption +
"table", htmlTag(
{}, "table",
htmlTag("tbody", {}, htmlTag("tr", {}, td_gutter + td_code, false), false), {},
false htmlTag("tbody", {}, htmlTag("tr", {}, td_gutter + td_code, false), false),
), false
),
false false
); );
return html; return html;