feat: better post excerpt of pagination

Add "Read More" to the end of post excerpt, and support to click
the excerpt to open the post.
This commit is contained in:
jeffreytse 2021-05-25 16:38:40 +08:00
parent 9eda84bcaa
commit c718e7e62f

View file

@ -18,9 +18,9 @@
{% assign reading_time = return %} {% assign reading_time = return %}
{%- include functions.html func='get_article_excerpt' -%} {%- include functions.html func='get_article_excerpt' -%}
{% assign excerpt = return %} {% assign excerpt = return %}
{%- assign post_url = post.url | relative_url -%}
<h2 class="post-title"> <h2 class="post-title">
{%- assign post_url = post.url | relative_url -%}
<a class="post-link" href="{{ post_url }}"> <a class="post-link" href="{{ post_url }}">
{{ post.title | escape }} {{ post.title | escape }}
</a> </a>
@ -29,9 +29,11 @@
<span class="post-date"><i class="fa fa-calendar"></i> {{ post.date | date: date_format }}</span> <span class="post-date"><i class="fa fa-calendar"></i> {{ post.date | date: date_format }}</span>
<span class="post-reading-time left-vsplit"><i class="fa fa-clock-o"></i> {{ reading_time }}</span> <span class="post-reading-time left-vsplit"><i class="fa fa-clock-o"></i> {{ reading_time }}</span>
</div> </div>
<p class="post-excerpt"> <a class="post-excerpt" href="{{ post_url }}">
{{ excerpt }} <p>
{{ excerpt }} <span class="read_more">Read More</span>
</p> </p>
</a>
<div class="post-tags"> <div class="post-tags">
{%- for tag in post.tags -%} {%- for tag in post.tags -%}
<a class="post-tag" href="{{ '/tags.html ' | relative_url }}#{{tag}}">#{{tag}}</a> <a class="post-tag" href="{{ '/tags.html ' | relative_url }}#{{tag}}">#{{tag}}</a>