Ekspor Postingan Blog Wix ke Markdown dengan OpenAI

Artem Meleshko Co-Founder & iOS Engineer at Everappz

Mengapa Mengekspor Postingan Blog dari Wix?

Ringkasan: Panduan ini menunjukkan cara mengekspor postingan blog Wix ke Markdown menggunakan tiga skrip Python: runner setup, scraper berbasis Selenium, dan konverter HTML-ke-Markdown yang didukung OpenAI. Hasilnya adalah file Markdown bersih dan portabel yang siap untuk Hugo, Jekyll, atau generator situs statis apa pun.

Wix tidak menawarkan ekspor blog native ke Markdown. Jika Anda bermigrasi ke generator situs statis seperti Hugo atau Jekyll, Anda perlu meng-scrape halaman yang dirender, mengekstrak konten, dan mengonversinya. Tutorial ini mengotomasi seluruh proses menggunakan Python, Selenium, BeautifulSoup, dan API GPT OpenAI.

Pipeline menggunakan tiga skrip:

• fetch_blog_posts.sh — menyiapkan lingkungan dan menjalankan pipeline
• parse_blog_sitemap.py — merender halaman dengan Selenium, mengekstrak konten, mengunduh gambar
• generate_md.py — mengonversi HTML ke Markdown melalui OpenAI

Langkah 1: Siapkan Lingkungan

#!/bin/bash
echo "🔍 Checking Python installation..."
if ! command -v python3 &> /dev/null; then
    echo "❌ Python 3 is not installed. Please install Python 3 and try again."
    exit 1
fi
echo "✅ Python 3 found: $(python3 --version)"
VENV_DIR=".venv"
if [ ! -d "$VENV_DIR" ]; then
    python3 -m venv "$VENV_DIR"
fi
source "$VENV_DIR/bin/activate"
pip install --upgrade pip
pip install beautifulsoup4 lxml selenium webdriver-manager
python3 parse_blog_sitemap.py
deactivate

Langkah 2: Scrape dan Ekstrak Konten Blog

parse_blog_sitemap.py melakukan pekerjaan berat: mengambil XML sitemap, merender halaman dengan Selenium, mengekstrak <div id="content-wrapper">, mengunduh gambar, dan menyimpan HTML bersih.

Mengapa Selenium bukan requests? Wix merender konten dengan JavaScript. Permintaan HTTP standar mengembalikan shell halaman kosong.

Langkah 3: Konversi HTML ke Markdown dengan OpenAI

generate_md.py membaca setiap file _index.html, mengirim konten ke API Chat OpenAI, dan menulis Markdown yang dihasilkan.

Struktur Folder Output

downloads/
  your-post-title/
    _index.html      # HTML yang diekstrak dan dibersihkan
    _index.md         # Markdown yang dikonversi
    image1.png        # Gambar yang diunduh

Jalankan Pipeline Lengkap

bash fetch_blog_posts.sh

Kontribusi ke Proyek

Proyek ini open source.

Pertanyaan yang Sering Diajukan