hugo 8bits theme

Tema Hugo 8-bit

Tema Hugo 8-Bits didasarkan pada kerangka kerja CSS gaya NES yang dikembangkan oleh @BC_Rikko.

Demo langsung

Info Kerangka Kerja NES.CSS

Nama	NES.CSS
Keterangan	Kerangka kerja CSS bergaya NES
Perancang	Bcrikko
Versi	2.3.0
Dilepaskan	17 Des 2019
Lisensi	Informasi perizinan

Instalasi

 $ cd /<your-hugo-site-directory>
$ git submodule add https://github.com/miguelsimoni/hugo-8bits-theme.git themes/hugo-8bits-theme

Info lebih lanjut: Panduan Pengaturan Hugo

Konfigurasi

config.yaml

Multibahasa

Anda dapat menampilkan atau menyembunyikan menu dropdown bahasa dari config.yaml :

 languagesMenuEnabled : true

Remah roti

Anda dapat menampilkan atau menyembunyikan halaman saat ini di remah roti dari config.yaml :

 breadcrumb :
  showCurrent : true

Pagination Loader

Anda dapat mengaktifkan atau menonaktifkan pagination loader (muat tombol lebih banyak) di halaman daftar dari config.yaml :

 pagination :
  loader : true

Menonaktifkannya akan menampilkan widget pagination standar.

Latar belakang

Anda dapat mengatur latar belakang tema hanya menjatuhkan gambar pada static/images/ folder dan mengetik namanya di parameter params.background.image . Anda juga dapat mengatur efek paralaks dan kecepatannya untuk bagian posting.

 background :
  image : " ../images/background.png "
  parallax : true
  speed : 10

Kontak

Anda dapat mengaktifkan Formulir DE Kontak untuk membiarkan pengunjung mengirimi Anda pesan menggunakan layanan pesan seperti Formspree hanya menambahkan URL Tindakan Formulir Kontak Anda di config.yaml :

 contact :
  formAction : https://formspree.io/f/yourformcode

Jejaring sosial

Anda dapat menambahkan nama pengguna untuk jejaring sosial yang didukung saat ini di config.yaml :

 social :
  - network : twitter
    link : " https://www.twitter.com/8bits "
  - network : facebook
    link : " https://www.facebook.com/8bits "
  - network : instagram
    link : " https://www.instagram.com/8bits "

Lihat config.yaml untuk lebih banyak contoh pada parameterisasi jejaring sosial.

Komentar

Didukung oleh Disqus

 disqusShortname : " yourdiscussshortname "

Nonaktifkan sistem komentar dengan meninggalkan params.disqusShortname kosong.

Google Analytics

 googleAnalytics : " UA-123-45 "

Nonaktifkan Google Analytics dengan meninggalkan params.googleAnalytics kosong.

Lebih banyak pengaturan!

Lihat seluruh konfigurasi dalam file config.yaml.

Contoh situs

Folder exampleSite didasarkan pada contoh Hugo Basic dan menawarkan situs contoh untuk tema ini.

exampleSite/content/ folder berisi yang berikut:

• Bagian yang dipanggil /post/ dengan konten penurunan sampel.
• about.md yang dimaksudkan untuk menyediakan /about/ halaman untuk demo tema.
• contact.md yang dimaksudkan untuk menyediakan /contact/ halaman untuk formulir kontak.

Hampir Sana ...

Untuk melihat situs Anda beraksi, Anda dapat menjalankan server lokal bawaan Hugo.

$ cd exampleSite
$ hugo server -t ../..

Sekarang masukkan http://localhost:1313/ Di bilah alamat browser Anda.

Penyebaran

• Hosting di GitHub
• Lebih banyak opsi hosting dan penempatan

Berkontribusi

• Menemukan bug?
• Punya ide untuk fitur baru?

Beri tahu saya menggunakan pelacak masalah atau membuatnya langsung dengan permintaan tarik.

Lisensi

Tema ini dan kerangka kerja yang memungkinkan dirilis di bawah lisensi MIT. Periksa lisensi kerangka kerja asli untuk informasi lisensi tambahan.

Terima kasih

Terima kasih kepada Steve Francia karena telah menciptakan Hugo dan komunitas yang luar biasa di sekitar proyek. Dan juga terima kasih kepada Bcrikko untuk menciptakan kerangka kerja nostalgia yang luar biasa ini.