내 정적 사이트 생성기 만들기

안녕하세요 여러분,

이번 주에는 JavaScript와 node.js를 사용하여 nan1-ssg이라는 자체 SSG(정적 사이트 생성기)를 만들었습니다. 내 SSG는 사용자가 지정한 대로 .txt 파일에서 .html 파일을 생성합니다.

nan1-ssg의 일부 기능은 다음과 같습니다.

.txt 파일에서 유효한 HTML5 파일을 생성하고 dist 디렉토리에 배치합니다

.

생성된 HTML 파일에 대한 상대 링크가 포함된 index.html 파일이 생성됩니다

.

각 HTML 파일은 기본 스타일시트를 사용하여 아름다움과 가독성을 향상시킵니다

.

용법

내 SSG를 사용하려면 node.js이 필요합니다. node.js가 설치된 후 다음 단계에 따라 도구를 사용하십시오.

이 도구를 사용하려면:

저장소를 컴퓨터의 위치에 복제하거나 다운로드하고 압축을 풉니다.

터미널/명령 창을 열고 도구가 있는 위치로 이동합니다.

npm 설치 명령을 실행합니다.

npm install

npm 링크 명령을 실행합니다.

npm link

도구 사용을 시작하십시오! 예를 들어:

nan1-ssg [-option]

옵션 목록:


옵션
세부


-v, --버전
도구의 이름과 버전을 표시합니다.

-h, --도움말
옵션 및 사용법을 보여주는 도움말 메시지를 표시합니다.

-i , --입력
도구에 HTML 파일을 생성할 파일 이름을 지정합니다. 파일 이름은 파일 또는 디렉토리일 수 있습니다.

예

텍스트 파일의 경우:

node main -i hello.txt

디렉터리의 경우:

node main -i Sherlock-Holmes-Selected-Stories

중첩된 파일:

nan1-ssg -i "./Sherlock-Holmes-Selected-Stories/Silver Blaze.txt"

공백이 포함된 파일:

node main -i "file with spaces.txt"

저장소 링크: nan1-ssg

생성된 정적 사이트의 예: https://neilan99.github.io/