blogtini

blogtini

الشرائح / العرض التقديمي

https://traceypooh.github.io/slides/dweb-2022 (حديث تريسي على https://dwebcamp.org)

الموقع مباشر على:

• https://blogtini.com
• https://traceypooh.github.io/blogtini/

خطافات

• عندما تقوم بإنشاء منشور أو حذفه، نريد تحديث sitemap الخاصة بك.
• عندما يقوم شخص ما بالتعليق على موقعك، نقوم بتشغيل برنامج نصي صغير.

وبالتالي، نقترح عليك استخدام "خطافات" git "الالتزام المسبق" و"بعد الدمج" لأتمتة "التدبير المنزلي" أعلاه. يمكنك إعدادهم مثل هذا:

git config --local core.hooksPath bin/

آر إس إس

إذا كنت تريد إنشاء ملف RSS index.xml باستخدام البرنامج النصي bin/sitemap، أثناء كل ربط "التزام مسبق" (أعلاه)، فستحتاج إلى تثبيت البرنامج النصي yq على جهازك.

أفضل خيارين لإعداد موقع الويب/المدونة

مستودع مصدر المدونة الذي يستخدم تخفيض السعر داخل ملفات ترميز HTML

• /2022/01/ط-خبز-فطيرة/
• /2022/01/i-baked-a-pie/index.html
  • ابدأ بالمادة الأمامية
    • بما في ذلك comment: <script src="../theme.js" type="module" charset="utf-8"></script>
  • يمكنك بعد ذلك الحصول على عنوان url اللطيف https://example.com/2022/01/i-baked-a-pie/ حيث يقوم JS المضمن بتحويل العلامة إلى ترميز
• يمكن أن يشير /sitemap.xml الخاص بك إلى كل عنوان URL من دليلك
• قم بإدارة /sitemap.xml يدويًا أو قم بتشغيل البرنامج النصي /bin/sitemap في أي وقت تقوم فيه بإنشاء منشور أو حذفه. يمكن العثور على البرنامج النصي /bin/sitemap على موقع blogtini.
• اجعل /theme.js يقوم import أي موضوع تريده

مستودع مصدر المدونة الذي يستخدم ملفات تخفيض السعر

• /2022/01/i-baked-a-pie.md
  • سيقوم jekyll تلقائيًا بتحويل تخفيض السعر الخاص بك إلى ترميز وإلى عنوان url مثل https://example.com/2022/01/i-baked-a-pie.html
  • يعمل Tracey مع jekyll للحصول على https://example.com/2022/01/i-baked-a-pie.md يتم نسخ عناوين url أيضًا حرفيًا من المصدر الخاص بك - لذلك يمكن استخدام تخفيض السعر الأصلي مع المادة الأمامية وتحليلها

التنمية المحلية

الخيار 1

safari رائعة، يمكنك تشغيل الموقع محليًا فقط

• تم تمكين أدوات المطور
• Develop القائمة
  • تحقق Disable Cross-Origin Restrictions أثناء التطوير
  • إعادة تحميل صفحة HTML
  • قم بإلغاء Disable Cross-Origin Restrictions عند الانتهاء
• مثال: file:///Users/tracey/dev/blogtini/index.html

الخيار 2

(أي خادم ويب أساسي للملفات الثابتة سيفي بالغرض):

( sleep 3 ; open http://localhost:8000 ) &
python3 -m http.server

يمكنك فرض إعادة تحليل للمشاركات والصفحات عن طريق إضافة وسيطة CGI اختيارية ?recache=1

أمثلة على عناوين URL التي تستخدم صفحات GitHub أو GitLab

إذا كنت تستخدم تكامل "الصفحات" المجاني مع https://github.com أو https://gitlab.com، فستحصل على عناوين URL التي يمكنك الإعجاب بها على النحو التالي:

• https://traceypooh.github.io/blogtini/
• https://traceypooh.gitlab.io/blogtini/

يمكنك اختيار استخدام اسم المجال الخاص بك (عادةً ما يكون 20 دولارًا أمريكيًا سنويًا) للحصول على عنوان URL أقصر/أجمل يشير إلى نشر الصفحات أعلاه (وهذا ما يفعله https://blogtini.com)

للقيام / Fixmes

• git grep xxxxx أعلى الأولويات
• git grep xxx