Artikulo Direktoryo
🌈【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 port4002
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 pumasokhttp://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
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
Atindex.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
Atindex.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, tumakbojekyll serve
Mag-order na mag-publish ng isang personal na blog. - 在
portfolio
folder, tumakbojekyll 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
--port
ang opsyon ay tumutukoy sa numero ng port. Halimbawa, upang i-host ang iyong website sa port8080
, mangyaring patakbuhin ang sumusunod na command:
jekyll serve --port 8080
- pwede mong gamitin
--config
Tinutukoy ng mga opsyon ang configuration file. Halimbawa, upang gumamit ng isang file na tinatawag namyconfig.yml
configuration file, patakbuhin ang sumusunod na command:
jekyll serve --config myconfig.yml
- pwede mong gamitin
--watch
Pagpipilian 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!
📚 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!