This repository has been archived on 2024-07-11. You can view files and clone it, but cannot push or open issues or pull requests.
redemption/post.ftl
7Wate 91bab4d153
refacotr(css): Refactor css for easy maintenance
1. Refactored CSS for robustness
2. Add dark-mode choose
3. Add sans and serif
2022-01-17 19:51:11 +08:00

65 lines
2.6 KiB
Plaintext

<#include "module/macro.ftl">
<@layout title="${post.title!} - ${blog_title!}">
<div id="readProgress">
<div class="read-progress-bar" role="progressbar" style="width: 0"></div>
</div>
<main>
<#-- <#include "module/header.ftl"> -->
<div class="post">
<div class="title">
<h1>
<a href='${post.fullPath!}'>${post.title!}</a>
</h1>
<div class="info">
<span>
<i class="ri-quill-pen-line"></i>
${user.nickname!}
<#assign timeago = (.now?long - post.createTime?long)>
<#if timeago < 60000 >
刚刚发表哦 ~
<#elseif (timeago >= 60000) && (timeago < 3600000)>
发表于 ${(timeago / 60000)?int} 分钟前
<#elseif (timeago >= 3600000) && (timeago < 86400000)>
发表于 ${(timeago / 3600000)?int} 小时前
<#elseif (timeago >= 86400000) && (timeago < 604800000)>
发表于 ${(timeago / 86400000)?int} 天前
<#elseif (timeago >= 604800000) && (timeago < 3153600000)>
发表于 ${(timeago / 604800000)?int} 周前
<#elseif (timeago >= 3153600000) && (timeago < 94608000000)>
发表于 ${(timeago / 3153600000)?int} 年前
<#elseif (timeago >= 94608000000)>
发表于很久很久以前 ~
</#if>
</span>
<span>
<i class="ri-article-line"></i>
共 ${post.wordCount!} 字、阅读约
<#if (post.wordCount! / 300)?int == 0>
1
<#else>
${(post.wordCount! / 300)?int}
</#if>
分钟
</span>
</div>
</div>
<div class="markdown">
${post.formatContent!}
</div>
</div>
<div class="post-bottom-menu">
<a href="${blog_url!}" >
退回首页
</a>
<a href="javascript:document.getElementById('comment').classList.remove('close')">
留下一言
</a>
</div>
</main>
<#include "module/comment.ftl">
<@comment post=post type="post" />
</@layout>