Unduh gatsby attila theme starter - Unduh Kode Sumber gatsby attila theme starter Attila Starter

gatsby attila theme starter

Kategori lainnya

1.0.0

Unduh

Gatsby-starter-try-ghost

Starter Gatsby untuk membuat blog dari headless ghost CMS.

Ubah blog hantu Anda menjadi situs web statis cepat kilat. Tema Gatsby ini adalah penggantian front-end dari mesin hantu hantu yang menampilkan kulit dan fungsionalitas casper hantu standar. Semua konten bersumber dari CMS hantu tanpa kepala.

Starter ini digunakan di draftbox. Dapatkan petir dengan cepat, amankan front-end untuk blog WordPress atau Ghost Anda, dalam 5 menit atau kurang, tanpa coding. Untuk sesama devs kami, kami juga menyediakan fitur ekspor kode.

Demo

Bermain dengan demo untuk mendapatkan kesan pertama.

Fitur

Kulit dan fungsionalitas Ghost Casper
SEO dioptimalkan
Sepenuhnya responsif
Gambar Gatsby
Gaya 404 halaman
Feed RSS
Halaman amp
Sitemap
Formulir Kontak
Formulir Berlangganan
Berbagi Sosial
Integrasi Google Analytics
Integrasi segmen
Integrasi Disqus
Dapat dikomposisikan dan dapat diperluas

Memulai

Instal starter ini dengan menjalankan

gatsby new try-ghost https://github.com/draftbox-co/gatsby-attila-theme-starter

Ubah direktori
```
 cd try-ghost
```
Berlari
```
gatsby develop
```
dan kunjungi situs Anda di http://localhost:8000 .

? Apa di dalamnya?

Pandangan cepat pada file dan direktori tingkat atas yang akan Anda lihat dalam proyek Gatsby.

 .
├── node_modules
├── static
├── .gitignore
├── gatsby-config.js
├── yarn.lock
├── package.json
└── README.md

/node_modules : Direktori ini berisi semua modul kode yang bergantung pada proyek Anda (paket NPM) diinstal secara otomatis.
/static : Direktori ini akan berisi semua file statis yang diperlukan oleh tema seperti favicon , logo dan robot.txt .
.gitignore : File ini memberi tahu git file mana yang tidak boleh dilacak / tidak mempertahankan riwayat versi.
gatsby-config.js : Ini adalah file konfigurasi utama untuk situs Gatsby. Di sinilah Anda dapat menentukan informasi tentang situs Anda (metadata) seperti judul dan deskripsi situs, plugin Gatsby mana yang ingin Anda sertakan, dll. (Lihat dokumen konfigurasi untuk lebih detail).
yarn.lock (lihat yarn.lock di bawah, pertama). Ini adalah file yang dihasilkan secara otomatis berdasarkan versi yang tepat dari dependensi NPM Anda yang diinstal untuk proyek Anda. (Anda tidak akan mengubah file ini secara langsung).
package.json : File manifes untuk proyek node.js, yang mencakup hal -hal seperti metadata (nama proyek, penulis, dll). Manifes ini adalah bagaimana NPM mengetahui paket mana yang akan diinstal untuk proyek Anda.
README.md : File teks yang berisi informasi referensi yang berguna tentang proyek Anda.

Konfigurasikan

    //siteConfig.js
    module . exports = {
        siteUrl : `https://your-blog.com` , // Do not include a trailing slash!
    
        postsPerPage : 12 , //for future use
    
        siteTitleMeta : `Gatsby Starter Ghost CMS` , // This allows an alternative site title for meta data for pages.
        siteDescriptionMeta : `Gastby Starter with Ghost CMS and Casper Skin` , // This allows an site description for meta data for pages.
    
        shareImageWidth : 1000 , // Change to the width of your default share image
        shareImageHeight : 523 , // Change to the height of your default share image
    
        shortTitle : `Ghost` , // Used for App manifest e.g. Mobile Home Screen
        siteIcon : `favicon.png` , // Logo in /static dir used for SEO, RSS, and App manifest
        backgroundColor : `#e9e9e9` , // Used for Offline Manifest
        themeColor : `#15171A` , // Used for Offline Manifest
    }

Dalam konfigurasi yang ditunjukkan di atas, bidang terpenting yang akan diubah adalah siteUrl , siteTitleMeta dan siteDescriptionMeta . Perbarui setidaknya itu agar sesuai dengan kebutuhan Anda.

Kunci API Konten Hantu

Semua konten bersumber dari CMS hantu. Jika Anda tidak menyesuaikan file .ghost.json konten diambil dari lokasi demo di https://cms.gotsby.org . Tentunya Anda ingin mencari konten Anda sendiri. Ubah kunci agar sesuai dengan Kunci API Konten CMS Hantu Anda sendiri:

    {
        " development " : {
            " apiUrl " : " http://localhost:2368 " ,
            " contentApiKey " : " 9fccdb0e4ea5b572e2e5b92942 "
        },
        " production " : {
            " apiUrl " : " http://localhost:2368 " ,
            " contentApiKey " : " 9fccdb0e4ea5b572e2e5b92942 "
        }
    }

Menyebarkan

    gatsby build

Setelah menyelesaikan proses pembangunan, situs statis Anda dapat ditemukan di public/ folder. Salin file -file itu ke server web Anda.

Mengoptimalkan

Anda dapat menonaktifkan front-end tema hantu hantu default dengan mengaktifkan bendera Make this site private dalam pengaturan hantu Anda. Ini memungkinkan perlindungan kata sandi di depan instalasi hantu dan mengatur <meta name="robots" content="noindex" /> Jadi front-end gatsby Anda menjadi sumber kebenaran untuk SEO.