الصفحة الرئيسية>كود مصدر ASP>فئات أخرى
تنزيل

مولد المدونة الثابتة للوساطة الفائقة

ما هذا؟

بناء مدونة باستخدام نمط تصميم "الجزر". قاعدة بيانات SQLite مدفوعة الواجهة الخلفية التي تنشئ موقعًا ثابتًا محادًا.

كيف تعمل؟

تحلق البرامج النصية من خلال قاعدة البيانات إنشاء كل من مستندات HTML المقدمة بالكامل ومقتطفات DOM لكل صفحة على الموقع. يقرأ Nginx الطلبات وسيقدم واحدة أو أخرى بناءً على وجود رأس hx-request . يتم استخدام hx-boost لرفع جميع علامات المرساة تلقائيًا لطلبات AJAX ، مما يجعل السحر يحدث. تحتوي مستندات الاستجابة على <title> العلامات التي يتعرف عليها HTMX وتطبقها على الصفحة لتحسين UX & SEO.

لقطات الشاشة

المقدمة بعد

مدونة

محرر بوست الخلفي

محرر

محرر البيانات الوصفية

editor_meta

تحرير الفئة الخلفية

edit_cat

مبنى

يتم تشغيل جميع أوامر البناء باستخدام BUN.

  • سوف bun install يسحب جميع التبعيات المطلوبة.
  • يقوم bun edit بتشغيل خادم الواجهة الخلفية لإدارة قاعدة بيانات WYSIWYG.
  • يقوم bun run init بإنشاء بنية مجلد dist وينقل الملفات إلى الموقع المقدم.
  • ستقوم bun htmx بتشغيل TypeScript لإنشاء أصول HTML للموقع بالفعل.
  • تقوم bun css بتشغيل البرامج النصية لـ PostCSS لإنشاء تصميم الموقع وتحسينه باستخدام TailwindScss.
  • bun start تشغيل init و HTMX و CSS.

بيانات

يتم إنشاء محتوى الموقع من قاعدة بيانات SQLite من 4 جدول تحتوي على: المنشورات ، والفئات ، والعلامات ، وجدول بيانات تعريف علائقية يربطها. يوجد منطق قاعدة البيانات في: SRC/النماذج.

قوالب

تعيش قوالب HTML/Matache في: SRC/وجهات النظر

ورقة الأنماط الرئيسية هنا: src/ui/theme.css. أعلم أنني أستخدم Tailwinds "خطأ" Get Outta هنا.

المجالات

هناك ملفان يحددان المجالات العالمية المستخدمة. أحدهما لمحرر الظهر الآخر المدونة نفسها. أنها افتراضية إلى //localhost لدعم العودة إلى HTTP.

محرر الخلفية

يمكن الوصول إلى محرر WYSIWYG المستند إلى الويب عن طريق تشغيل bun edit . يدعم المحرر إضافة وتحرير وإزالة المنشورات وبيانات التعريف الخاصة بهم ، وكذلك الفئات والعلامات نفسها. يمكن تغيير المنفذ الافتراضي واسم المضيف (LocalHost: 8999) في: src/server.ts.

خادم الويب

تتوفر تكوينات عينة NGINX في دليل NGINX. إن "السحر" الحقيقي الوحيد هو إلحاق الدليل الجذر على وجود رأس HX-request في مثال متاح للمواقع.

حالة

v1.0 من هذا المشروع اكتمل! إنه يعمل الآن على تشغيل مدونتي على https://blog.xe.ro

تودو والأفكار

  • بدائل nginx (مثل العلبة)
    • Nginx HX-Header "Root Rewrite" vs Inline Hx-Get to Slug urls perf
  • IDK ، ربما التدوين الفعلي؟ • ͡ ㇁ • ͡

خلفية

(كنت أفكر في استدعاء هذا المشروع tnthumbs b/c الذي تم بناؤه باستخدام: typescript nginx tailwindcss htmx unix matach bun sqlite)

مراجع

  • https://bun.sh/docs
  • https://bun.sh/docs/api/sqlite
  • https://tailwindcss.com/docs
  • https://tailwindcomponents.com/cheatsheet
  • https://htmx.org/docs
  • https://htmx.org/api
  • https://htmx.org/attributes/hx-push-url
  • https://www.nerdfonts.com/cheat-let
  • https://github.com/janl/mustache.js
  • http://mustache.github.io/mustache.5.html

رخصة

يتم إصدار جميع الملفات في هذا الريبو ، بما في ذلك محتوى مدونتي ، CC0 / Kopimi! بروح حرية المعلومات ، أشجعك على شوكة أو تعديل أو تغيير أو مشاركة أو القيام بكل ما تريد مع هذا المشروع! ^c^v

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل