Unduh karngyan.com - Unduh Kode Sumber karngyan.com

karngyan.com

Data situs web

1.0.0

Unduh

Logo

template.karngyan.com

Dark bertema, Seo Friendly: Nuxt Content + TailwindCSS + Firebase + I18n Spa berbasis untuk menunda -nunda pengembang untuk dengan cepat memutar blog kickass mereka sendiri dan memamerkan proyek mereka.

Layar Nama Produk Bidikan Layar

Kunjungi: template.karngyan.com untuk melihat semua fitur yang diaktifkan versi templat ini.

Daftar isi

Instruksi untuk membuatnya sendiri
Opsi penempatan lainnya
Berkontribusi
Garpu yang luar biasa
Lisensi
Kontak

Instruksi untuk membuatnya sendiri

Direkomendasikan [lebih seperti cara termudah dan tercepat]

Garpu proyek.
Kloning salinan Anda dan buat cabang Anda sendiri.

 # replace <username> with your username
git clone [email protected]: < username > /karngyan.com.git
git checkout -b website

Pilih editor favorit Anda dan buka proyek.
Pengaturan Pengembangan Lokal:

 # install node <= 14 and yarn (highly recommended)
$ npm install --global yarn

# cd into your project and install the dependencies
$ yarn install

# run the dev server
$ yarn dev

# open localhost:3000

Halaman mungkin tidak memuat sekarang, Anda dapat mengatur firebase.enabled = false di karngyan.config.js untuk saat ini. Baca bersama.

Edit karngyan.config.js sesuai keinginan Anda. Anda dapat menghidupkan dan mematikan bagian/halaman dengan mengubah nilai enabled untuk objek masing -masing.
- Anda dapat menambahkan gambar Anda ke direktori static . Itu cocok dengan root saat digunakan.
- Perbarui objek strings sesuai.
Untuk mengaktifkan komentar dan suka di posting blog dan posting proyek, kami menggunakan Firebase. Jika Anda tidak membutuhkannya, atur firebase.enabled = false di karngyan.config.js , dan pindah ke langkah berikutnya. Jika tidak, ikuti ini:
- Buat proyek Firebase.
- Buat aplikasi web dan dapatkan objek konfigurasi Firebase. (Anda dapat mengikuti video ini)
- Aktifkan otorisasi (penyedia Google didukung sampai sekarang)
- Aktifkan Firestore
- Atur aturan Cloud Firestore berikut, sehingga database Anda dilindungi:
```
 rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /likes/{id} {
      allow write: if request.auth != null;
      allow read: if true;
    }
    match /comments/{id} {
      allow write: if request.auth != null && 
        request.resourse.data.text.size() > 0 &&
        request.resource.data.slug.size() > 0;
      allow read: if true;
    }
  }
}
```
- Ini sebenarnya membuka celah keamanan bacaan terbuka dan akan meningkatkan tagihan firebase Anda untuk terlalu banyak bacaan.
- Hanya jika Anda akan menguji secara lokal
  - Buat salinan .env.example -> .env dan tambahkan nilai dari objek config.
Deploy to netlify menggunakan konfigurasi berikut:
- Repositori: Repositori bercabang Anda
- Cabang: website
- Direktori Publikasikan: dist
- Bangun Perintah: yarn generate
- Jangan lupa untuk menambahkan semua variabel lingkungan jika Anda telah mengaktifkan firebase.
Tulis blog Anda di content/posts dan proyek dalam content/projects dalam penurunan harga atau HTML. Ada beberapa sampel yang datang dengan template.
Tambahkan ke pementasan, komit, dan dorong.

Kode adalah milik Anda, edit apa pun yang Anda rasakan. Jangan lupa untuk membintangi repositori jika Anda menyukainya.

Proyek ini menggunakan konten Nuxt, Anda dapat membacanya di sini

Anda juga dapat mengatur kehutanan untuk tidak pernah membuka kode dan menggunakan editor keren. Saya akan menambahkan instruksi untuk menggunakannya nanti.

Opsi penempatan lainnya

Situs web saya sendiri Karngyan.com sebenarnya digunakan pada AWS dalam ember S3, dengan Cloudfront. Tapi itu datang dengan beberapa peringatan untuk dikonfigurasi dan dipelihara. Ngomong -ngomong, Gulpfile.js untuk digunakan AWS berkomitmen dengan proyek jika Anda merasa ingin memeriksanya.

Berkontribusi

Kontribusi inilah yang membuat komunitas open source menjadi tempat yang luar biasa untuk dipelajari, menginspirasi, dan menciptakan. Kontribusi apa pun yang Anda buat sangat dihargai .