Gumagawa si Jekyll ng maraming static na website nang lokal. Paano i-configure ang mga URL para sa pag-access ng iba't ibang lokal na website?

🌈【Ultimate Tutorial】JekyllMaramihang mga cheat sa configuration ng website, maglaro sa iba't ibang pagbisita sa website, at mag-enjoywalang hangganankasiyahan! ✨🎈

🌈 Gustong madaling makabisado ang mga kasanayan sa pagsasaayos ng maraming site ng Jekyll? dito meronBumuo ng isang static na website ng blog mula sa simula sa iyong lokal na computerAng tunay na tutorial! Mula sa pag-set up ng iba't ibang access sa website hanggang sa pag-enjoy ng walang limitasyong kasiyahan, gagawin ng gabay na ito ang lahat! Hayaan kang maging isang website master! 💥🚀

Jekyll maramihang static na paraan ng pagsasaayos ng website

编辑 _config.yml file upang i-configure ang Jekyll.

Kasama sa mga item sa configuration ang pamagat ng site, paglalarawan, tema, URL, atbp...

Kapag ginagamit ang Jekyll upang bumuo ng maraming website nang lokal, maa-access mo ang iba't ibang mga website sa mga sumusunod na paraan:

Gumamit ng ibang port number:

  • Ang bawat website ay maaaring tumakbo sa ibang numero ng port.
  • Halimbawa, maaari mong patakbuhin ang iyong personal na blog sa port 4001 sa, patakbuhin ang website ng pagpapakita ng proyekto sa port 4002 sa.
  • Sa isang browser, maaari mong ma-access ang iba't ibang mga website sa pamamagitan ng pagtukoy sa numero ng port sa URL.
  • Halimbawa, upang ma-access ang port na tumatakbo 4001 Sa iyong personal na blog, maaari kang pumasok http://localhost:4001.

Narito ang ilang partikular na halimbawa ng configuration:

Gumamit ng ibang port number:

# _config.yml 文件
port: 4001

Gumamit ng ibang domain name:

# _config.yml 文件
url: "http://blog.example. com"

Pamahalaan ang maramihang mga static na website ng Jekyll

Gumagawa si Jekyll ng maraming static na website nang lokal. Paano i-configure ang mga URL para sa pag-access ng iba't ibang lokal na website?

Maaari kang lumikha ng isang hiwalay na folder para sa bawat website, i-customize ang bawat website na may iba't ibang mga profile at nilalaman.

Halimbawa: Sabihin nating gusto mong gumawa ng personal na blog at website ng showcase ng proyekto.

personal na blog:

  • Lumikha ng isang file na tinatawag na blog folder.
  • blog folder, lumikha _config.yml At index.md file
  • _config.yml Sa file, i-configure ang pamagat ng site, paglalarawan, atbp...
  • _posts folder, idagdag ang iyong post sa blog.

Website ng pagpapakita ng proyekto:

  • Lumikha ng isang file na tinatawag na portfolio folder.
  • portfolio folder, lumikha _config.yml At index.md file
  • _config.yml Sa file, i-configure ang pamagat ng site, paglalarawan, atbp...
  • _posts folder, idagdag ang impormasyon ng iyong proyekto.

Pag-publish ng website:

  • blog folder, tumakbo jekyll serve Mag-order na mag-publish ng isang personal na blog.
  • portfolio folder, tumakbo jekyll serve Website ng pagpapakita ng proyekto sa pagpapalabas ng command.
  • Ang paggamit ng Jekyll upang bumuo ng maraming website ay isang simple at epektibong paraan.

Paano magsimula ng isang lokal na naka-install na website ng Jekyll sa pamamagitan ng isang utos?

Ilulunsad sa pamamagitan ng command line na naka-install nang lokal d:\Jekyll\site1\ Para sa website ng Jekyll, maaari mong sundin ang mga hakbang na ito:

1. Mag-navigate sa folder ng website ng Jekyll:

  • Magbukas ng command line o terminal.
  • Mag-navigate sa folder ng website gamit ang command
d:
cd d:\Jekyll\site1\

2. Patakbuhin ang jekyll serve command:

jekyll serve
  • Ang utos na ito ay magsisimula sa Jekyll server at magsisimulang mag-host ng iyong website nang lokal.

3. Maaari mong tingnan ang iyong website sa pamamagitan ng pag-access sa sumusunod na URL sa iyong browser:

http://localhost:4001

Narito ang ilang karagdagang tip:

  • pwede mong gamitin--portang opsyon ay tumutukoy sa numero ng port. Halimbawa, upang i-host ang iyong website sa port 8080 , mangyaring patakbuhin ang sumusunod na command:
jekyll serve --port 8080
  • pwede mong gamitin--configTinutukoy ng mga opsyon ang configuration file. Halimbawa, upang gumamit ng isang file na tinatawag namyconfig.ymlconfiguration file, patakbuhin ang sumusunod na command:
jekyll serve --config myconfig.yml
  • pwede mong gamitin--watchPagpipilian upang awtomatikong i-restart ang server kapag gumawa ka ng mga pagbabago. Halimbawa, upang paganahin ang monitor mode, patakbuhin ang sumusunod na command:
jekyll serve --watch
  • I-deploy ang iyong website gamit ang sumusunod na command:
jekyll build

Paano magdagdag ng nilalaman ng artikulo sa Jekyll?

Gumawa ng .md file para magdagdag ng content.

Suporta ni Jekyll Markdown Grammar, na maaaring gamitin sa pag-format ng text, pagpasok ng mga larawan, paggawa ng mga link, atbp...

Sa pamamagitan ng pagsunod sa tutorial sa ibaba, dapat ay mabilis kang makagawa ng website na nababagay sa iyong mga pangangailangan▼

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) ibinahagi "Si Jekyll ay gumagawa ng maraming static na website nang lokal. Paano i-configure ang mga URL para sa pag-access ng iba't ibang lokal na website?" 》, nakakatulong sa iyo.

Maligayang pagdating upang ibahagi ang link ng artikulong ito:https://www.chenweiliang.com/cwl-31561.html

Maligayang pagdating sa Telegram channel ng blog ni Chen Weiliang para makuha ang pinakabagong mga update!

🔔 Maging una upang makuha ang mahalagang "ChatGPT Content Marketing AI Tool Usage Guide" sa direktoryo ng nangungunang channel! 🌟
📚 Ang gabay na ito ay naglalaman ng malaking halaga, 🌟Ito ay isang bihirang pagkakataon, huwag palampasin ito! ⏰⌛💨
Share and like kung gusto mo!
Ang iyong pagbabahagi at pag-like ay ang aming patuloy na pagganyak!

 

发表 评论

Ang iyong email address ay hindi mai-publish. 必填 项 已 用 * Tatak

mag-scroll sa itaas