Site Features & User Guide

This page showcases a range of markdown elements and how they appear on the site. It functions as both a reference point and a typography/formatting test environment.

Headers

'# h1 Heading'

'## h2 Heading'

'### h3 Heading'

'#### h4 Heading'

'##### h5 Heading'
'###### h6 Heading'

Horizontal Rules

'---' or '- - -' (horizontal rule)

'***' or '* * *' (horizontal rule alternative)

'___' (horizontal rule alternative)

'****' (horizontal rule alternative)

Typography

Italic '*' or '_'

Here is some *italic* text.
Here is some more _italic_ text.

Bold '**' or '__'

Here is some **bold** text.
Here is some more __bold__ text.

Strike Through '~~'

~~Strikethrough ~~

Bold Italic '***' or '___'

***bold italic***
___bold italic___

Blockquotes '>'

>Blockquotes can also be nested...

>>...by using additional greater-than signs right next to each other...

>>>...or with spaces between arrows.

Lists

Unordered '+', '-', or *

  • Item 1
    • Item 2
      • Item 3
    • Item 4
  • Item 5
    • Item 6
  • * Create a list by starting a line with +, -, or *
    • * Sub-lists are made by indenting 2 spaces:
      • * Marker character change forces new list start:
      • * Ac tristique libero volutpat at
      • * Facilisis in pretium nisl aliquet
      • * Nulla volutpat aliquam velit
    • * Very easy!

Ordered

Normal list

  1. 1. Item A
  2. 2. Item B
  3. 3. Item C
Ordered List Behavior

Markdown uses the first number as the start value and ignores the rest.

All items marked as 1 (still works)
  1. 1. Item A
  2. 1. Item B
  3. 1. Item C
Number offset (start value)
  1. 57. Item A
  2. 1. Item B
  3. 1. Item C

Pipeline Test

`{% testImage "/assets/makes/makes_owl-statue/Owl_Statue_Supports_2.7K_16x9.png" %}`

Site Özellikleri & Kullanım Rehberi

Bu sayfa hem test sayfası hem de kullanım referansı olarak işlev görür.

1. InfoCard Shortcode

Bir make veya game öğesini kart formatında gösterir.

Kullanım:

  {% infoCard "makes_owl-statue" %}

Çıktı:

Makes - Owl Statue
Makes - Owl Statue This model has been reprinted to achieve a cleaner surface and improved finish quality. Post-processing is in progress: …

For more, visit the makes page.

2. Card & CardGrid

Tablo verilerini görsel kartlara dönüştürür.

Tek kart örneği:

{% card "Oyun Bilgileri" %}
Platform | PC, Xbox
Genre | Action RPG
Developer | Insomniac Games
Release | 2023
{% endcard %}

Çıktı:

Oyun Bilgileri
Platform PC, Xbox
Genre Action RPG
Developer Insomniac Games
Release 2023

Grid layout (yan yana kartlar):

{% cardgrid %}

{% card "Teknik" %}
Engine | Custom
Resolution | 4K
Storage | 98 GB
{% endcard %}

{% card "Baskı" %}
Layer Height | 0.2mm
Infill | 15%
Material | PLA
{% endcard %}

{% card "Puanlar" %}
Metacritic | 90/100
IGN | 9/10
GameSpot | 9/10
{% endcard %}

{% endcardgrid %}
Teknik
Engine Custom
Resolution 4K
Storage 98 GB
Baskı
Layer Height 0.2mm
Infill 15%
Material PLA
Puanlar
Metacritic 90/100
IGN 9/10
GameSpot 9/10

3. Resim Pipeline

Pipeline otomatik olarak resimleri optimize eder.

Normal kullanım:

![Winged Victory](Winged_Victory_of_Samothrace_800x800.jpg)

Winged Victory

Width override ile:

![Owl Statue](Owl_Statue_Supports_2.7K_16x9.png){width="400"}

Owl Statue

4. Wikilinks

Obsidian-style link syntax'ı:

[now](/now/) sayfasına git.  
[Blog yazılarım](/blog/) buradan.

now sayfasına git.
Blog yazılarım buradan.

5. Filtreler

Template filter örnekleri:

nl2br: Satır sonlarını <br> tag'ine çevirir.

{{ "Satır 1\nSatır 2\nSatır 3" | nl2br | safe }}

Satır 1
Satır 2
Satır 3

Test Sonuçları

Bu sayfayı render ettikten sonra kontrol et:

  • [x] InfoCard çalışıyor
  • [x] Card + CardGrid çalışıyor
  • [x] Resim pipeline çalışıyor
  • [x] Width override çalışıyor
  • [x] Wikilinks çalışıyor
  • [x] Filtreler çalışıyor

Notlar

  • Resim optimizasyonu: Build sırasında public/img/ klasörüne yazılır
  • Cache: eleventy-img aynı resmi tekrar işlemez
  • Preset değişikliği: config/image-presets.js dosyasını düzenle

Herhangi bir sorun varsa terminal'deki hata mesajlarını kontrol et.


← Pages Menu