jekyll starter blog

Jekyll 入門部落格模板

靜態產生的網站專為想要撰寫託管在靜態託管中的部落格文章的開發人員而設計（例如：Github Pages）。

示範網站：https://sutanlab.js.org/jekyll-starter-blog

特徵

• 簡單、自動化、快速
• 搜尋引擎優化
• 適合行動裝置（新增至主螢幕）
• Disqus 評論系統
• 即時搜尋
• AJAX 分頁
• 訂閱RSS
• 網站地圖
• 機器人.txt
• 用於建立貼文並自動部署到 github 頁面的 Shell 腳本

系統中需要

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

...

主題客製化

去編輯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中建立。當您建立新帖子時，您需要在 front-matter 中填寫帖子信息，如下示例：

 ---
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 Gading Gading Fadhillah Nasution