hugo theme charlolamode

charlola.mode

Tema situs web ini didasarkan pada kerangka Hugo. Ini adalah modifikasi dari template Papermod dan Hugo-Paper. Cepat dan mudah digunakan dengan desain minimal dan fungsi paling dasar.

Lihat situs web saya untuk melihat contoh serupa: www.cmart1n.com

Tautan ke tema Hugo: https://themes.gohugo.io/themes/hugo-theme-charlolamode/.

Fitur

1. Sesuaikan beranda Anda dengan ...

   • Judul halaman
   • Nama Anda
   • Keterangan
   • Ikon sosial
   • Tombol

2. Ubah warna semua elemen seperti latar belakang, teks, ikon ...

3. Jika Anda mengklik tab, Anda akan melihat daftar posting.

   • Posting dapat divisualisasikan dengan gambar
   • Posting dapat mengarah ke tautan eksternal

Awal yang cepat

1. Instal Hugo
2. Instal git

Buka Terminal atau Baris Perintah Anda

1. Buat folder baru 'QuickStart'

 hugo new site quickstart

2. Masuk ke folder ini

 cd quickstart

3. Inisialisasi repositori git kosong di direktori saat ini

 git init

4. Klon Repositori ini ke folder Anda

 git submodule add https://github.com/charlola/hugo-theme-charlolamode.git themes/charlolamode

5. Hapus config.toml

 rm config.toml

6. Tambahkan tema dalam file config.yml baru

 echo "theme: charlolamode" >> config.yml

7. Mulai server pengembangan Hugo untuk melihat situs secara lokal.

 hugo server

Setelah server lokal dimulai, Anda dapat melihat situs Anda. Jika webbrowser Anda tidak secara otomatis muncul, buka browser Anda dan masukkan http: // localhost: 1313. Sekarang Anda dapat mulai memodifikasi halaman ini di direktori. Jika Anda menyimpan perubahan baru, situs ini akan secara otomatis menyegarkan dan membuat modifikasi.

Buka kode Visual Studio untuk mengedit blog Anda

3. Buka editor favorit Anda seperti Visual Studio Code

Konfigurasi Dasar

Config.yml adalah sahabat Anda. Anda dapat memodifikasi dan menambahkan informasi, seperti ...

• Judul halaman
• Nama Anda
• Keterangan
• Ikon sosial
• Tombol

Lihatlah charlolamode/config.yml untuk referensi. Ada contoh komentar yang menunjukkan kepada Anda cara dengan mudah menambahkan tab dan ikon sosial seperti LinkedIn, Twitter, YouTube, Instagram. Salin konten di config.yml Anda yang akan menimpa config.yml tema.

Ubah gambar profil

Untuk menambahkan gambar profil Anda, ganti Profile.png di folder statis/gambar . Pastikan Anda mengambil gambar dengan wajah bahagia :)

Tambahkan tab

Di config.yml Anda dapat menambahkan tab baru di sebelah 'artikel' dan 'kontak'. 'Kategori' uncomment untuk memeriksanya.

CATATAN Jika Anda menambahkan tab baru di config.yml, Anda harus melakukan hal berikut:

1. Tambahkan folder baru di 'konten' direktori dengan nama yang sama dengan tab baru.
2. Salin _index.md dari artikel ke folder baru.

Tambahkan konten baru

Jika Anda ingin mendorong konten baru, buat file markdown baru di folder baru. Temukan contoh dalam konten/artikel/artikel.md .

Ubah warna

Lihatlah aset/css/core/tema-vars.css untuk bermain-main dengan warna.

Nonaktifkan 'Mode Profil'

Untuk menampilkan konten artikel di halaman beranda, bukan informasi profil, atur yang berikut di bawah params: di config.yml

 profileMode: 
    enabled: false

Dengan konten artikel dipindahkan ke halaman beranda, menghapus entri menu utama untuk artikel mungkin diinginkan:

 menu:
    main:
        - name: Contact
          url: contact/
          weight: 30
        # - name: Articles
        #   url: articles/
        #   weight: 20
        - name: Projects
          url: projects
          weight: 15

Terima kasih!

Saya menginvestasikan waktu saya sendiri untuk membangun ini dan sepenuhnya gratis. Jika template ini telah menghemat waktu Anda, jangan ragu untuk mendukung halaman ini dengan sumbangan kopi :)

Saya ingin mendapatkan umpan balik, mengirim pesan melalui LinkedIn!

Situs web online

Untuk mendorong situs web Anda secara online, gunakan Azure Static Web atau Netflify. Saya menggunakan Azure Static Web.