mrfdn.com – Pada artikel sebelumnya kami telah menjelaskan beberapa hal yang penting untuk diketahui partials
Pada artikel ini saya akan membahas cara mengatur file list.html Apa yang sedang dikembangkan dalam tema Hugo.
Templat daftar adalah daftar semua halaman di situs web Hugo
Berbeda dengan halaman beranda yang mana kita bisa mengatur hanya beberapa halaman saja yang akan ditampilkan, di sini kita bisa melihat seluruh isinya.
Tanpa basa-basi lagi, simak penjelasannya dibawah ini.
Silakan edit file tersebut /layouts/_defaults/list.html menjadi seperti ini:
{{ define "main" }}
<main>
{{ range .Pages }}
<h1><a href="{{.Permalink}}">{{ .Title }}</a></h1>
<p>{{ or .Description .Summary}}</p>
{{ end }}
</main>
{{ end }}
Kemudian buat beberapa konten untuk Hugo.
hugo new post/post1.md
Saya telah memposting beberapa di sini.
Lalu lari hugo server
Maka akan muncul tampilan seperti ini.
penjelasan
Pada kode di atas, terdapat sintaks yang dimulai dengan range. Fungsi Hugo untuk loop itu.
fungsi range Itu selalu berakhir endJika tidak, template akan error.
Di mana .Pages Halaman mana pun di situs web.
Miliki judul dan ringkasan. dimana title adalah judul postingan dan ringkasan adalah preview postingan.
Jadi di sini saya ingin menampilkan satu lingkaran .Pages Kemudian bungkus dalam tag <h1> Kemudian render masing-masing Title Dan Summary di halaman itu
Agar artikel dapat diklik, bungkus kembali dengan teks jangkar <a>.
Menampilkan daftar artikel di Beranda#
Seperti halnya blog pada umumnya, kita ingin artikel-artikel terbaru muncul di halaman beranda Hugo
Ini dapat dengan mudah dilakukan dengan mengedit file index.html Jadilah seperti ini
{{ define "main"}}
<main>
<h2>Hello from index.hmtl</h2>
<p>Ini adalah tulisan yang ditampilkan melalui file <b>index.html</b> theme hugo yang sedang dibuat.</p>
<img style="width: 400px" src=" alt="gambar ilustrasi website keren">
<small>Ilustrasi dari Freepik</small>
<h3>Latest Article</h3>
<ul>
{{ range .Site.RegularPages }}
<li><a href="{{.Permalink}}">{{.Title}}</a></li>
{{ end }}
</ul>
</main>
{{ end }}
Di sana kami menggunakan kode {{ range .Site.RegularPages }} Untuk menelusuri semua halaman/artikel yang dibuat.
Jadi kalau masuk ke beranda hasilnya seperti ini.
Selanjutnya, kita akan membuat template untuk menampilkan konten setiap postingan melalui file single.html.
Tetap disini, oke?
PakarPBN
A Private Blog Network (PBN) is a collection of websites that are controlled by a single individual or organization and used primarily to build backlinks to a “money site” in order to influence its ranking in search engines such as Google. The core idea behind a PBN is based on the importance of backlinks in Google’s ranking algorithm. Since Google views backlinks as signals of authority and trust, some website owners attempt to artificially create these signals through a controlled network of sites.
In a typical PBN setup, the owner acquires expired or aged domains that already have existing authority, backlinks, and history. These domains are rebuilt with new content and hosted separately, often using different IP addresses, hosting providers, themes, and ownership details to make them appear unrelated. Within the content published on these sites, links are strategically placed that point to the main website the owner wants to rank higher. By doing this, the owner attempts to pass link equity (also known as “link juice”) from the PBN sites to the target website.
The purpose of a PBN is to give the impression that the target website is naturally earning links from multiple independent sources. If done effectively, this can temporarily improve keyword rankings, increase organic visibility, and drive more traffic from search results.