ryosuke gatsby blog
1.0.0
محفظة ومدونة شخصية تم إنشاؤها باستخدام إطار عمل GatsbyJS لإنشاء موقع ويب ثابت يعمل بتشغيله. إنه Lightning Fast و SEO و PWA ودود ، وينشر مباشرة إلى CDN مثل صفحات github أو netlify.
هذا بديل JavaScript لحلول مولد الموقع الثابتة المكتوبة في Go أو Ruby. إنه أيضًا أكثر تجسيدًا من مدونة Gatsby Starter مع ميزات مثل محفوظات المدونة ، ومعالجة الصور ، وتحسين مُحسّنات محرّكات البحث ، وعدد قليل آخر.
---
title : Deploy a Static React Blog using GatsbyJS and Github
date : " 2018-03-21 "
section : blog
cover_image : " ./[email protected] "
tags : [ 'design', 'development', 'react', 'github', 'gatsbyjs', 'ssg', 'static site generator' ]
---
Your post hereblog أو project .لتضمين وحدات CodePen ، ما عليك سوى نسخ رمز التضمين وإزالة البرنامج النصي JS الذي يتم استيراده.
تم تضمين التغريدات بسلاسة في منشورات عن طريق نسخ جزء blockquote من رمز التضمين إلى ملف Markdown الخاص بك. لا تقم بنسخ ملف JS المرتبط ، ويتعامل المكون الإضافي تلقائيًا.
تكوين في gatsby-config.js .
تكوين في gatsby-config.js .
تشغيل على Gatsbyjs ، SSG التي تنشئ تطبيقات React ثابتة.
npm installnpm run develop نقوم بإنشاء الملفات محليًا ، ثم نشرها باستخدام برنامج نصي NPM يقوم بتحديث فرع محدد GIT Repo يسمى gh-pages .
لتمكين هذا ، ما عليك سوى تهيئة ريبو غيت في المشروع ، وارتكاب التغييرات الخاصة بك ، وإضافة ريبو GitHub كإعادة ريبو عن بُعد. تأكد من تسمية جهاز التحكم عن بُعد على أنه origin ، وإلا فلن يعرف Gatsby Deploy أي ريبو يجب دفعه إليه.
نشر موقع على أصل ريبو عن بعد origin :
npm run deploy
git pull من الأصل البعيد للتأكد من أن لديك أحدث المنشورات ودمج أي تعارضات.src/content/projects أو src/content/blog المسمى على بعد مشاركتك. سيتم تحويل هذا إلى سبيكة المقالة-لا تحتاج إلى "kebab-case" عنوانك ، ولكن ضع التنسيق في الاعتبار.<img src="./my-image.jpg" /> .npm run deploy في جذر المشروع للنشر على صفحات github. هذا الموقع قادر أيضًا على النشر على NetLify. ما عليك سوى تسجيل الدخول إلى NetLify ، وإنشاء تطبيق جديد ، والإشارة إلى هذا المستودع. اتبع الخطوات ، تأكد من تشغيل NetLify gatsby build ويشير إلى /public . يتيح لك هذا أيضًا استخدام NetLify CMS ، لأنه يتطلب خادمًا لدعم OAUTH2 والاستضافة على NetLify يتيح لك إعادة بناء كل تحرير (بدلاً من البناء من الجهاز الشخصي والانتشار من هناك).
