• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jaranguda

Belajar Mengajar

  • Home
  • Sponsor/Jasa
  • Tentang

Pelican Setting Custom Page untuk Article Page

Last Updated on 1 March 2017 By tommy Leave a Comment

Bila anda ingin membuat satu halaman khusus untuk artikel (article) di Pelican. Beberapa solusi yang bisa digunakan adalah, merubah template archives (archives.html), bisa juga menggunakan tag, atau categories. Tapi satu kelemahannya anda tidak bebas merubah nama link file tersebut, misalkan tutorial.html

Membuat Template

Ada cara yang jauh lebih mudah dan customizable, yaitu dengan membuat template baru, contoh kita beri nama page-article.html, berikut ini contoh CSS nya

<!-- page-article.html -->
{% extends "base.html" %}
 
{% block content %}
 
    {% for article in articles %}
 
        <div class="content-md">
            <div class="container">
                <div class="row">
                    <div class="col-md-9 md-margin-bottom-40">
                        <div class="row blog blog-medium margin-bottom-40">
                            <h2 class="title-v2"><a href="#">{{ article.title }}</a></h2>
                            <hr>
                            <p align="justify">
                              {{ article.summary }}
                            </p>
                        </div>
                        <hr class="margin-bottom-40">
                    </div>
                </div>
            </div>
        </div>
 
    {% endfor %}
 
{% endblock %}

Lalu buat satu page tutorial.md (content/pages), yang berisi

Title: Tutorial
Date: 2017-02-28 16:48
Template: page-article

Membuat Page

generate ulang page anda, lalu akses tutorial.html, contoh tampilannya
tampilan page tutorial pelican

Tulisan menarik lainnya

  • Font Pilihan Untuk Linux

    Font-Font yang saya gunakan di Linux (Fedora 20) : Desktop : Ubuntu Condensed Terminal :…

  • Setting Andoid untuk koneksi ke SoftEther L2TP/IPsec

    Sebelum menlanjutkan tutorial ini, anda sudah harus memiliki server yang terinstall SoftEther seperti yang ada…

  • Import dari WordPress ke Pelican Static Blog Generator di Fedora 19

    Terlebih dahulu install aplikasi Pelican, kali ini kita akan menggunakan pip untuk mempermudah proses instalasi…

  • Thema Gratis untuk Pelican Blog Generator

    Thema ini dibuat menggunakan framework Kube, Tampilannya bisa dilihat dibawah ini untuk menggunakan cloning repository…

Filed Under: Linux Tagged With: Pelican, static generator

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Pencarian

Tanya Jawab tentang DevOps SRE CPE, gabung di https://t.me/devopsindonesia

Terbaru

  • Solusi AWS CLI SSL VALIDATION failed
  • Monitoring Kubernetes Cluster dengan Prometheus
  • Solusi Playwright Firefox version `GLIBCXX_3.4.30′ not found (required by /lib64/libicuuc.so.69)
  • Cara Upgrade Fedora 35 ke Fedora 36
  • Ekstrak Gzip File dan Ambil Total dengan Python

Komentar

  • Xpud on Script PHP untuk Mengambil History Lagu Shoutcast v2.5
  • Jrenx on Membuat Bot Telegram Sederhana dengan PHP
  • Sella on Kemana Menghilangnya Saldo BCA 50 ribu
  • Rian on Mengganti Halaman Error Laravel
  • Suchie on Kemana Menghilangnya Saldo BCA 50 ribu

Tulisan Populer

  • Password Router Huawei HG8245H5 Indihome 1m views
  • Password Terbaru ZTE F609 Indihome 781.5k views
  • Password Superadmin Huawei HG8245A 294.2k views
  • Cara Setting Manual Modem GPON ZTE F609 Indihome 267.8k views
  • Cara Setting Wireless ZTE F609 Indihome 251k views
  • Mengaktifkan Port LAN di Huawei HG8245 Indihome 165.4k views
  • Akses UseeTV Indihome via Wireless ZTE F609 154.7k views
  • Cara Reset Password ZTE F609 Indihome 146k views
  • Kemana Menghilangnya Saldo BCA 50 ribu 135.2k views
  • Cara Setting DHCP Server Modem/Router ZTE F609 108.9k views

Kategori

  • Delphi
  • dll
  • Gambas
  • Internet
  • Java
  • Lazarus
  • Linux
  • PHP
  • Review
  • Teknologi

Sponsor

kadal.id
Untuk jadi sponsor, hubungi kita lewat halaman sponsor
© 2021. Jaranguda
  • Linux
  • PHP
  • Internet
  • Teknologi
  • Delphi
  • Gambas
  • Java