1. Marked를 프로젝트에 추가합니다. NPM으로 설치할 수 있습니다:

npm install marked

또는 CDN을 통해 직접 추가할 수도 있습니다:

<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>

1. HTML 파일에서 Marked를 사용하여 Markdown 파일을 변환하고 출력할 영역을 지정합니다. 예를 들어, 다음과 같이 <div> 요소에 Markdown을 표시할 수 있습니다:

<div id="markdownOutput"></div>

1. JavaScript 파일에서 Marked를 사용하여 Markdown을 변환합니다. 다음과 같은 코드로 Markdown 파일을 읽고 HTML로 변환할 수 있습니다:

const fs = require('fs');
const marked = require('marked');

fs.readFile('input.md', 'utf8', (err, data) => {
  if (err) throw err;
  const html = marked(data);
  document.getElementById('markdownOutput').innerHTML = html;
});

위 코드에서 'input.md'는 변환할 Markdown 파일의 경로입니다. 필요에 따라 경로를 수정하여 사용하십시오.

1. 정적 웹사이트에서 JavaScript 파일을 로드합니다. HTML 파일에 아래 코드를 추가하여 JavaScript 파일을 로드합니다:

<script src="path/to/your/javascript/file.js"></script>

1. 변환된 Markdown이 정적 웹사이트에 표시됩니다. 이제 HTML 파일을 열거나 정적 웹사이트로 배포하여 Markdown이 HTML로 변환되고 표시되는 것을 확인할 수 있습니다.

이 방법을 사용하여 Marked를 이용해 Markdown 파일을 정적 웹사이트로 변환할 수 있습니다. Marked에 대한 자세한 내용은 공식 문서를 참조하십시오.