jekyll-theme-hamilton 0.1.2 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5645fb9778838423d8c2a7e7b3ed266aac69a656d38444d8ece92b74f1958eac
-  data.tar.gz: 81d332f313d19a3934e7647bb0d2850cfab5486b864949d600b65cb550cca30a
+  metadata.gz: f4c330dbb5bda150852ec2f29385968f2746e471deb102eac10be3fee3b9a8fb
+  data.tar.gz: d25595bd3e27e95dd13e2bbcdd0bfe9b3f5da30bbd5f54bea15ef99fc6c32055
 SHA512:
-  metadata.gz: f79d43c995d3920e4c041b089f4306c18a0fcdbc3433c480feae728872b4c909a6c8775cd7a12b5dea948bb100449933ad8ab386ad606dd91f71e3036220b8a7
-  data.tar.gz: f0e872a09ea5f678b0631317c408a98a553afed6d9e302b189df29bab38cf34dd16357ddcbc943785e2fcd58c8201cb50585e3c4a18807455cb2f829c3716e24
+  metadata.gz: 7f281e92a5cfe9e997166c29d935ddf4384013d09dbf3dbbbe385c50d745e32733bf9dd257e3e70657ae09086a6c878b8fa141bacb2e86bc35c86090588a285a
+  data.tar.gz: 8e455ab4408e1948722dc1ff59fd76b0cab04434804a04e1cc0db8df17d57d618aef70249268c6835da7af94891b9cc8cf3154810c91ff6ba69610eba31fdad8

data/README.md

@@ -19,6 +19,7 @@ Please check out the [demo](https://ngzhio.github.io/jekyll-theme-hamilton/).
 - Configurable page navigation
 - Customizable styles and skins
 - Archive pages implemented in pure Liquid
+- An elegant way to import images on posts
 
 ## Table of Contents <!-- omit in toc -->
 
@@ -27,6 +28,7 @@ Please check out the [demo](https://ngzhio.github.io/jekyll-theme-hamilton/).
   - [Optional Parameters](#optional-parameters)
 - [Archive Pages](#archive-pages)
 - [MathJax](#mathjax)
+- [Images](#images)
 - [Customization](#customization)
   - [Metadata](#metadata)
   - [Navigation](#navigation)
@@ -109,6 +111,30 @@ layout: archive-years
 
 You can enable MathJax on each post or page, just set `math: true` on that page.
 
+## Images
+
+Hamilton provides a template [`image.html`](_includes/image.html) to let you import images on each post through an elegant way. For example,
+
+```liquid
+{% include image.html src="the/path/to/the/image" %}
+```
+
+By default, the alignment of the image is center, but you can configure the alignment to left or right by passing a parameter `align`, for example,
+
+```liquid
+{% include image.html src="the/path/to/the/image" align="left" %}
+```
+
+You can also configure the width and height of the image,
+
+```liquid
+{% include image.html src="the/path/to/the/image" width="50%" height="128px" %}
+```
+
+Besides, you can pass the `caption` parameter to the include, then it will wrap the `img` with a `figure` block; alternatively, you can pass the `alt` parameter to the include.
+
+If you feel that passing a long path to the image to the include is ugly and wasting time, you can replace the `src` parameter with the `name` parameter, which is just the name of the image, and by default, the path would be `assets/img/{{ page.title | slugify}}/{{ include.name }}`.
+
 ## Customization
 
 ### Metadata

data/_includes/image.html

@@ -1,9 +1,16 @@
 {% capture align %}align-{{ include.align | default: "center" }}{% endcapture %}
+
+{%- if include.src -%}
+  {% assign src = include.src %}
+{%- elsif include.name -%}
+  {% capture src %}assets/img/{{ page.title | slugify }}/{{ include.name }}{% endcapture %}
+{%- endif -%}
+
 {% if include.caption %}
 <figure class="{{ align }}">
-  <img class="{{ align }}" src="{{ include.src | absolute_url }}" alt="{{ include.caption }}" {% if include.width %}width="{{ include.width }}"{% endif %} {% if include.height %}height="{{ include.height }}"{% endif %}/>
+  <img class="{{ align }}" src="{{ src | absolute_url }}" alt="{{ include.caption }}" {% if include.width %}width="{{ include.width }}"{% endif %} {% if include.height %}height="{{ include.height }}"{% endif %}/>
   <figcaption class="{{ align }}">{{ include.caption }}</figcaption>
 </figure>
 {% else %}
-<img class="{{ align }}" src="{{ include.src | absolute_url }}" alt="{{ include.alt }}" {% if include.width %}width="{{ include.width }}"{% endif %} {% if include.height %}height="{{ include.height }}"{% endif %}/>
+<img class="{{ align }}" src="{{ src | absolute_url }}" alt="{{ include.alt }}" {% if include.width %}width="{{ include.width }}"{% endif %} {% if include.height %}height="{{ include.height }}"{% endif %}/>
 {% endif %}

data/_sass/hamilton/base.scss

@@ -101,9 +101,7 @@ a {
  */
 blockquote {
   border-left: 0.3em solid;
-  padding-left: $spacing-unit / 2;
-  padding-top: $spacing-unit / 4;
-  padding-bottom: $spacing-unit / 4;
+  padding: $spacing-unit;
   font-style: italic;
 
   > :last-child {

data/_sass/hamilton/layout.scss

@@ -343,7 +343,7 @@ figcaption.align-center {
 
 
   .social-icons {
-    padding: $spacing-unit 0;
+    margin-bottom: $spacing-unit;
 
     .social-icon {
       margin: 0.3em;

data/_sass/hamilton/skin.scss

@@ -18,6 +18,7 @@ a {
 }
 
 blockquote {
+  background-color: $border-color-light;
   color: $text-color-light;
   border-left-color: $border-color;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-hamilton
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.2.0
 platform: ruby
 authors:
 - Shangzhi Huang
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-04-10 00:00:00.000000000 Z
+date: 2020-04-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll