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

2067 단어
안녕하세요 여러분,

이번 주에는 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/

    좋은 웹페이지 즐겨찾기