lume 랜드 코드 하이라이트 설정

2907 단어 denowebdevjavascript
lume.land은 내가 가장 좋아하는 정적 사이트 생성기이지만 code_highlight 플러그인을 사용하는 방법을 알 수 없었습니다.

문서가 없어서 여기에 씁니다.
_config.js :

import lume from "lume/mod.ts";
import code_highlight from "lume/plugins/code_highlight.ts";

// import your favorite language
import lang_javascript from "https://unpkg.com/@highlightjs/[email protected]/es/languages/javascript.min.js";
import lang_bash from "https://unpkg.com/@highlightjs/[email protected]/es/languages/bash.min.js";

const site = lume();

// download your favorite theme
site.remoteFile(
  "_includes/css/code.css",
  "https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/github.min.css"
);
site.use(
  code_highlight({
    languages: {
      javascript: lang_javascript,
      bash: lang_bash,
    },
  })
);

export default site;

_includes/css/code.css 를 얻었으므로 이 파일을 style.css에 로드해야 합니다(HTML 파일에 로드됨).

@import "css/code.css";

좋은 웹페이지 즐겨찾기