تنزيل jekyll starter blog - تنزيل jekyll starter blog كود المصدر

jekyll starter blog

فئات أخرى

1.0.0

تنزيل

قالب مدونة Jekyll Starter

موقع تم إنشاؤه بشكل ثابت مصمم للمطورين الذين يرغبون في كتابة منشورات مدونة مستضافة في استضافة ثابتة (على سبيل المثال: صفحات Github).

الموقع التجريبي: https://sutanlab.js.org/jekyll-starter-blog

سمات

بسيطة وآلية وسريعة
تحسين محركات البحث
متوافق مع الهاتف المحمول (إضافة إلى الشاشة الرئيسية)
نظام التعليق مع Disqus
البحث المباشر
أجاكس ترقيم الصفحات
تغذية آر إس إس
خريطة الموقع
الروبوتات النص
برنامج Shell النصي لإنشاء منشورات ونشر تلقائي على صفحات github

مطلوب في النظام

NodeJS
روبي

يثبت

تثبيت المتطلبات
مدونة فورك جيكل للمبتدئين
قم باستنساخ أو تنزيل المستودع الذي قمت بتشعبه للتو
انتقل إلى المجلد الذي قمت باستنساخه أو تنزيله للتو وتشغيل npm install لتثبيت جميع تبعيات npm والمجمع
تحقق من نماذج المنشورات في _posts لرؤية أمثلة لتعيين الفئات والعلامات
اقرأ الوثائق أدناه للحصول على مزيد من مؤشرات التخصيص والوثائق

إعداد موقع الويب الخاص بك

اذهب وقم بتحرير _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

...

تخصيص الموضوع

اذهب وقم بتحرير _variables.scss في مجلد 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 ;

أنشئ منشورًا جديدًا باستخدام أمر `post.sh`

ما عليك سوى اتباع الأمر ./post -c Post Title لإنشاء منشور جديد. سيتم إنشاء المنشور الجديد على _posts بتنسيق .md . وعند إنشاء مشاركة جديدة، عليك ملء معلومات المشاركة في المقدمة، اتبع هذا المثال:

 ---
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
---