Hello World! 此博客的第一篇文章

import type { markdown } from 'ezal';
import hljs from 'highlight.js';
import prismjs from 'prismjs';
import loadLanguages from 'prismjs/components/index';
import { renderLine } from '../renderer';

interface Matched extends markdown.Matched {
	code: string;
	lang?: string;
	info?: string;
}

const PATTERN_START = /(?:(?<=\n)|^)(~~~|```)/;

const MAP: Record<string, RegExp> = {
	'~': /\n~{3,}(?:(?=\n)|$)/,
	'`': /\n`{3,}(?:(?=\n)|$)/,
};

export const codeblock: markdown.IExtension<Matched> = {
	name: 'codeblock',
	level: 'block',
	priority: 0,
	start(src) {
		return src.match(PATTERN_START);
	},
	match(src) {
		const start = src.match(PATTERN_START)!;
		let endIndex = src.length;
		const end = src.match(MAP[src[0]]);
		if (end) {
			endIndex = end.index!;
			src = src.slice(0, endIndex + end[0].length);
		}
		let startIndex = src.indexOf('\n');
		if (startIndex === -1) startIndex = src.length;

		let info = src.slice(start[0].length, startIndex);
		let lang: string | undefined = undefined;
		if (info) {
			info = info.trim();
			let index = info.indexOf(' ');
			if (index === -1) index = info.length;
			lang = info.slice(0, index);
			info = info.slice(index).trim();
		}

		const code = src.slice(startIndex + 1, endIndex);

		return {
			raw: src,
			text: code,
			code,
			lang,
			info,
		};
	},
	async render(matched, variables, options) {
		variables.codeBlock = true;
		let html = '<figure class="code">';
		if (!matched.lang) {
			matched.lang = hljs.highlightAuto(matched.code).language;
		}
		if (matched.lang) {
			html += `<figcaption><code>${variables.counter.count(matched.lang)}</code>`;
			if (matched.info) {
				html += (await renderLine(matched.info, options, variables)).content;
			}
			html += '</figcaption>';
		}

		if (!matched.lang) matched.lang = 'plaintext';

		loadLanguages([matched.lang]);
		const result = prismjs.highlight(
			matched.code,
			prismjs.languages[matched.lang],
			matched.lang,
		);

		html += `<pre class="language-${matched.lang}"><code>${result}</code></pre></figure>`;

		variables.counter.count(matched.code);

		return html;
	},
};