Unduhan hugoplate - Unduhan kode sumber hugoplate

hugoplate

Kategori lainnya

1.0.0

Unduh

Hugo + Tailwind CSS Pemula dan Boilerplate

Hugoplate adalah template pemula gratis yang dibuat dengan Hugo, dan TailwindCSS, menyediakan semua yang Anda perlukan untuk memulai proyek Hugo Anda dan menghemat waktu yang berharga.

Dibuat dengan ♥ oleh Zeon Studio

Jika Anda merasa proyek ini bermanfaat, silakan berikan untuk menunjukkan dukungan Anda.

Demo | Kecepatan Halaman (95+)

Apa yang Termasuk

Kami telah menyertakan hampir semua yang Anda perlukan untuk memulai proyek Hugo Anda. Mari kita lihat apa saja yang termasuk dalam template ini:

Fitur Utama

Multi-Penulis
Saran Postingan Serupa
Fungsi Pencarian
Mode Gelap
Tag & Kategori
Pengaturan Netlify sudah dikonfigurasikan sebelumnya
Formulir kontak dukungan
Sepenuhnya responsif
Tulis dan perbarui konten di Markdown
Komentar Disqus
Penyorotan Sintaks

15+ Halaman Pra-desain

Beranda
Tentang
Kontak
Penulis
Penulis Lajang
blog
Blog Tunggal
Kustom 404
Elemen
Kebijakan Privasi
Tag
Tandai Lajang
Kategori
Kategori Lajang
Mencari

Tumpukan Teknologi

Hugo
CSS penarik
PascaCSS
PembersihanCSS
Awalan Otomatis
Modul Hugo oleh Gethugothemes
Penurunan harga
Lebih cantik
Ya ampun
Netlifikasi
Vercel
Tindakan Github
Gitlab Ci
AWS Memperkuat

Memulai

Pertama, Anda perlu mengkloning atau mengunduh repositori templat, lalu mari kita mulai dengan proses berikut:

Prasyarat

Untuk mulai menggunakan templat ini, Anda perlu menginstal beberapa prasyarat di mesin Anda.

Hugo Diperpanjang v0.124+
Simpul v20+
Buka v1.22+

Pengaturan Proyek

Kami membuat skrip khusus ini untuk mempermudah penyiapan proyek Anda. Ini akan membuat folder tema Hugo baru, dan mengkloning tema Hugoplate ke dalamnya. Kemudian pindahkan folder exampleSite ke direktori root. Sehingga Anda dapat memulai server Hugo Anda tanpa masuk ke folder exampleSite. Gunakan perintah berikut untuk menyiapkan proyek Anda.

 npm menjalankan pengaturan proyek

Instal Dependensi

Instal semua dependensi menggunakan perintah berikut.

 instalasi npm

Komando Pembangunan

Mulai server pengembangan menggunakan perintah berikut.

 npm jalankan dev

Masih Bingung? Tonton Video Singkat

Hugoplate-quick-setup.mp4

Kustomisasi

Templat ini telah dirancang dengan mempertimbangkan banyak opsi penyesuaian. Anda dapat menyesuaikan hampir semua hal yang Anda inginkan, termasuk:

Konfigurasi Situs

Anda dapat mengubah judul situs, URL dasar, bahasa, tema, plugin, dan lainnya dari file hugo.toml .

Param Situs

Anda dapat menyesuaikan semua parameter dari file config/_default/params.toml . Ini termasuk logo, favicon, pencarian, metadata SEO, dan banyak lagi.

Warna dan Font

Anda dapat mengubah warna dan font dari file data/theme.json . Ini termasuk warna primer, warna sekunder, jenis font, dan ukuran font.

Tautan Sosial

Anda dapat mengubah tautan sosial dari file data/social.json . Tambahkan tautan sosial Anda di sini, dan tautan tersebut akan secara otomatis ditampilkan di situs.

Penggunaan Tingkat Lanjut

Kami telah menambahkan beberapa skrip khusus untuk membuat hidup Anda lebih mudah. Anda dapat menggunakan skrip ini untuk membantu pengembangan Anda.

Perbarui Tema

Jika Anda ingin memperbarui tema, Anda dapat menggunakan perintah berikut. Ini akan memperbarui tema ke versi terbaru.

 npm jalankan pembaruan-tema

Catatan: Perintah ini akan berfungsi setelah menjalankan skrip project-setup .

Perbarui Modul

Kami telah menambahkan banyak modul ke template ini. Anda dapat memperbarui semua modul menggunakan perintah berikut.

 npm menjalankan modul pembaruan

Hapus Mode Gelap

Jika Anda ingin menghapus mode gelap dari proyek Anda, Anda dapat menggunakan perintah berikut untuk menghapus mode gelap dari proyek Anda.

 npm jalankan hapus-mode gelap

Catatan: Perintah ini akan berfungsi sebelum menjalankan skrip project-setup . Jika Anda sudah menjalankan perintah project-setup , maka Anda harus menjalankan npm run theme-setup terlebih dahulu, baru Anda dapat menjalankan perintah ini. setelah itu, Anda dapat menjalankan npm run project-setup lagi.

Bangun dan Terapkan

Setelah Anda menyelesaikan pengembangan, Anda dapat membangun atau menyebarkan proyek Anda hampir di mana saja. Mari kita lihat prosesnya:

Bangun Komando

Untuk membangun proyek Anda secara lokal, Anda dapat menggunakan perintah berikut. Ini akan membersihkan semua CSS yang tidak digunakan dan mengecilkan semua file.

 npm jalankan pembangunan

Terapkan Situs

Kami telah menyediakan 5 konfigurasi platform penerapan yang berbeda dengan templat ini, sehingga Anda dapat menerapkannya dengan mudah.

Netlifikasi
Vercel
Tindakan Github
Gitlab Ci
AWS Memperkuat

Dan jika Anda ingin menghosting beberapa platform hosting lainnya. kemudian Anda dapat membangun proyek Anda, dan Anda akan mendapatkan folder public . yang dapat Anda salin dan tempel di platform hosting Anda.

Catatan: Anda harus mengubah baseURL di hugo.toml . Jika tidak, situs Anda tidak akan berfungsi dengan baik.

Panduan untuk Tetap Patuh

Masalah Pelaporan

Kami menggunakan Masalah GitHub sebagai pelacak bug resmi untuk Templat ini. Silakan Cari masalah yang ada. Mungkin saja seseorang telah melaporkan masalah yang sama. Jika masalah atau ide Anda belum terselesaikan, silakan buka terbitan baru.