Jekyll темасын кантип колдонсо болот? Jekyll блог темасын орнотуу үйрөткүчү

💥ӨзүңдүкүспамеБлогуңуздун темасын 100 эсе өркүндөтүүнүн укмуштуу сыры, мен таң калдым! 🤯

Бул окуу куралы сизге Jekyll темасын кантип орнотууну жана колдонууну үйрөтөт.

Кызыксыз блогдор менен коштошуп, уникалдуу жана жекелештирилген мейкиндикти түзүңүз!

Сиз блоггер болууга жардам бере турган ар кандай практикалык кеңештер жана ойлонулган сунуштар! 🚀✨

Jekyll темасы деген эмне?

Jekyll темасы - бул алдын ала түзүлгөн Jekyll веб-сайты, аны сиз өз веб-сайтыңызды куруу үчүн баштапкы чекит катары колдоно аласыз.

Тема сиз баштоо үчүн керек болгон бардык кодду, стилдерди жана шаблондорду камтыйт.

Jekyll темасын кантип колдонсо болот? Jekyll блог темасын орнотуу үйрөткүчү

Jekyll блог темасын кантип орнотуу керек?

боюнчаМыкты жана жөнөкөй Jekyll темасын тандаңызАкыр-аягы, сиз төмөнкү кадамдарды аткаруу менен веб-сайтыңызды кура баштасаңыз болот:

1 кадам:. Jekyll орнотуу

  • Ruby орнотулганын текшериңиз.
  • Төмөнкү буйрукту колдонуп Jekyll орнотуу:
gem install jekyll

2-кадам: жаңы Jekyll веб-сайтын түзүү

  • Төмөнкү буйрукту колдонуу менен жаңы Jekyll вебсайтын түзүңүз:
jekyll new site1
  • Же адегенде site1 каталогун түзүү үчүн төмөнкү буйрукту колдонуңуз:
mkdir site1

Андан кийин, ушуга барыңыз site1 Каталогдун ичинде:

cd site1

Учурдагы каталогдо Jekyll вебсайтын түзүңүз:

jekyll new .

3-кадам: Макала файлдарын көчүрүү

  • Сиз тандаган макала файлын көчүрүңүз_postsпапка.

4-кадам: Вебсайтыңызды конфигурациялаңыз

  • Сайтты түзөтүү1/_config.yml веб-сайтыңызды конфигурациялоо үчүн файл.

  • Сиз төмөнкү орнотууларды конфигурациялашыңыз керек:

    • site.name: Вебсайтыңыздын аталышы.
    • site.description: Вебсайтыңыздын сүрөттөмөсү.
    • baseurl: Вебсайтыңыздын URL.

5-кадам: Мазмунуңузду кошуңуз

  • жаңы түзүү Markdown мазмунуңузду кошуу үчүн файл.
  • Markdown файлдары текстти, сүрөттөрдү, кодду жана башка мазмунду камтышы мүмкүн.

6-кадам: Вебсайтыңызды алдын ала көрүңүз

  • Төмөнкү буйрукту колдонуп сайтыңызды алдын ала көрүңүз:
bundle exec jekyll serve
  • Бул буйрук жай жана жергиликтүү серверди иштетип, жергиликтүү алдын ала көрүү керек.

7-кадам: Вебсайтыңызды түзүңүз

  • Төмөнкү буйруктарды колдонуп веб-сайтыңызды түзүңүз:
bundle exec jekyll build
  • Бул буйрук тезирээк жана статикалык файлдарды түзүп, веб-сайтты жайылтуу үчүн гана керек.

8-кадам: Вебсайтыңызды жайылтыңыз

  • болот _site Папканы веб сервериңизге жайгаштырыңыз.

Git clone буйругун колдонуп, жергиликтүү компьютерге Jekyll темасын кантип орнотуу керек?

колдонуу керек git clone Жергиликтүү компьютериңизде Jekyll темасын жайылтуу үчүн төмөнкү кадамдарды аткарсаңыз болот:

1. Буйрук сабын же терминалды ачыңыз.

2. Теманы жайгаштыргыңыз келген папкага өтүңүз.

3. Төмөнкү буйрукту иштетиңиз:

git clone https://github.com/melangue/dactl.git
  • Бул буйрук Jekyll тема репозиторийсин учурдагы папкага клондойт.

4. Клондолгон тема папкасына өтүңүз.

5. Төмөнкү буйрукту иштетиңиз:

bundle exec jekyll serve
  • Бул буйрук Jekyll серверин ишке киргизип, веб-сайтыңызды локалдык түрдө жайгаштырууну баштайт.

Төмөнкү URL дарегине кирип веб-сайтыңызды көрө аласыз:

  • http://localhost:4000

Бул жерде кээ бир кошумча кеңештер:

  • Сиз колдоно аласыз --branch Параметрлер клондоо үчүн бутакты белгилейт. Мисалы, клондоо master бутак, төмөнкү буйрукту аткарыңыз:
git clone https://github.com/melangue/dactl.git --branch master
  • Сиз колдоно аласыз --depth Опция клондоо тарыхынын тереңдигин аныктайт. Мисалы, акыркы 10 тапшырманы клондоо үчүн, төмөнкү буйрукту аткарыңыз:
git clone https://github.com/melangue/dactl.git --depth 10

Бул кадамдар Jekyll темасын жергиликтүү компьютериңизге жайылтууга жардам берет деп үмүттөнөбүз!

Hope Chen Weiliang блогу ( https://www.chenweiliang.com/ ) бөлүштү "Jekyll темасын кантип колдонуу керек?" Jekyll блогунун темасын орнотуу үйрөткүчү" сизге жардам берет.

Бул макаланын шилтемесин бөлүшүүгө кош келиңиз:https://www.chenweiliang.com/cwl-31576.html

Көбүрөөк жашыруун трюктарды ачуу үчүн🔑, биздин Telegram каналыбызга кошулуңуз!

Бөлүшүп, жакса лайк! Сиздин бөлүшүүлөрүңүз жана лайктарыңыз биздин туруктуу мотивациябыз!

 

发表 评论

Сиздин электрондук почта дарегиңиз жарыяланбайт. Милдеттүү талаалар колдонулат * 标注

Жылдыруу үчүн Top