Jekyll жүктеп алу және орнату оқулығы: жергілікті компьютерде нөлден бастап статикалық блог веб-сайтын жасаңыз

бұл Джек Орнату бойынша нұсқаулықты жүктеп алып, сізге кезең-кезеңімен үйретіңіз✨Ақша жұмсамай-ақ өз блогыңызға ие бола аласыз!

Статикалық блог веб-сайтын нөлден жасаңыз, тіпті жаңадан бастасаңыз да, оны оңай жасай аласыз! Асқындырудың қажеті жоқСтанция салу, веб-сайт құру қиындығымен қош айтыңыз, бірнеше минут ішінде өзіңіздің эксклюзивті блогыңызға ие болыңыз және сіздің таланттарыңыз бен шығармашылығыңыз жарқырай берсін! 🚀🎉

Джекилл дегеніміз не?

Jekyll, статикалық веб-сайт генераторы блог веб-сайттарын құру үшін өте қолайлы.

Ол белгілеу тілінде жазылған мәтінді пайдалана алады және статикалық веб-сайттарды құру үшін орналасуды пайдалана алады.

Веб-сайттың сыртқы түрін, URL мекенжайын, бетте көрсетілетін деректерді және т.б. өзгертуге болады...

Джекиллдің кемшіліктері анық.Ол деректер базасын пайдаланбағандықтан, ол құруға мүлдем жарамсыз.Электрондық коммерциявеб-сайт түрі.

Джекиллдің артықшылықтары қандай?

• Jekyll пайдалану және үйрену оңай.
• Jekyll жылдам және қауіпсіз статикалық веб-сайттарды жасай алады.
• Jekyll-де көптеген тақырыптар мен плагиндер бар.

Jekyll пайдалануды қалай бастау керек?

1. Jekyll орнатыңыз.
2. Жаңа Jekyll веб-сайтын жасаңыз.
3. Jekyll тақырыбын таңдаңыз.
4. 添加你的内容：Jekyll新建文章教程
5. Веб-сайтыңызды алдын ала қараңыз.
6. Веб-сайтыңызды жасаңыз.
7. Веб-сайтыңызды орналастырыңыз:Jekyll статикалық блогы Surge.sh сайтында тегін орналастырылған

RubyInstaller жүктеп алу арқылы Jekyll орнатыңыз

Ruby және Jekyll орнатудың ең оңай жолы - Windows жүйесіне арналған RubyInstaller бағдарламасын пайдалану.

RubyInstaller – Windows жүйесіне негізделген тәуелсіз орнатушы, ол Ruby тілін, орындау ортасын, маңызды құжаттаманы және т.б.

Біз мұнда тек RubyInstaller-2.4 және одан жоғары нұсқаларды қарастырамыз. Ескі нұсқалар Devkit қолданбасын қолмен орнатуды қажет етеді.

1-қадам:RubyInstaller жүктеп алыңыз

• RubyInstaller Downloads қолданбасынан жүктеп алыңыз және орнатыңызRuby+Devkitнұсқасы.
• Әдепкі опцияларды пайдаланып орнату.

2-ші күн:cmd енгізіңіз

Төмен басыңызWIN + R пернесі, содан кейін енгізіңіз cmd, содан кейін Enter ▼ түймесін басыңыз

3-ші күн:Пәрмен енгізуін енгізіңіз ridk installОрнатудың соңғы кезеңіндегі қадамдар.

• Бұл жергілікті кеңейтімдері бар асыл тастарды орнату үшін қажет.
• Опциялардан таңдаңызMSYS2 and MINGW development tool chain.

• Пәрменді орындау ruby -v 和 gem -v Орнатудың сәтті болғанын растау үшін нұсқа нөмірін тексеру.

Windows жүйесінің Бастау мәзірін ашып, табыңызStart Command Prompt with Ruby, Ruby пәрмен жолын қосу үшін.

4-ші күн:Асыл тас көзін қытай көзіне ауыстырыңыз

Желіге қосылу және жылдамдық мәселелеріне байланысты асыл тасты жаңартуды қарастырмас бұрын, асыл тас көзін қытай көзіне ауыстыру ұсынылады▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

немесе

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

5-ші күн:Ағымдағы дереккөздерді тексеріп көрейік ▼

gem sources -l

• Тек бар екеніне көз жеткізіңіз gems.ruby-china.com

6-ші күн:Ruby асыл тасты жаңартыңыз▼

gem update

7-ші күн:Біз компоненттерді орнатамыз ▼

gem install jekyll bundler

8-ші күн:Jekyll толық орнатылғанын тексеріңіз▼

jekyll -v

Жергілікті компьютерде Jelly статикалық блог веб-сайтын жасаңыз

1-ші күн:Диск әрпін өзгерту▼
Тікелей cmd арқылы енгізіңізd:

2-ші күн:Ағымдағы қалтаны өзгерту▼

cd d:\Jekyll\

3-ші күн:Келесі пәрменді пайдаланып жаңа Jekyll веб-сайтын жасаңыз ▼

jekyll new site1

4-ші күн:Жоба каталогын енгізіңіз▼

cd site1

5-ші күн:Jekyll қызметін іске қосыңыз▼

jekyll serve

аудару--livereloadопцияларыserveБастапқы файлға өзгертулер енгізілген сайын бетті автоматты түрде жаңартыңыз▼

bundle exec jekyll serve --livereload

• Веб-сайтыңызды жасаған кезде пайдаланыңызjekyll serveНемесе jekyll build
• Браузерді әрбір өзгерту кезінде жаңартуға мәжбүрлеу үшін пайдаланыңызjekyll serve --livereload.
• jekyll serveКірістірілген сайт нұсқасы_siteОрналастыру үшін жарамсыз.
• Жасалған сайттағы сілтемелер мен актив URL мекенжайларын пайдаланыңыз jekyll serve пайдаланатын болады https://localhost:4000 Мән тораптың конфигурация файлында емес, пәрмен жолы конфигурациясы арқылы орнатылады.

6-ші күн:кіру http://localhost:4000 Жобаны қарау.

Ескерту:

• Егер файл xxx.github .io/blog ішіне орналастырылса, бұл Github беті жаңартылмауы мүмкін.
• Бұл құбылыстың себебі GitHub тек xxx.github .io/_includes-ті Jekyll-де оқиды және blog/_includes-ке терең кірмейді.
• Бақытымызға орай, бұл мәселе қиын мәселе емес, GitHub сайтында Github бетін орнатсаңыз болды, мәселе бірден шешіледі!

Жергілікті компьютерде орнатылған Jekyll веб-сайтын командалар арқылы қалай жоюға болады?

Жергілікті орнатылған Jekyll веб-сайтын жою үшін келесі пәрменді пайдалануға болады.

Жасалған файлдарды жою:

1-ші күн:Жасалған файлдарды тазалау үшін келесі пәрменді орындаңыз▼

jekyll clean

2-ші күн:Барлық веб-сайт каталогтарын жойыңыз

• Толық веб-сайт каталогын толығымен жойғыңыз келсе, қолмен жоюға болады C:/Users/a/myblog қалта.

Джекил ресурстары

Jekyll - статикалық веб-сайттарды құруға арналған қарапайым, блог стиліндегі құрылым.

пайдаланады шамасы және әдемі, динамикалық веб-сайттарды оңай жасауға мүмкіндік беретін сұйық үлгі тілі.

Қосымша ақпарат алу үшін Jekyll құжаттамасын қараңыз.

Міне, Jekyll туралы пайдалы ресурстар. Бұл ресурстар сізге веб-сайт жасау үшін Jekyll-ді пайдалануға көмектеседі деп үміттенемін!