Jekyll татаж авах, суулгах заавар: Орон нутгийн компьютер дээрээ эхнээс нь статик блог вэбсайт үүсгээрэй

这篇 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 цэсийг нээгээд олоорой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-г шинэчилнэ үү▼

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-д унших бөгөөд блог/_includes-д гүнзгий орохгүй.
• Аз болоход энэ асуудал тийм ч хэцүү асуудал биш, GitHub дээр Github хуудас үүсгээд л, асуудал хоромхон зуур шийдэгдэнэ!

Орон нутгийн компьютер дээр суулгасан Jekyll вэбсайтыг тушаалаар хэрхэн устгах вэ?

Та локал суулгасан Jekyll вэбсайтыг устгахын тулд дараах тушаалыг ашиглаж болно.

Үүсгэсэн файлуудыг устгах:

1-р сар:Үүсгэсэн файлуудыг арилгахын тулд дараах тушаалыг ажиллуулна уу▼

jekyll clean

2-р сар:Бүх вэбсайтын лавлахыг устгана уу

• Хэрэв та вэбсайтын лавлахыг бүхэлд нь устгахыг хүсвэл гараар устгаж болно C:/Users/a/myblog хавтас.

Жекиллийн нөөц

Jekyll бол статик вэбсайт бүтээхэд зориулагдсан энгийн, блог маягийн хүрээ юм.

ашигладаг Markdown болон Liquid загвар хэл нь танд үзэсгэлэнтэй, динамик вэбсайтуудыг хялбархан үүсгэх боломжийг олгоно.

Дэлгэрэнгүй мэдээллийг Jekyll баримтаас үзнэ үү.

Энд Jekyll-ийн талаар хэрэгтэй зарим эх сурвалжууд байна. Эдгээр материалууд нь танд Jekyll-ийг вэбсайт бүтээхэд тусална гэж найдаж байна!