Упатство за преземање и инсталација на Jekyll: Изградете статична веб-локација за блог од нула на вашиот локален компјутер

Ова Jekyll Преземете го упатството за инсталација и ве научи чекор по чекор✨Можете да имате свој блог без да трошите пари!

Направете статична веб-локација за блог од нула, дури и ако сте почетник, можете лесно да го направите тоа! Нема потреба да се комплицираизгради веб-локација, збогувајте се со маката за градење веб-страница, имајте свој ексклузивен блог за неколку минути и оставете ги вашите таленти и креативност да блеснат! 🚀🎉

Што е Џекил?

Jekyll, статичен генератор на веб-страници, е многу погоден за градење веб-страници за блогови.

Може да користи текст напишан на јазик за означување и да користи распоред за да изгради статични веб-страници.

Можете да го менувате изгледот на веб-локацијата, URL-то, податоците прикажани на страницата и повеќе...

Недостатоците на Џекил се очигледни.Бидејќи не користи база на податоци, тој е целосно несоодветен за градењеЕ-трговијатип на веб-страница.

Кои се предностите на Џекил?

• Џекил е лесен за користење и учење.
• Џекил може да генерира брзи и безбедни статични веб-страници.
• Џекил има достапен голем број теми и приклучоци.

Како да започнете со користење на Jekyll?

1. Инсталирајте го Jekyll.
2. Направете нова веб-страница на Jekyll.
3. Изберете тема Џекил.
4. Додадете ја вашата содржина:Упатство за нова статија на Џекил
5. Прегледајте ја вашата веб-страница.
6. Изградете ја вашата веб-страница.
7. Распоредете ја вашата веб-страница:Jekyll статичкиот блог е распореден на Surge.sh бесплатно

Инсталирајте го Jekyll со преземање на RubyInstaller

Најлесен начин да ги инсталирате Ruby и Jekyll е да го користите RubyInstaller за Windows.

RubyInstaller е независен инсталатер базиран на Windows кој го вклучува јазикот Ruby, околината за извршување, важна документација итн.

Овде го покриваме само RubyInstaller-2.4 и повисоко. Постарите верзии бараат рачна инсталација на Devkit.

Чекор 1:Преземете го RubyInstaller

• Преземете и инсталирајте од RubyInstaller DownloadsРуби+ДевкитВерзија.
• Инсталирајте користејќи ги стандардните опции.

第 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 ▼

gem update

第 7 步:Ние инсталираме компоненти ▼

gem install jekyll bundler

第 8 步:Проверете дали Jekyll е целосно инсталиран ▼

jekyll -v

Направете веб-страница за статичен блог Jelly на вашиот локален компјутер

第 1 步:Променете ја буквата на уредот ▼
Внесете директно во cmdd:

第 2 步:Променете ја тековната папка ▼

cd /d d:\Jekyll\

第 3 步:Креирајте нова веб-страница на Jekyll користејќи ја следнава команда ▼

jekyll new site1

第 4 步:Внесете го директориумот на проектот ▼

cd site1

第 5 步:Започнете ја услугата Jekyll ▼

bundle exec 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 е едноставна рамка во стил на блог за градење статични веб-страници.

користи Markdown и Течен јазик на шаблоните, што ви овозможува лесно да креирате убави, динамични веб-локации.

Видете ја документацијата Џекил за повеќе информации.

Еве неколку корисни ресурси за Џекил. Се надевам дека овие ресурси ќе ви помогнат да го користите Џекил за да изградите веб-страница!