moonwalk

Moonwalk - Tema blog yang cepat dan minimalis dengan mode gelap yang bersih

Coba demo

Fitur

• Mode terang & gelap dengan tema switcher
• Daftar Vertikal, Daftar Horizontal, Daftar Kartu
• Halaman arahan dengan navbar, footer, portofolio
• CEPAT (CSS Sangat Minimal) - 100/100 tentang Kinerja, Aksesibilitas, Praktik Terbaik dan SEO, silakan lihat Laporan Mercusuar untuk detail lebih lanjut
• Responsif dan ramah seluler
• SEO Dioptimalkan (menggunakan tag SEO Jekyll Soopr)
• RSS Feed (menggunakan umpan jekyll)
• Mudah diperpanjang
• Sepenuhnya kompatibel dengan halaman github (lihat Instalasi Halaman GitHub)
• Bagikan gambar yang dihasilkan secara otomatis untuk media sosial (menggunakan SOOPR)
• Tombol Bagikan & Suka (Menggunakan Soopr)

Mercu suar

Instalasi cepat

1. Garakan repositori ini.
2. cd moonwalk
3. bin/bootstrap
4. [Opsional] Daftar di Soopr, dan tambahkan publish_token Anda di _config.yml file.

Jika Anda memasang moonwalk di windows, harap dicatat bahwa Anda mungkin harus menggunakan Ruby 3.0.x alih -alih Ruby 3.1.x - Anda dapat melihat instruksi instalasi spesifik Windows di sini

Mulai server

bin/start - server pengembangan akan dimulai di http://127.0.0.1:4000

Penyebaran

Moonwalk dapat dengan mudah digunakan di semua penyedia cloud (AWS dll.), Dan di layanan hosting situs web statis seperti Netlify & Vercel. Anda juga dapat menggunakan tombol ini untuk melakukan satu klik menggunakan

Jika Anda ingin menggunakan moonwalk sebagai permata atau menggunakan halaman github, silakan lihat halaman ini

Menyesuaikan

Anda dapat mengedit file _config.yml untuk menyesuaikan blog Anda. Anda dapat mengubah hal -hal seperti nama blog, penulis, penampilan tema (terang, gelap atau otomatis), bagaimana tanggal diformat, dll. Bidang yang dapat disesuaikan harus mudah dipahami. Namun, _config.yml berisi beberapa komentar untuk membantu Anda memahami apa yang dilakukan setiap bidang.

Untuk kustomisasi lebih lanjut (misalnya tata letak, CSS) melihat dokumentasi resmi Jekyll tentang menyesuaikan tema berbasis permata.

Kustomisasi menu

Untuk menambah/mengedit/menghapus entri di halaman beranda, Anda dapat menyalin file home.yml di dalam folder _data . Melalui file itu, Anda dapat menentukan struktur menu dan menambahkan data untuk navbar, footer, portofolio atau cukup menghapus semua itu dan menggunakan tata letak blog sederhana. Lihatlah konfigurasi default untuk mendapatkan gambaran tentang cara kerjanya dan membaca untuk penjelasan yang lebih komprehensif.

File home.yml menerima bidang berikut:

1. Daftar Vertikal

• entries Tentukan daftar baru yang tidak dipesan yang akan berisi entri menu
• Setiap entri ditandai oleh - di awal baris
• Setiap entri memiliki atribut berikut:
  • title , yang mendefinisikan teks yang akan diterjemahkan untuk entri menu itu
  • url , yang bisa berupa URL atau false . Jika false , entri akan diterjemahkan sebagai teks biasa; Kalau tidak, entri akan diterjemahkan sebagai tautan yang menunjuk ke URL yang ditentukan. Perhatikan bahwa URL bisa relatif atau absolut.
  • post_list , yang bisa true atau false . Jika itu benar, entri akan memiliki semua posting di Situs sebagai Subentries. Ini digunakan untuk membuat daftar posting Anda.
  • entries , ya, Anda dapat memiliki entri di dalam entri. Dengan cara ini Anda dapat membuat sublist bersarang!

2. Daftar Kartu - Kartu digunakan untuk menampilkan proyek portofolio. Silakan lihat project_entries di file _data/home.yml

• Setiap entri ditandai oleh - di awal baris
• Setiap entri memiliki atribut berikut:
  • title mendefinisikan header kartu
  • desc adalah tubuh kartu
  • url adalah tautan relatif atau absolut yang dapat ditunjukkan oleh kartu ini.
  • highlight jika Anda ingin menyorot sesuatu, tetap singkatnya teks

