jekyll starter blog

Jekyll スターター ブログ テンプレート

静的ホスティング (例: Github Pages) でホストされるブログ投稿を書きたい開発者向けに設計された、静的に生成されたサイト。

デモ Web サイト : https://sutanlab.js.org/jekyll-starter-blog

特徴

• シンプル、自動化、高速
• SEO最適化
• モバイルフレンドリー (ホーム画面に追加)
• Disqus によるコメント システム
• ライブ検索
• AJAX ページネーション
• RSSフィード
• サイトマップ
• ロボットのテキスト
• 投稿を作成し、Github ページに自動デプロイするためのシェル スクリプト

システムに必須

1. NodeJS
2. ルビー

設定

1. 要件をインストールする
2. フォーク ジキル スターター ブログ
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

...

テーマのカスタマイズ

src/sassフォルダー内の_variables.scssを編集します。

 // 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に従うだけで、新しい投稿を作成できます。新しい投稿は.md形式で_postsに作成されます。新しい投稿を作成するときは、次の例に従って前付に投稿情報を入力する必要があります。

 ---
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. サイトをデプロイする前に、sass、js をコンパイルし、サイト ファイルをビルドするためにnpm run build忘れずに実行してください。

2. npm run deploy for githubページにある他のブランチにデプロイします

3. または、 ./deploy.shを使用して自動デプロイを使用することもできます。

開発のためにローカルでサーバーを実行する方法

npm start実行するか、 bundle exec jekyll server --host=$IP_ADDR --port=$PORT実行します。

サポートしてください

グローバル

インドネシア

• トラクティア
• カリヤカルサ

---

著作権 © 2019 by Gading Gading Fadhillah Nasution