Package: pelican-custom-css
Pelican Custom CSSPelican Custom CSS makes it easy to embed custom CSS into individual Pelican articles and pages. This repository is a fork ofPelican CSSoriginally created byJorge Maldonado Venturathat has been converted to use the Pelican namespace plugin structure and published to PyPi.InstallationTo installpelican-custom-cssrun the following command:pip install pelican-custom-cssConfigurationNamespace plugins can be configured in a few ways, this section is taken straight from thePelican Documentationfor plugins. If you leave thePLUGINSsetting as default (None), Pelican will automatically discover namespace plugins and register them. If, on the other hand, you specify aPLUGINSsetting as a list of plugins, this auto-discovery will be disabled. At that point, only the plugins you specify will be registered, and you must explicitly list any namespace plugins as well.If you are using thePLUGINSsetting, you can specify plugins in two ways. The first method specifies plugins as a list of strings. Namespace plugins can be specified either by their full names (pelican.plugins.myplugin) or by their short names (myplugin):PLUGINS = ['package.myplugin',
          'namespace_plugin1',
          'pelican.plugins.namespace_plugin2']Alternatively, you can import them in your settings file and pass the modules:from package import myplugin
from pelican.plugins import namespace_plugin1, namespace_plugin2
PLUGINS = [myplugin, namespace_plugin1, namespace_plugin2]Next, you will need to create acssdirectory in yourcontentdirectory for your custom styles to live in.website/
├── content
│   ├── css/
│   │   ├── your_custom_style1.css
│   │   └── your_custom_style2.css
│   ├── article1.md
│   └── pages
│       └── about.md
└── pelicanconf.pyAnd then add each resource as a comma-separated file name with theCSStag:Title: Mejor sin Wordpress
Date: 2017-02-09 18:51
Tags: programación, Wordpress, generador de páginas estáticas, generador de sitios web estáticos, rendimiento, eficiencia, comodidad, desventajas
Category: Desarrollo web
Author: jorgesumle
Slug: mejor-sin-wordpress
CSS: your_custom_style1.css, your_custom_style2.cssFinally, in your base template (likely namedbase.html), you need to add the following in your<head>tag:{% if article %}
    {% if article.styles %}
        {% for style in article.styles %}
            {{ style|format(SITEURL) }}
        {% endfor %}
    {% endif %}
{% endif %}So, the template I use for my blog now looks like the following:<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset=utf-8">
    <title>{% block title %} {{SITENAME}} {% endblock %}</title>
    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css" type="text/css">
    {% if article %}
        {% if article.styles %}
            {% for style in article.styles %}
                {{ style|format(SITEURL) }}
            {% endfor %}
        {% endif %}
    {% endif %}
  </head>
  <body>
    <div class=container>
        {% block header %}
            {% include "header.html" %}
        {% endblock %}

        <div class="content">
        {% block content %} {% endblock %}
        </div>

        {% block footer %}
            {% include "footer.html" %}
        {% endblock %}
    </div>
  </body>
</html>The previous code only works for articles. For most people, that's enough. If you want to enable custom CSS in pages too insert the following code your<head>tag...{% if page %}
    {% if page.styles %}
        {% for style in page.styles %}
            {{ style|format(SITEURL) }}
        {% endfor %}
    {% endif %}
{% endif %}That's it! You can now generate and publish your site normally, for example usingghp-importif you're using Github Pages or the standardmake htmlormake publishcommands from Pelican and your CSS will be copied and referenced in the right places.