tabi Unduh - unduhan kode sumber tabi

tabi

Kategori lainnya

v3.1.0

Unduh

? tabi

Tema Zola yang dapat diakses dengan pencarian, dukungan multi-bahasa, JavaScript opsional, skor Lighthouse sempurna, dan dokumentasi komprehensif. Dibuat untuk situs web dan blog pribadi.

Tip

Ingin segera mulai ngeblog? Gunakan templat tabi-start untuk mengaktifkan dan menjalankan situs lengkap dalam hitungan menit.

Lihat pratinjau langsung (dan dokumentasi tema) di sini.

Jelajahi bagian Situs Menggunakan tabi untuk melihat aplikasi dunia nyata.

tabi (旅, / tɐ ˈ b i /): Perjalanan.

tabi

tabi mendapat nilai sempurna pada audit Lighthouse Google:

Fitur

Instalasi

Catatan

Cara tercepat untuk membuat situs baru adalah dengan menggunakan template tabi-start. Ini memberi Anda pengaturan blog lengkap dengan semua konfigurasi penting yang siap digunakan.

Instalasi manual

Untuk menambahkan tabi ke situs Zola Anda yang sudah ada:

Inisialisasi repositori Git di direktori proyek Anda (jika Anda belum melakukannya):

 git init

Tambahkan tema sebagai submodul git:

 git submodule add https://github.com/welpo/tabi.git themes/tabi

Atau kloning tema ke direktori tema Anda:

 git clone https://github.com/welpo/tabi.git themes/tabi

Konfigurasi yang diperlukan

Aktifkan tema di config.toml Anda :

 theme = "tabi"

Tetapkan title di config.toml Anda :

 title = "Your Site Title"

Konfigurasikan penyorotan blok kode di config.toml Anda:

[ markdown ]
highlight_code = true
highlight_theme = " css "

Buat file content/_index.md . File ini mengontrol tampilan dan perilaku halaman beranda Anda. Pilih salah satu opsi berikut:
Opsi A: Sajikan postingan dari / :
```
 +++
title = "Home"
paginate_by = 5  # Show 5 posts per page.
+++
```
- Ini akan menampilkan posting di content/ dengan pagination.
Opsi B: Sajikan postingan dari jalur berbeda (misal, blog/ ) :
```
 +++
title = "Home"
# Note we're not setting `paginate_by` here.

[extra]
section_path = "blog/_index.md"  # Where to find your posts.
max_posts = 5  # Show 5 posts on the home page.
+++
```
- Ini akan menampilkan 5 postingan terbaru dari blog/ bagian.
- Jangan setel paginate_by jika Anda memilih opsi ini.
- Gunakan jalur lengkap ke file _index.md bagian tersebut. Menggunakan section_path = "blog/" tidak akan berfungsi.

Peringatan

Jangan setel paginate_by dan section_path di content/_index.md .

Pengaturan ini saling eksklusif dan menggunakan keduanya dapat mengakibatkan tidak ada postingan yang ditampilkan.

Jika Anda menginginkan bagian perkenalan (lihat tangkapan layar di atas), tambahkan baris ini ke content/_index.md :

 [extra]
header = {title = "Hello! I'm tabi~", img = "img/main.webp", img_alt = "Your Name" }

Konten di luar materi depan akan ditampilkan di antara judul header dan daftar postingan. Pada tangkapan layar di atas, terdapat teks yang bertuliskan "tabi adalah tema Zola yang cepat, ringan, dan modern…".

Jika Anda menginginkan situs multibahasa, Anda perlu mengatur setiap bahasa. Di config.toml , atur judul dan taksonomi untuk setiap bahasa, seperti:

[ languages . es ]
title = " ~/tabi "
taxonomies = [{ name = " tags " , feed = true }]

Anda memerlukan _index.{language_code}.md per bahasa untuk setiap bagian (misalnya /blog atau /projects) yang ingin Anda aktifkan dalam bahasa tersebut.

Hal yang sama juga berlaku untuk setiap postingan, yang harus memiliki nama yang sama persis dengan bahasa default, dengan tambahan .{code} sebelum ekstensi (misalnya, versi bahasa Spanyol dari security.md adalah security.es.md ).

Konfigurasi ini memungkinkan pengalih bahasa mengarahkan pengguna ke terjemahan URL saat ini. Jika terjemahan tidak ada, halaman 404 akan ditampilkan, dengan penjelasan dalam setiap bahasa yang diatur di konfigurasi.

Untuk mempelajari lebih lanjut tentang dukungan multibahasa, lihat Pertanyaan Umum.

Memperbarui tabi

Jika Anda menambahkan tema sebagai submodul git, jalankan:

git submodule update --remote themes/tabi

Jika Anda mengkloningnya:

 cd themes/tabi
git pull

Situs menggunakan tabi

Situs web	Pencipta	Keterangan	Sumber Situs
osc.garden	Óscar Fernández (welpo)	Ilmu data, psikologi, dan Zola	Sumber
sandip.live	Sandip G (manusia pasir)	Startup, teknologi, dan kehidupan yang baik	Sumber
seadve.github.io	Dave Patrick Caberto (SeaDve)	Blog pribadi dan portofolio dengan CSS khusus	Sumber
mikufan.halaman	Nadia	Blog pribadi	Sumber
tim-boettcher.online	Tim Böttcher	Wawasan dan ocehan seorang programmer tunanetra-rungu	Sumber
www.richtman.au	Ariel Richtman	Blog teknologi pribadi	Sumber
Permainan Ponderosa	John Burak (JVimes)	Perusahaan game indie yang ramah	—
jmbhughes.com	Marcus Hughes (jmbhughes)	Blog pribadi	Sumber
szabolcs.me	Szabolcs Fazekas (szabolcsf)	Blog pribadi	Sumber