Rumah >hujung hadapan web >tutorial js >Dokumentasi projek dengan penjana tapak statik hexo
hexo: menyelaraskan dokumentasi projek github
Hexo, penjana tapak statik yang mantap yang dibina dengan Node.js, menawarkan penyelesaian yang diselaraskan untuk membuat dan menguruskan dokumentasi projek secara langsung dalam repositori GitHub anda. Memanfaatkan fail markdown dan susun atur HTML, Hexo dengan cekap menukarkan kandungan ke HTML statik, sesuai untuk digunakan pada halaman GitHub.Kelebihan utama:
gh-pages
Beberapa kaedah wujud untuk mendokumentasikan projek GitHub: GitHub Wikis, Readmes, Penyelesaian Host sendiri, dan halaman GitHub. Walau bagaimanapun, masing -masing membentangkan kelemahan: Wikis kekurangan pengesanan sumbangan dan menawarkan penyesuaian terhad; Readmes tidak sesuai untuk dokumentasi yang luas; Hosting diri menambah kerumitan dan kos; dan menguruskan dokumentasi pada cawangan
yang berasingan menghalang kerjasama. Hexo dengan elegan mengatasi batasan -batasan ini.
gh-pages
Prasyarat:
node.js dan git. Pasang Node.js (pertimbangkan untuk menggunakan Pengurus Versi seperti NVM) dan Git (menggunakan Pengurus Pakej Sistem anda atau pemasang).
Pemasangan:Gunakan NPM untuk memasang antara muka baris arahan Hexo secara global:
npm install -g hexo-cli
Sahkan pemasangan:
hexo --version
klon repositori github anda secara tempatan.
docs
Inisialisasi Hexo dalam direktori docs
hexo init docs
Pasang Hexo Dependencies: cd docs; npm install
Walaupun banyak tema Hexo yang telah dibina sebelum ini, mewujudkan tema tersuai menyediakan kawalan maksimum. Di dalam direktori Penciptaan Kandungan: Buat fail markdown (mis., penyebaran ke halaman github: Kesimpulan: Hexo memberi kuasa kepada pemaju untuk mencipta dokumentasi projek profesional, teratur, dan mudah dipelihara secara langsung dengan aliran kerja GitHub mereka. Gabungan kesederhanaan dan kuasa menjadikannya alat yang tidak ternilai untuk mana-mana projek sumber terbuka. Soalan Lazim (Soalan Lazim): (seksyen Soalan Lazim asal dikekalkan, tetapi ditulis semula untuk kesimpulan dan kejelasan. Pertimbangkan untuk menambah contoh khusus kepada jawapannya.) docs/themes
, buat folder baru (mis., my-docs-theme
). Strukturnya dengan: _config.yml
, layout
(mengandungi templat swig anda), dan source
(untuk aset). Gunakan preprocessor CSS seperti SASS (Pasang hexo-renderer-sass
dengan NPM) untuk gaya yang cekap. Kemas kini docs/_config.yml
untuk menentukan tema baru anda. index.md
, installation.md
) dalam direktori docs/source
. Setiap fail hendaklah termasuk perkara depan (YAML metadata) yang menyatakan susun atur, tajuk, dan pautan navigasi (menggunakan next
dan prev
sifat).
npm install --save hexo-deployer-git
docs/_config.yml
: tentukan URL repositori GitHub anda dan gh-pages
cawangan. hexo generate; hexo deploy
Atas ialah kandungan terperinci Dokumentasi projek dengan penjana tapak statik hexo. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!