#<\/code> all\u2019inizio di una riga.<\/p>\n\n\n\n# Una guida passo dopo passo per creare il tuo primo sito web<\/pre>\n\n\n\nPer creare un sottotitolo di un dato livello \u00e8 sufficiente aggiungere il carattere #<\/code> pi\u00f9 volte all\u2019inizio della riga.<\/p>\n\n\n\n## Scegliere il nome di dominio giusto<\/pre>\n\n\n\nPer rendere una frase in grassetto si racchiudono le parole interessate tra due asterischi doppi.<\/p>\n\n\n\n
Quando crei il tuo primo sito web, **scegliere il nome di dominio giusto** \u00e8 uno dei passaggi pi\u00f9 importanti. Il tuo nome a dominio rappresenta il tuo marchio ed \u00e8 la prima cosa che le persone vedranno.<\/pre>\n\n\n\nPer creare un link si usa il testo del link tra parentesi quadre seguito dall\u2019URL tra parentesi tonde.<\/p>\n\n\n\n
Per maggiori dettagli sulla sintassi Markdown, consulta l\u2019articolo Basic Syntax<\/a> o la guida Markdown Guide<\/a>.<\/p>\n\n\n\nEditor<\/h2>\n\n\n\n
Se intendi scrivere gli articoli al di fuori della piattaforma di blogging, ti serve un editor Markdown. Alcune opzioni popolari sono:<\/p>\n\n\n\n
Typora<\/h3>\n\n\n\n
Typora \u00e8 un editor Markdown molto diffuso, installabile su qualsiasi sistema operativo.<\/p>\n\n\n\n
Ha un\u2019interfaccia minimale e priva di distrazioni: permette di digitare la sintassi Markdown direttamente oppure di selezionare l\u2019elemento Markdown dal menu.<\/p>\n\n\n\n
Include funzionalit\u00e0 come:<\/p>\n\n\n\n
\n- anteprima in tempo reale<\/li>\n\n\n\n
- importazione ed esportazione<\/li>\n\n\n\n
- contatori di parole<\/li>\n\n\n\n
- modalit\u00e0 macchina da scrivere<\/li>\n\n\n\n
- una barra laterale per gestire i file<\/li>\n\n\n\n
- outline del documento<\/li>\n\n\n\n
- controllo ortografico<\/li>\n\n\n\n
- numerose opzioni per configurare le varianti di Markdown supportate<\/li>\n<\/ul>\n\n\n\n
Dalla pagina di download<\/a> \u00e8 possibile ottenere una versione di prova gratuita di 15 giorni oppure acquistare la versione completa.<\/p>\n\n\n\nVisual Studio Code<\/h3>\n\n\n\n
\u00c8 semplice usare l\u2019editor open-source di Microsoft come editor Markdown. I passi di base sono:<\/p>\n\n\n\n
\n- creare o aprire un file Markdown;<\/li>\n\n\n\n
- abilitare l\u2019anteprima Markdown (ad esempio aprendo l\u2019anteprima affiancata);<\/li>\n\n\n\n
- visualizzare la struttura del file nella sezione Outline.<\/li>\n<\/ol>\n\n\n\n
Per funzionalit\u00e0 avanzate, un\u2019estensione come Markdown All in One<\/a> fornisce scorciatoie da tastiera, supporto per varie varianti di Markdown e altro ancora.<\/p>\n\n\n\nObsidian<\/h3>\n\n\n\n
Obsidian \u00e8 un\u2019app per prendere appunti e gestire conoscenza basata su Markdown, molto popolare negli ultimi anni. \u00c8 usata da content creator, studenti, scrittori, ricercatori, sviluppatori e project manager.<\/p>\n\n\n\n
Offre funzionalit\u00e0 potenti come collegamenti bidirezionali, visualizzazione a grafo, backlink e tagging. Ha per\u00f2 una curva di apprendimento pi\u00f9 ripida rispetto agli altri editor menzionati; per iniziare \u00e8 utile seguire questa guida introduttiva<\/a>.<\/p>\n\n\n\nDillinger<\/h3>\n\n\n\n
Dillinger<\/a> \u00e8 un editor Markdown online usato da scrittori, studenti e sviluppatori.<\/p>\n\n\n\nAll\u2019apertura della pagina si presenta con un\u2019interfaccia a schermo diviso: il documento Markdown a sinistra e l\u2019anteprima in tempo reale a destra.<\/p>\n\n\n\n
Per salvare i documenti su cloud, usa la sezione Services<\/em> nella barra laterale: \u00e8 possibile collegare Dropbox, Google Drive, OneDrive e altri servizi. \u00c8 disponibile anche l\u2019integrazione con GitHub, che consente di inviare i documenti Markdown direttamente a un repository.<\/p>\n\n\n\nSoluzioni tecniche per usare Markdown nel tuo blog<\/h2>\n\n\n\nConversione manuale da Markdown a HTML<\/h3>\n\n\n\nPandoc<\/h4>\n\n\n\n![\"Il](\"https:\/\/daext.com\/it\/wp-content\/uploads\/2025\/10\/pandoc-convertitore-documenti-universale.png\")
<\/figure>\n\n\n\nPandoc<\/a> \u00e8 un convertitore di documenti che supporta numerosi formati (tra cui Markdown, HTML, PDF ecc.). Sono disponibili pacchetti per Windows, distribuzioni Linux basate su Debian, macOS, e cos\u00ec via; le istruzioni di installazione si trovano sul sito ufficiale di Pandoc.<\/p>\n\n\n\nSu alcune distribuzioni Linux (per esempio Fedora) Pandoc pu\u00f2 essere disponibile direttamente nei repository della distribuzione, evitando il download dal sito.<\/p>\n\n\n\n
Per verificare se Pandoc \u00e8 installabile tramite il gestore pacchetti della tua distribuzione puoi controllare le informazioni del pacchetto.<\/p>\n\n\n\n
https:\/\/pandoc.org\/<\/pre>\n\n\n\nSe \u00e8 presente, procedi con l\u2019installazione tramite il gestore pacchetti appropriato e inserisci la password quando richiesto.<\/p>\n\n\n\n
sudo dnf install pandoc<\/pre>\n\n\n\nUna volta installato, Pandoc permette di convertire documenti Markdown in HTML specificando il formato di input e di output, il nome del file di destinazione e, se lo desideri, un file CSS da includere nell\u2019HTML generato.<\/p>\n\n\n\n
pandoc -f markdown -t html5 -o output.html input.md -c style.css<\/pre>\n\n\n\nDopo la conversione, il file HTML risultante pu\u00f2 essere caricato sul tuo blog via FTP o con qualunque modalit\u00e0 di deployment usi normalmente.<\/p>\n\n\n\n
Convertire documenti Markdown direttamente in WordPress<\/h3>\n\n\n\n
Molti amministratori di siti valutano il passaggio a piattaforme \u201cMarkdown-first\u201d, ma spesso non \u00e8 necessario: WordPress offre ottimi strumenti per lavorare con Markdown.<\/p>\n\n\n\n
Ultimate Markdown<\/h4>\n\n\n\n![\"Il](\"https:\/\/daext.com\/it\/wp-content\/uploads\/2025\/10\/ultimate-markdown-wordpress-plugin.png\")
<\/figure>\n\n\n\nCon Ultimate Markdown<\/a> \u00e8 possibile convertire documenti Markdown in articoli di WordPress sfruttando funzionalit\u00e0 dedicate dell\u2019editor.<\/p>\n\n\n\nDopo aver installato il plugin dalla sezione Plugin<\/strong> di WordPress, crea un nuovo post e apri la sezione Importa Markdown<\/strong> nella barra laterale. Da l\u00ec puoi caricare il file Markdown che desideri trasformare in un articolo.<\/p>\n\n\n\n![\"Un](\"https:\/\/daext.com\/it\/wp-content\/uploads\/2025\/10\/importa-markdown-sezione-editor-wordpress.png\")
<\/figure>\n\n\n\nIl plugin importer\u00e0 il contenuto direttamente nell\u2019editor a blocchi. Anche i campi Front Matter sono supportati, cos\u00ec puoi configurare i metadati dell’articolo.<\/p>\n\n\n\n
\u00c8 prevista anche una funzionalit\u00e0 di importazione in blocco per convertire pi\u00f9 documenti Markdown contemporaneamente.<\/p>\n\n\n\n
Per informazioni pi\u00f9 dettagliate sulle funzionalit\u00e0 del plugin, consulta la pagina dedicata a Ultimate Markdown<\/a> sul nostro sito.<\/p>\n\n\n\nJetpack<\/h4>\n\n\n\n![\"Il](\"https:\/\/daext.com\/it\/wp-content\/uploads\/2025\/10\/jetpack-plugin-wordpress.png\")
<\/figure>\n\n\n\nJetpack<\/a>, il noto plugin sviluppato da Automattic, consente di scrivere post utilizzando la sintassi Markdown. Nelle impostazioni, nella sezione Composing<\/strong>, abilita l\u2019opzione per scrivere articoli o pagine in testo semplice con sintassi Markdown. Dopo l\u2019attivazione, il plugin riconosce automaticamente la sintassi e converte gli elementi in HTML al momento della pubblicazione.<\/p>\n\n\n\n![\"La](\"https:\/\/daext.com\/it\/wp-content\/uploads\/2025\/10\/jetpack-sezione-composizione-markdown-abilitato.png\")
<\/figure>\n\n\n\nUsare un generatore di siti statici<\/h3>\n\n\n\n
I generatori di siti statici trasformano i file di contenuto (come quelli in formato Markdown) in pagine HTML pronte all\u2019uso. I siti generati in questo modo sono precompilati, si caricano rapidamente e offrono vantaggi in termini di sicurezza rispetto alle soluzioni dinamiche.<\/p>\n\n\n\n
Vediamo come usare due dei software pi\u00f9 diffusi in questa categoria.<\/p>\n\n\n\n
Jekyll<\/h4>\n\n\n\n![\"Il](\"https:\/\/daext.com\/it\/wp-content\/uploads\/2025\/10\/jekyll-generatore-siti-statici.png\")
<\/figure>\n\n\n\nJekyll \u00e8 un generatore di siti statici basato su Ruby (distribuito come gem Ruby). Per utilizzarlo \u00e8 necessario installare Ruby e i pacchetti richiesti dalla tua piattaforma.<\/p>\n\n\n\n
sudo dnf install ruby ruby-devel openssl-devel redhat-rpm-config gcc-c++ @development-tools<\/pre>\n\n\n\nDopo l\u2019installazione dei prerequisiti, si installano Jekyll e Bundler come gem Ruby.<\/p>\n\n\n\n
gem install bundler jekyll<\/pre>\n\n\n\nA questo punto \u00e8 possibile creare un nuovo sito locale, configurarne le impostazioni principali modificando il file _config.yml<\/code> (per titolo, descrizione, base URL, ecc.).<\/p>\n\n\n\ntitle: My Blog
description: My personal blog built with Jekyll
baseurl: \"\/\"<\/pre>\n\n\n\nE aggiungere i post nella cartella _posts<\/code>, includendo in ciascun file i metadati Front Matter.<\/p>\n\n\n\n---
layout: post
title: \"My First Post\"
date: 2024-09-04 12:00:00
categories: blog
---
## Example Heading
Example content.
* Item 1
* Item 2
* Item 3<\/pre>\n\n\n\nCrea il sito:<\/p>\n\n\n\n
bundle exec jekyll serve<\/pre>\n\n\n\nPer visualizzare il sito localmente si usa il comando di servizio che genera il sito nella cartella _site<\/code> e mette a disposizione un URL locale per la preview.<\/p>\n\n\n\nOgni volta che aggiungi nuovi post o modifichi la configurazione dovrai rilanciare la build per rigenerare i file statici.<\/p>\n\n\n\n
Per maggiori informazioni consulta la documentazione ufficiale di Jekyll<\/a>, inclusa la pagina dedicata ai requisiti di installazione<\/a>.<\/p>\n\n\n\nHugo<\/h4>\n\n\n\n![\"Il](\"https:\/\/daext.com\/it\/wp-content\/uploads\/2025\/10\/hugo-generatore-siti-statici.png\")
<\/figure>\n\n\n\nHugo \u00e8 un generatore di siti statici scritto in Go<\/a>; \u00e8 apprezzato per la sua rapidit\u00e0 di build ed \u00e8 adatto anche a siti di grandi dimensioni.<\/p>\n\n\n\n