jekyll starter blog

Шаблон стартового блога Jekyll

Статический сайт, предназначенный для разработчиков, которые хотят писать сообщения в блогах, размещаемые на статическом хостинге (например: Github Pages).

Демо-сайт: https://sutanlab.js.org/jekyll-starter-blog.

Функции

• Просто, автоматизировано и быстро
• SEO оптимизированный
• Удобство для мобильных устройств (добавление на главный экран)
• Система комментариев с Disqus
• Живой поиск
• AJAX-пагинация
• RSS-канал
• Карта сайта
• Роботы Txt
• Сценарий оболочки для создания публикаций и автоматического развертывания на страницах github.

Требуется в системе

1. NodeJS
2. Руби

Настраивать

1. Установите требования
2. Стартовый блог Fork Jekyll
3. Клонируйте или загрузите репозиторий, который вы только что разветвили.
4. Перейдите в папку, которую вы только что клонировали или загрузили, и запустите npm install чтобы установить все зависимости npm и упаковщика.
5. Ознакомьтесь с образцами публикаций в _posts , чтобы увидеть примеры назначения категорий и тегов.
6. Прочтите документацию ниже для получения дополнительных указаний по настройке и документации.

Настройка вашего веб-сайта

Перейдите и отредактируйте _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
---

Для другой команды ./post.sh :

• ./post -h инструкции вывода
• ./post -c $TITLE создать публикацию
• ./post -d $TITLE создать черновик сообщения
• ./post -p $TITLE опубликовать/продвинуть черновик в сообщение

Как развернуть сайт на Github Pages

1. Не забудьте запустить npm run build для компиляции sass, js и создания файлов сайта перед развертыванием сайта.

2. npm run deploy для развертывания в другой ветке, которая находится на страницах github

3. Или вы можете использовать автоматическое развертывание с помощью ./deploy.sh

Как запустить локальный сервер для разработки

запустите npm start или bundle exec jekyll server --host=$IP_ADDR --port=$PORT

Поддержи меня

Глобальный

Индонезия

• Трактеер
• Карьякарша

---

© 2019 Гадинг Гадинг Фадхилла Насутион