jekyll starter blog Download - jekyll starter blog Unduh kode sumber

jekyll starter blog

Kategori lainnya

1.0.0

Unduh

Templat Blog Pemula Jekyll

Situs yang dibuat secara statis dirancang untuk pengembang yang ingin menulis postingan blog yang dihosting di hosting statis (misalnya: Halaman Github).

Situs Demo : https://sutanlab.js.org/jekyll-starter-blog

Fitur

Sederhana, otomatis, dan cepat
SEO Dioptimalkan
Ramah seluler (Tambahkan ke Layar Utama)
Sistem Komentar dengan Disqus
Pencarian Langsung
Paginasi AJAX
Umpan RSS
Peta Situs
Robot Txt
Skrip shell untuk membuat postingan dan penerapan otomatisasi ke halaman github

Diperlukan dalam Sistem

NodeJS
Rubi

Pengaturan

Instal persyaratannya
Blog Pemula Fork Jekyll
Kloning atau unduh repositori yang baru saja Anda fork
Buka folder yang baru saja Anda kloning atau unduh dan jalankan npm install untuk menginstal semua dependensi npm dan bundler
Lihat contoh postingan di _posts untuk melihat contoh penetapan kategori dan tag
Baca dokumentasi di bawah untuk petunjuk dan dokumentasi penyesuaian lebih lanjut

Menyiapkan situs web Anda

Buka dan edit _config.yml

 # Site settings
name : Sutanlab Blog
title : Gading Nst. - Coder
description : A blog and journal about Gading Nst, Junior Developer
baseurl : " /jekyll-starter-blog " # the subpath for your site default is ""
url : " https://sutanlab.js.org " # the base hostname & protocol in your domain (e.g: https://sutanlab.github.io)

# Author Setting
username : Gading Nst.
user_description : Learner, Coder & Coffee Maniac
user_title : Welcome to My Blog Site
avatar_url : /jekyll-starter-blog/assets/img/sutan.jpeg
email : [email protected]
github_username : sutanlab
disqus_username : sutanlab
facebook_username : sgnzst
instagram_username : sutan_gnst
twitter_username : sutan_gnst
medium_username : sutan.gnst

...

Kustomisasi tema

Buka dan edit _variables.scss di folder src/sass

 // theme color
$main : #2c3e50 ;
$sidemenu : #242f3a ;
$hover : darken ( $main , 50 % );
$sec : #FFFFFF ;
$lightGray : #F2F2F2 ;
$texts : #333333 ;
$colorcode : #3085F4 ;
$loader-color : #FFFFFF ;

/* *
  * adjust with your disqus theme
  * if your disqus theme is dark, the color should be darken. 
  * if your disqus theme is light, the color should be lighten
*/
$comment-theme : #304165 ; 

// responsive cut
$cut : 37.5 rem ;

Buat Posting baru dengan perintah `post.sh`

Anda tinggal mengikuti perintah ./post -c Post Title untuk membuat postingan baru. Postingan baru akan dibuat di _posts dengan format .md . Dan ketika Anda membuat postingan baru, Anda perlu mengisi informasi postingan di bagian depan, ikuti contoh ini:

 ---
layout : post
title : Post Title
date : 2019-05-02 16:32:44
image : /assets/img/blog/post-image.png
description : First steps to use this template
tags :
  - jekyll 
  - template
categories :
  - I love Jekyll
twitter_text : How to install and use this template
keywords : jekyll, template, my post
---

Untuk perintah ./post.sh lainnya:

./post -h instruksi keluaran
./post -c $TITLE membuat postingan
./post -d $TITLE membuat draf postingan
./post -p $TITLE publikasikan/promosikan draf ke postingan

Cara menyebarkan situs di Halaman Github

Ingatlah untuk menjalankan npm run build untuk Kompilasi sass, js, dan file situs build sebelum menerapkan situs
npm run deploy untuk Deploy ke cabang lain yang ada di halaman github
Atau Anda dapat menggunakan penerapan otomatisasi dengan ./deploy.sh