3. Daftar Horizontal - Moonwalk menggunakan daftar horizontal untuk membuat navbar dan footer. Silakan lihat navbar_entries dan footer_entries dalam file data/home.yml

• Setiap entri ditandai oleh - di awal baris
• Setiap entri memiliki atribut berikut:
  • title mendefinisikan header kartu
  • url adalah tautan relatif atau absolut yang dapat ditunjukkan oleh kartu ini.

Tips pro

1. Moonwalk memiliki 3 tata letak di dalamnya:

• Posting - Untuk konten
• Blog - Untuk daftar posting blog
• Beranda - Untuk halaman arahan Anda dapat mengubah file index.md Anda untuk menggunakan tata letak rumah atau blog.

2. Sangat mudah untuk mengubah skema warna.

• Untuk mode cahaya, sesuaikan variabel CSS ini

 html {
    --bg : # fff ;
    --bg-secondary : # f3f4f6 ;
    --headings : # 1e293b ;
    --text : # 374151 ;
    --text-secondary : # 6b7280 ;
    --links : # 6366f1 ;
    --highlight : # ffecb2 ; // light yellow
    --code-text : # 9d174d ;
}

• Untuk mode gelap menyesuaikan variabel CSS ini

 @mixin dark-appearance {
  html , body  {
      --headings : # 74c0fc ;
      --links : # 91a7ff ;
      --highlight : # 41c7c7 ;
      --bg : # 1f242a ;
      --bg-secondary : # 323945 ;
      --text : # adb5bd ;
      --text-secondary : # 9ca3af ;
      --code-text : # 91a7ff ;
  };
}

3. Daftar gratis di Soopr dan tambahkan publish_token Anda di file _config.yml - dengan ini, setiap halaman mendapat URL pendek, seperti tombol dan gambar berbagi otomatis untuk media sosial.

Berkontribusi

Laporan bug dan permintaan tarik dipersilakan di GitHub di https://github.com/abhinavs/moonwalk.

Perkembangan

Untuk mengatur lingkungan Anda untuk mengembangkan tema ini, jalankan bundle install .

Tema Anda adalah pengaturan seperti situs Jekyll normal! Untuk menguji tema Anda, jalankan bundle exec jekyll serve dan buka browser Anda di http://localhost:4000 . Ini memulai server Jekyll menggunakan tema Anda. Tambahkan halaman, dokumen, data, dll. Seperti normal untuk menguji konten tema Anda. Saat Anda membuat modifikasi pada tema Anda dan ke konten Anda, situs Anda akan beregenerasi dan Anda akan melihat perubahan di browser setelah penyegaran, seperti biasa.

Ketika tema Anda dirilis, hanya file di _layouts , _includes , _sass dan assets yang dilacak dengan git akan dibundel. Untuk menambahkan direktori khusus ke permata tema Anda, silakan edit regexp di moonwalk.gemspec sesuai.

Pengakuan

Basis asli tema ini tidak ada gaya! Tema yang dibuat oleh Riccardo Graziosi - banyak terima kasih telah membuat tema yang luar biasa dengan hampir tidak ada CSS.

Lisensi

Tema ini tersedia sebagai open source di bawah ketentuan lisensi MIT.

Proyek lain

Jika Anda suka moonwalk, lihat proyek saya yang lain

• Cookie - Boilerplate situs web pendaratan gratis menggunakan jekyll dan css tailwind
• SCOOP - Proyek Boilerplate Sinatra menggunakan kornea, Activerecord, Capistrano, Puma & Nginx
• Soopr - Alat yang mendukung Anda dalam pemasaran konten
• ApicAgent - API gratis yang mengekstrak detail perangkat dari string agen pengguna
• PINCODR - API gratis untuk pincodes India
• Humangous - Buat panduan publik dan pribadi 'bekerja dengan Anda'
• Blockr - Alat CLI untuk membantu Anda dengan mudah memblokir dan membuka blokir situs web
• Microrequests - Perpustakaan Python untuk membantu Anda mengonsumsi layanan mikro secara efisien

⚡Anda dapat membaca lebih lanjut tentang saya di blog saya atau ikuti saya di Twitter - @abhinav

⚡Jika Anda menyukai pekerjaan saya, Anda dapat membelikan saya kopi