[PYTHON] Essayez d'introduire le thème sur Pelican

Présentation du thème et comment introduire le thème avec «Pelican», un outil de génération de blog statique créé par Python.

Cliquez ici pour les informations ci-dessus.

• Comment publier un blog sur Amazon S3 avec le moteur de blog statique "Pelican" pour Pythonista

• Divers paramètres de l'outil de génération de blog statique Python 'Pelican'

Après l'introduction de Pelican, je pense que vous voudrez paraître plus élaboré. Pelican est livré avec une fonction de thème que vous pouvez remplacer par votre thème préféré.

Méthode de réglage

C'est très simple à faire, dans le fichier de configuration (pelicanconf.py)

THEME = '(thème)'

Je l'écris juste comme ça. Certains thèmes sont créés par des bénévoles,

https://github.com/getpelican/pelican-themes

Tous sont placés. Pour l'instant, copions le répertoire ci-dessus localement.

git clone --recursive https://github.com/getpelican/pelican-themes ~/pelican-themes

Pour la dernière partie ~ / pelican-themes, spécifiez le répertoire dans lequel vous souhaitez placer le thème. Cela téléchargera tous les thèmes (beaucoup!). Vérifiez donc le PATH du répertoire de thèmes que vous souhaitez utiliser.

THEME = "/home/user/pelican-themes/theme-name"

Spécifiez-le simplement dans le fichier de configuration comme ceci.

http://pelican-themes-gallery.place.org/

Vous pouvez également vérifier l'aperçu avec, alors essayez d'en appliquer un joli,

make html → make serve

C'est une bonne idée de vérifier l'apparence sur le serveur local avec.

Ce blog utilise également un thème personnalisé appelé svbhack (qui peut changer). Vous pouvez modifier vous-même le thème déposé, ce qui vous laisse une grande liberté. Je vais le personnaliser et créer mon propre thème! Dans ce cas

• Javascript
• CSS
• HTML + jinja2 (moteur de modèle créé par Python)

La connaissance est essentielle.

Un exemple de personnalisation --- Lien avec la fonction de commentaire DISQUS

Puisque pelican n'a pas de fonction de commentaire, vous devez installer un service externe tel que DISQUS si vous souhaitez l'ajouter.

Selon le thème, il peut ou non être attaché par défaut, et le thème svbhack n'avait pas non plus de fonction de commentaire, alors je l'ai ajouté.

(1) Enregistrez votre site avec DISQUS

Depuis TOP, il devrait être facile de suivre l'introduction. Si vous ne pouvez pas, google (・ 3 ・)

À ce stade, vous devriez obtenir un nom appelé shortname qui identifie de manière unique votre site du côté DISQUS, alors notez-le.

Note) Avec les spécifications DISQUS actuelles, la langue utilisée "Japonais" ne peut pas être sélectionnée. Je l'ai également corrigé en me référant à l'article ci-dessous.

Que faire si le japonais ne peut pas être défini avec le plug-in de commentaire "DISQUS"

Il semble que les paramètres eux-mêmes existent du côté serveur, j'espère donc que DISQUS répondra rapidement sans faire des choses aussi délicates.

(2) Refléter les paramètres DISQUS dans pélican

Si vous avez créé un projet de blog Pelican avec la commande quickstart,

publishconf.py

Il devrait y avoir la description suivante dans.

publishconf.py

# Following items are often useful when publishing

DISQUS_SITENAME = ""

Si vous spécifiez le nom court que vous avez noté précédemment, les paramètres DISQUS seront reflétés du côté pélican pour le moment.

(3) Édition du HTML

Certains thèmes peuvent être utilisés jusqu'à (2), mais s'ils ne sont pas pris en charge, vous devez écrire vous-même un appel DISQUS.

Par exemple, dans le cas du thème svbhack,

/svbhack/templates

Il contient un fichier appelé article.html, qui est le modèle utilisé pour afficher l'article, vous pouvez donc écrire ce qui suit juste avant la balise de fermeture de l'article.

article.html

	：
	：
	{% if DISQUS_SITENAME %}
    <div class="comments">
      <div id="disqus_thread"></div>
          <script type="text/javascript">
              var disqus_identifier = "{{ article.url }}";
              (function() {
                  var dsq = document.createElement('script');
                  dsq.type = 'text/javascript';
                  dsq.async = true;
                  dsq.src = 'http://{{ DISQUS_SITENAME }}.disqus.com/embed.js';
                  (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
          })();
          </script>
      </div>
    {% endif %}

    </div>
    </article>

Les éléments de {% if DISQUS_SITENAME%} à {% endif%} sont susceptibles d'être ajoutés.

Si DISQUS_SITENAME est défini, cela signifie incorporer le code d'intégration du commentaire.

Si vous faites cela, les commentaires DISQUS devraient être affichés à la fin de l'article comme dans ce Blog!

La connaissance de jinja2 est nécessaire pour jouer avec les templates Pelican, mais c'est assez important dans le moteur de template de Python, et c'est une perte à supprimer. Je ne pense pas qu'il y en ait.

Postscript

Décrit la fonction de brouillon.

• Essayez d'utiliser la fonction de brouillon de Pelican