OCram85/beautifulSA-jekyll
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

add config option 'feed_show_excerpt

Browse Source
This commit is contained in:
Dean Attali 2020-08-30 07:25:36 +00:00
parent fcddc9e561
commit 7d784b37c8
5 changed files with 94 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -11,6 +11,7 @@ One of the major changes in this version is that a lot of time was spent on reth
- Added `before-content` and `after-content` YAML options that allow you to add some common HTML before the main content of a page (below the title) or after the main content (above the footer). Works in a similar way to `footer-extra`. - Added `before-content` and `after-content` YAML options that allow you to add some common HTML before the main content of a page (below the title) or after the main content (above the footer). Works in a similar way to `footer-extra`.
- Added `head-extra` YAML option which i s similar to `footer-extra` but is used to include custom HTML code in a page's `<head>` tag - Added `head-extra` YAML option which i s similar to `footer-extra` but is used to include custom HTML code in a page's `<head>` tag
- Added `full-width` YAML option to allow having full-width pages - Added `full-width` YAML option to allow having full-width pages
- Added `feed_show_excerpt` config option to show/hide the post excerpts on the feed page
- Improved the `footer-extra` YAML option to support multiple files instead of only a single file - Improved the `footer-extra` YAML option to support multiple files instead of only a single file
- Upgraded jQuery to version 3.5.1 to fix a couple security vulnerabilities with the previous version - Upgraded jQuery to version 3.5.1 to fix a couple security vulnerabilities with the previous version
- Added automatic navbar color detection (#702) - Added automatic navbar color detection (#702)

4
README.md
View File

@ -89,9 +89,9 @@ Beautiful Jekyll is, and always will be, free. But if you want to remove the Bea
# Add your own content # Add your own content
To add pages to your site, you can either write a markdown file (`.md`) or you can write an HTML file. It's much easier to write markdown than HTML, so I suggest you do that ([here's a great tutorial](https://markdowntutorial.com/) if you need to learn markdown in 5 minutes). You can look at some files on this demo site to get an idea of how to write markdown. To add pages to your site, you can either write a markdown file (`.md`) or you can write an HTML file. It's much easier to write markdown than HTML, so I suggest you do that ([here's a great tutorial](https://markdowntutorial.com/) if you need to learn markdown in 5 minutes).
To look at existing files, click on any file that ends in `.md`, for example [`aboutme.md`](./aboutme.md). On the next page you can see some nicely formatted text (there's a word in bold, a link, a few bullet points), and if you click on the pencil icon to edit the file, you'll see the markdown code that generated the pretty text. Very easy! To see an example of a markdown file, click on any file that ends in `.md`, for example [`aboutme.md`](./aboutme.md). On that page you can see some nicely formatted text (there's a word in bold, a link, a few bullet points), and if you click on the pencil icon to edit the file, you'll see the markdown code that generated the pretty text. Very easy!
In contrast, look at [`tags.html`](./tags.html). That's how your write HTML - not as pretty. So stick with markdown if you don't know HTML. In contrast, look at [`tags.html`](./tags.html). That's how your write HTML - not as pretty. So stick with markdown if you don't know HTML.

4
_config.yml
View File

@ -76,6 +76,9 @@ url-pretty: "MyWebsite.com"
# Excerpt word length - Truncate the excerpt of each post on the feed page to the specified number of words # Excerpt word length - Truncate the excerpt of each post on the feed page to the specified number of words
excerpt_length: 50 excerpt_length: 50
# Whether or not to show an excerpt for every blog post in the feed page
feed_show_excerpt: true
# The keywords to associate with your website, for SEO purposes # The keywords to associate with your website, for SEO purposes
#keywords: "my,list,of,keywords" #keywords: "my,list,of,keywords"
@ -167,7 +170,6 @@ date_format: "%B %-d, %Y"
# Facebook App ID # Facebook App ID
#fb_app_id: "" #fb_app_id: ""
# --- You don't need to touch anything below here (but you can if you want) --- # # --- You don't need to touch anything below here (but you can if you want) --- #
# Output options (more information on Jekyll's site) # Output options (more information on Jekyll's site)

53
_layouts/home.html
View File

@ -9,6 +9,31 @@ layout: page
<div class="posts-list"> <div class="posts-list">
{% for post in posts %} {% for post in posts %}
<article class="post-preview"> <article class="post-preview">
{%- capture thumbnail -%}
{% if post.thumbnail-img %}
{{ post.thumbnail-img }}
{% elsif post.cover-img %}
{% if post.cover-img.first %}
{{ post.cover-img[0].first.first }}
{% else %}
{{ post.cover-img }}
{% endif %}
{% else %}
{% endif %}
{% endcapture %}
{% assign thumbnail=thumbnail | strip %}
{% if site.feed_show_excerpt == false %}
{% if thumbnail != "" %}
<div class="post-image post-image-normal">
<a href="{{ post.url | absolute_url }}" aria-label="Thumbnail">
<img src="{{ thumbnail | absolute_url }}" alt="Post thumbnail">
</a>
</div>
{% endif %}
{% endif %}
<a href="{{ post.url | absolute_url }}"> <a href="{{ post.url | absolute_url }}">
<h2 class="post-title">{{ post.title }}</h2> <h2 class="post-title">{{ post.title }}</h2>
@ -24,27 +49,23 @@ layout: page
Posted on {{ post.date | date: date_format }} Posted on {{ post.date | date: date_format }}
</p> </p>
<div class="post-entry-container">
{%- capture thumbnail -%}
{% if post.thumbnail-img %}
{{ post.thumbnail-img }}
{% elsif post.cover-img %}
{% if post.cover-img.first %}
{{ post.cover-img[0].first.first }}
{% else %}
{{ post.cover-img }}
{% endif %}
{% else %}
{% endif %}
{% endcapture %}
{% assign thumbnail=thumbnail | strip %}
{% if thumbnail != "" %} {% if thumbnail != "" %}
<div class="post-image"> <div class="post-image post-image-small">
<a href="{{ post.url | absolute_url }}" aria-label="Thumbnail"> <a href="{{ post.url | absolute_url }}" aria-label="Thumbnail">
<img src="{{ thumbnail | absolute_url }}" alt="Post thumbnail"> <img src="{{ thumbnail | absolute_url }}" alt="Post thumbnail">
</a> </a>
</div> </div>
{% endif %} {% endif %}
{% unless site.feed_show_excerpt == false %}
{% if thumbnail != "" %}
<div class="post-image post-image-short">
<a href="{{ post.url | absolute_url }}" aria-label="Thumbnail">
<img src="{{ thumbnail | absolute_url }}" alt="Post thumbnail">
</a>
</div>
{% endif %}
<div class="post-entry"> <div class="post-entry">
{% assign excerpt_length = site.excerpt_length | default: 50 %} {% assign excerpt_length = site.excerpt_length | default: 50 %}
{{ post.excerpt | strip_html | xml_escape | truncatewords: excerpt_length }} {{ post.excerpt | strip_html | xml_escape | truncatewords: excerpt_length }}
@ -53,7 +74,7 @@ layout: page
<a href="{{ post.url | absolute_url }}" class="post-read-more">[Read&nbsp;More]</a> <a href="{{ post.url | absolute_url }}" class="post-read-more">[Read&nbsp;More]</a>
{% endif %} {% endif %}
</div> </div>
</div> {% endunless %}
{% if post.tags.size > 0 %} {% if post.tags.size > 0 %}
<div class="blog-tags"> <div class="blog-tags">

71
assets/css/beautifuljekyll.css
View File

@ -447,6 +447,7 @@ footer .footer-custom-content {
.post-preview a { .post-preview a {
text-decoration: none; text-decoration: none;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: {{ site.text-col | default: "#404040" }}; color: {{ site.text-col | default: "#404040" }};
} }
@ -471,13 +472,7 @@ footer .footer-custom-content {
font-size: 1.125rem; font-size: 1.125rem;
font-style: italic; font-style: italic;
margin: 0 0 0.625rem; margin: 0 0 0.625rem;
} font-family: 'Lora', 'Times New Roman', serif;
.post-preview .post-entry {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.post-entry-container {
display: inline-block;
width: 100%;
} }
.post-entry { .post-entry {
width: 100%; width: 100%;
@ -487,17 +482,49 @@ footer .footer-custom-content {
margin-left: 0.625rem; margin-left: 0.625rem;
height: 12rem; height: 12rem;
width: 12rem; width: 12rem;
margin-top: -2.1875rem; }
.post-image {
filter: grayscale(90%); filter: grayscale(90%);
} }
.post-image:hover { .post-image:hover {
filter: grayscale(0%); filter: grayscale(0%);
} }
.post-image img { .post-image img {
border-radius: 6.25rem; border-radius: 6rem;
height: 12rem; height: 100%;
width: 12rem; width: 100%;
} }
.post-image-short {
margin-top: -2.1875rem;
}
@media (max-width: 767px) {
.post-image {
height: 9rem;
width: 9rem;
}
.post-image-short {
margin-top: 0;
}
}
.post-image-small {
width: 100%;
height: 100%;
text-align: center;
display: none;
}
.post-image-small img {
width: 6.25rem;
height: 6.25rem;
}
@media (max-width: 500px) {
.post-image {
display: none;
}
.post-image-small {
display: block;
}
}
.post-preview .post-read-more { .post-preview .post-read-more {
font-weight: 800; font-weight: 800;
} }
@ -540,28 +567,6 @@ footer .footer-custom-content {
} }
} }
@media (max-width: 767px) {
.post-image, .post-image img {
margin-top: 0;
height: 9rem;
width: 9rem;
}
}
@media (max-width: 500px) {
.post-image, .post-image img {
height: 6.25rem;
width: 6.25rem;
}
.post-image {
width: 100%;
text-align: center;
margin-top: 0;
margin-left: 0;
float: none;
}
}
/* --- Post and page headers --- */ /* --- Post and page headers --- */
.intro-header { .intro-header {