Gist 4e224719a58f232f8f26

100%

Gist 4e224719a58f232f8f26

✓ Published0🌍 Public

Last edited Feb 15, 2012

Created on Oct 27, 2014

This example demonstrates how to build a Jekyll blog post layout that displays article metadata alongside author information. The template uses Liquid templating to pull author details from a `_config.yml` file, showing how to associate blog posts with specific authors via YAML front matter. It renders the post title, publication date, and author name using the `site.authors` data structure and `page.author` variable. The code highlights Jekyll's built-in templating system for managing multi-author blogs without external JavaScript libraries.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 749f66edf8a547d2508e958f7ec38e50

This example displays a styled list of articles with titles, publication dates, short descriptions, and "Read More" buttons, built using a Nunjucks template that extends a layout file. It shows how to structure a content listing page by iterating through articles sorted by a helper function, pulling metadata like feature images and date formatting. The template integrates Jinja-style logic with `moment` for date display and uses environment helpers to retrieve local assets. The rendering relies on HTML and CSS classes, with no client-side JavaScript libraries involved.

LLucyI

66% match

Loading thumbnail…

Instructions to set up

This example shows a step-by-step guide for setting up a Jekyll blog, from installing required gems to pushing the final build to a GitHub repository. It demonstrates a command-line workflow using `gem install`, `bundle install`, and `bundle exec jekyll build`, with plain-text instructions and code blocks. The visualization relies on a gist authored by Jverma, presenting the setup as a linear sequence of terminal commands and file actions. It does not use any charting or rendering libraries, focusing instead on a textual, procedural format.

JJverma

61% match

Loading thumbnail…

Gist 47b05c7f60a5f52c48bd1c97aa3b7a62

This example presents a custom data visualization centered on a WordPress post thumbnail, extracting its ID, alt text, and title through PHP functions. The display likely focuses on the image's metadata presentation, using the WordPress API to retrieve and showcase these details. The code relies on standard WordPress functions like `get_post_thumbnail_id()`, `get_post_meta()`, and `get_the_title()` to fetch and render the information. The visualization appears to be a straightforward metadata viewer, likely displaying the image’s alternative text and title alongside its identifier, without incorporating any advanced JavaScript libraries or rendering frameworks.

KKopylovVitalik

59% match

Loading thumbnail…

Gist 360936

This example demonstrates a Tumblr API client in Ruby, showing how to fetch and model blog posts through a `Post` class that wraps raw post data in a `Hashie::Mash`. The code reveals the workflow of querying the Tumblr API via HTTParty, with support for pagination, post-type filtering, and direct lookup by ID. The visualization highlights the library’s role as an interface layer, not a rendering tool, as it contains no charting or drawing logic—instead, it focuses on data retrieval and object mapping. The example is purely code-based, with no visual output, emphasizing the API’s data-access patterns rather than graphical representation.

DDylanFM

59% match

Loading thumbnail…

Gist bb286172022e9e29f5d0fba33df092f6

This example demonstrates a full-width WordPress page layout template, defining a PHP template for posts, pages, categories, and videos. The code sets a template name and restricts its use to specific post types. It uses standard WordPress template hierarchy and conditional logic, with the PHP file structure serving as the primary mechanism. The visualization here is the resulting web page layout, which relies on WordPress’s built-in template system rather than external charting or data libraries.

KKopylovVitalik

57% match

Loading thumbnail…

Gist ad405e427fedfdfff3b391b2488371c8

This example demonstrates how to dynamically replace Yoast SEO title placeholders with actual post data for display in a visualization. It shows the process of retrieving a custom title from post metadata, falling back to default SEO title settings or the post title if none exists, then applying variable substitution. The code uses WordPress functions like `get_post_meta()`, `wpseo_replace_vars()`, and `get_option()` to handle the logic, ultimately echoing the final processed title. The rendering approach relies on server-side PHP within a WordPress environment, not on client-side visualization libraries.

KKopylovVitalik

57% match

Loading thumbnail…

Lets build a site using gatsbyjs!

This example builds a GatsbyJS site using React, demonstrating how to scaffold and develop a static site with the Gatsby framework. It covers project initialization and dependency management with the Yarn and npm package managers, showing both basic commands and development workflows. The repo links to supporting libraries including Prettier for formatting, Standard for linting, and UIkit for styling, as well as deployment options like GitHub Pages and Surge.

NN0taN3rd

56% match

Loading thumbnail…

{p.title}

This animated visualization illustrates the structure and interactive features of a FastHTML-based blogging application, rendering the flow from notebook files to styled HTML pages. The code demonstrates how Jupyter notebooks are parsed and converted into markdown with embedded HTML, using `mistletoe` for markdown processing and `fastcore.nbio` for file handling. The application manages subscriber data through a SQLite database via `fastlite`, while the user interface is built with `fasthtml.common` and `monsterui.all` components. The animation highlights the templating system that transforms content into a complete blog layout, including navigation, article rendering, and social media links.

深深度碎片

56% match