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