Рубрики
Uncategorized

Пижама SSG — простой статический генератор сайта с Node.js

И снова здравствуйте! На этой неделе я работаю над своим первым проектом с открытым исходным кодом, который создает статический сайт … Теги с Opensource, JavaScript, Node, Devops.

И снова здравствуйте! На этой неделе я работаю над своим первым проектом с открытым исходным кодом, который создает статический генератор сайта (SSG) с Node.js. Этот SSG может преобразовать файл .txt в файл .html, и это очень просто и легко. Поэтому я назвал его «Pajama-SSG» 💤, потому что вы можете начать создавать веб-страницы прямо сейчас, даже в вашей пижаме!

Я хотел бы представить некоторые детали ниже:

Функции

  • Создайте статические HTML-файлы (ы) из файла .txt (ы)
  • Прочитайте файлы .txt внутри папки (ы) и генерируют файл html (ы)
  • Все генерируемые файлы HTML хранятся в папке ./dist
  • Преобразуйте имя файла в виде заголовка в головном теге
  • Преобразовать первую строку в файле .txt как тег H1

Опция Опции

  • тип -s или -пильзные лист В командной строке она будет преобразована в ссылку в стиле тегов.
  • Установив красивее, преобразованный HTML будет отформатирован

    $ npm установить --save-dev красивее

Я не был уверен, как отформатировать HTML-файл, поэтому мой профессор предложил API · Прекраснее Или HTML Parser!

Установка

  1. Клонировать репо

    $ Git Clone https://github.com/mizuhookimoto/pajama-ssg

  2. Установить Node.js.

    $ npm установить

  3. Перенаправить к каталогу проекта

    $ CD <ваш каталог \ pajama-ssg>

Применение

$node pajama-ssg -i 
$node pajama-ssg -input 
$node pajama-ssg -i 
$node pajama-ssg -input  -stylesheet 
$node pajama-ssg -i  -s 

Помощь

Options:
-h, --help      Show help                            [boolean]
-v              version                              [boolean]
-i, --input     Folder/File input file location      [array] [required]
-s -stylesheet  Specify the name of the stylesheet 

Пример

Входной файл: test.txt

Введите в командной строке (я использовал Water.css):

 $node pajama-ssg -i test.txt -s https://cdn.jsdelivr.net/npm/water.css@2/out/water.css

./test.txt.

Silver Blaze


I am afraid, Watson, that I shall have to go," said Holmes, as we
  sat down together to our breakfast one morning.

"Go! Where to?"

"To Dartmoor; to King's Pyland."

I was not surprised. Indeed, my only wonder was that he had not already been mixed up in this extraordinary case, which was the one topic of conversation through the length and breadth of England.

Тада-! 🧙🌟.

./dist/test.html.




  
    
    
    test
    
  
  
    

Silver Blaze

I am afraid, Watson, that I shall have to go," said Holmes, as we sat down together to our breakfast one morning.

"Go! Where to?"

"To Dartmoor; to King's Pyland."

Лицензия

Этот проект лицензирован в соответствии с лицензией MIT — см. Файл лицензии.

✔️ «Pajama-ssg» Github Repo: https://github.com/mizuhookimoto/pajama-ssg.

Есть еще некоторые проблемы, поэтому я постараюсь улучшить этот проект и сделать его лучше (кодирование никогда не закончено!). Если у вас есть какие-либо идеи, чтобы улучшить его, пожалуйста, не стесняйтесь комментировать или вносить предложения. Надеюсь услышать вас снова:)

Оригинал: «https://dev.to/okimotomizuho/pajama-ssg-simple-static-site-generator-with-node-js-ipk»