Draft post-index.
This commit is contained in:
Sergio Martínez Portela
parent
9483fc1ba4
commit
f3096eb5d9
@ -23,6 +23,7 @@ import time
|
|||||||
import re
|
import re
|
||||||
from typing import List
|
from typing import List
|
||||||
|
|
||||||
|
from bs4 import BeautifulSoup as bs4
|
||||||
import jinja2
|
import jinja2
|
||||||
import inotify.adapters
|
import inotify.adapters
|
||||||
import yaml
|
import yaml
|
||||||
@ -40,6 +41,9 @@ ROOT_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
|
|||||||
|
|
||||||
STATIC_PATH = os.path.join(ROOT_DIR, 'static')
|
STATIC_PATH = os.path.join(ROOT_DIR, 'static')
|
||||||
ARTICLE_TEMPLATE_NAME = 'article.tmpl.html'
|
ARTICLE_TEMPLATE_NAME = 'article.tmpl.html'
|
||||||
|
BLOG_INDEX_TEMPLATE_NAME = 'blog_index.tmpl.html'
|
||||||
|
BLOG_INDEX_PAGE_SIZE = 10
|
||||||
|
|
||||||
STATIC_RESOURCES = (
|
STATIC_RESOURCES = (
|
||||||
('style.css', 'css/style.css'),
|
('style.css', 'css/style.css'),
|
||||||
('light-syntax.css', 'css/light-syntax.css'),
|
('light-syntax.css', 'css/light-syntax.css'),
|
||||||
@ -54,6 +58,8 @@ JINJA_ENV = jinja2.Environment(
|
|||||||
def update_statics():
|
def update_statics():
|
||||||
global ARTICLE_TEMPLATE
|
global ARTICLE_TEMPLATE
|
||||||
ARTICLE_TEMPLATE = JINJA_ENV.get_template(ARTICLE_TEMPLATE_NAME)
|
ARTICLE_TEMPLATE = JINJA_ENV.get_template(ARTICLE_TEMPLATE_NAME)
|
||||||
|
global BLOG_INDEX_TEMPLATE
|
||||||
|
BLOG_INDEX_TEMPLATE = JINJA_ENV.get_template(BLOG_INDEX_TEMPLATE_NAME)
|
||||||
|
|
||||||
update_statics()
|
update_statics()
|
||||||
|
|
||||||
@ -74,7 +80,13 @@ def parse_nikola_date(match):
|
|||||||
month=int(match.group(2)),
|
month=int(match.group(2)),
|
||||||
day=int(match.group(1)),
|
day=int(match.group(1)),
|
||||||
hour=int(match.group(4)),
|
hour=int(match.group(4)),
|
||||||
minute=int(match.group(5)))
|
minute=int(match.group(5)),
|
||||||
|
# Note this final assumption is not good
|
||||||
|
# and might get you in trouble if trying
|
||||||
|
# to sort closely-published posts
|
||||||
|
# when others are in complete-date format
|
||||||
|
tzinfo=datetime.timezone.utc,
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
def parse_complete_date(match):
|
def parse_complete_date(match):
|
||||||
@ -179,9 +191,43 @@ def render_article(doc, front_matter, f):
|
|||||||
)
|
)
|
||||||
f.write(result)
|
f.write(result)
|
||||||
|
|
||||||
|
def summarize(doc):
|
||||||
|
return bs4(doc, features='lxml').text[:1000]
|
||||||
|
|
||||||
|
def render_index(docs, dest_top):
|
||||||
|
docs = sorted(docs.values(), key=lambda x: x[1]['date'], reverse=True)
|
||||||
|
|
||||||
|
for off in range(0, len(docs), BLOG_INDEX_PAGE_SIZE):
|
||||||
|
page = docs[off: off + BLOG_INDEX_PAGE_SIZE]
|
||||||
|
|
||||||
|
posts = [
|
||||||
|
{
|
||||||
|
"doc": doc,
|
||||||
|
"title": front_matter['title'],
|
||||||
|
"post_publication_date": front_matter['date'],
|
||||||
|
"post_tags": split_tags(front_matter['tags']),
|
||||||
|
"summary": summarize(doc),
|
||||||
|
}
|
||||||
|
for (doc, front_matter, out_path) in page
|
||||||
|
]
|
||||||
|
|
||||||
|
result = BLOG_INDEX_TEMPLATE.render(
|
||||||
|
posts=posts,
|
||||||
|
)
|
||||||
|
|
||||||
|
if off == 0:
|
||||||
|
fname = 'index.html'
|
||||||
|
else:
|
||||||
|
fname = 'index-{}.html'.format(off // BLOG_INDEX_PAGE_SIZE)
|
||||||
|
with open(os.path.join(dest_top, fname), 'wt') as f:
|
||||||
|
f.write(result)
|
||||||
|
|
||||||
|
|
||||||
def regen_all(source_top, dest_top, docs=None):
|
def regen_all(source_top, dest_top, docs=None):
|
||||||
if docs is None:
|
if docs is None:
|
||||||
docs = load_all(source_top)
|
docs = load_all(source_top)
|
||||||
|
|
||||||
|
# Render posts
|
||||||
for (doc, front_matter, out_path) in docs.values():
|
for (doc, front_matter, out_path) in docs.values():
|
||||||
doc_full_path = os.path.join(dest_top, out_path)
|
doc_full_path = os.path.join(dest_top, out_path)
|
||||||
os.makedirs(os.path.dirname(doc_full_path), exist_ok=True)
|
os.makedirs(os.path.dirname(doc_full_path), exist_ok=True)
|
||||||
@ -194,7 +240,7 @@ def regen_all(source_top, dest_top, docs=None):
|
|||||||
logging.error("Rendering failed 😿")
|
logging.error("Rendering failed 😿")
|
||||||
continue
|
continue
|
||||||
|
|
||||||
|
# Render statics
|
||||||
for static in STATIC_RESOURCES:
|
for static in STATIC_RESOURCES:
|
||||||
src_path = static[0]
|
src_path = static[0]
|
||||||
dest_path = static[1]
|
dest_path = static[1]
|
||||||
@ -211,6 +257,9 @@ def regen_all(source_top, dest_top, docs=None):
|
|||||||
with open(target_dest, 'wt') as f:
|
with open(target_dest, 'wt') as f:
|
||||||
f.write(data)
|
f.write(data)
|
||||||
|
|
||||||
|
# Render index
|
||||||
|
render_index(docs, dest_top)
|
||||||
|
|
||||||
return docs
|
return docs
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
52
static/blog_index.tmpl.html
Normal file
52
static/blog_index.tmpl.html
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Código para llevar</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="css/style.css" />
|
||||||
|
<link rel="stylesheet" href="css/light-syntax.css" />
|
||||||
|
<link rel="stylesheet" href="css/dark-syntax.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="site-header">
|
||||||
|
<h1 class="site-name"><a href="/">Codigo para llevar</a></h1>
|
||||||
|
<nav class="site-links">
|
||||||
|
<span class="fancy-link">
|
||||||
|
<a href="https://codigoparallevar.com/">Home</a>
|
||||||
|
</span>
|
||||||
|
<span class="fancy-link">
|
||||||
|
<a href="https://github.com/kenkeiras">GitHub</a>
|
||||||
|
</span>
|
||||||
|
<span class="fancy-link">
|
||||||
|
<a href="https://gitlab.com/kenkeiras">GitLab</a>
|
||||||
|
</span>
|
||||||
|
<span class="fancy-link">
|
||||||
|
<a href="https://programaker.com/users/kenkeiras">PrograMaker</a>
|
||||||
|
</span>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<div class="post-index content">
|
||||||
|
{% for post in posts %}
|
||||||
|
<div class="post-container">
|
||||||
|
<article class="post">
|
||||||
|
<h2 class="post-title">{{ post.title }}</h2>
|
||||||
|
<div class="post-metadata">
|
||||||
|
<time datetime="{{ post.post_publication_date }}">
|
||||||
|
{{ post.post_publication_date }}
|
||||||
|
</time>
|
||||||
|
<ul class="post-tags">
|
||||||
|
{% for post_tag in post.post_tags %}
|
||||||
|
<li class="post-tag">{{ post_tag }}</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="post-content">
|
||||||
|
{{ post.summary | safe }}
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -135,6 +135,16 @@ article.post {
|
|||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Post index. */
|
||||||
|
.post-index .post-container {
|
||||||
|
/* box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.26); */
|
||||||
|
/* border-radius: 2px; */
|
||||||
|
/* padding: 1ex; */
|
||||||
|
margin-bottom: 1em;
|
||||||
|
padding-bottom: 1em;
|
||||||
|
border-bottom: #000 1px dashed;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Dark mode. */
|
/* Dark mode. */
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user