Spinto - منشئ موقع على شبكة الإنترنت يمكن لكل من Newbies & Developers أن يعجبهم

الإعلانات

آه ، فرحة إنشاء موقع جديد! بجدية ، أحد أعظم الأشياء في الويب هو مدى سهولة بدء شيء جديد. هناك العديد من الأدوات التي تتيح للمستخدمين إنشاء مواقع الويب الخاصة بهم بسهولة ، مثل Sidengo كيفية بناء موقع الويب الخاص بك في دقائق دون أي مهارات الترميزمع نمو الويب ، وبسرعة مذهلة للغاية ، أصبحت الحاجة إلى وجود الويب أكثر إلحاحًا. في أجزاء كثيرة من العالم ، يجب أن يكون لديك حضور على شبكة الإنترنت من أجل ... اقرأ أكثر و Wix كيفية إنشاء موقع فلاش محترف المظهر مجانا اقرأ أكثر (والذي ، بالمناسبة ، لم يعد يتطلب فلاش). تهدف العديد من هذه الأدوات إلى إنشاء مستخدمين جدد لمواقعهم الإلكترونية الأولى. Spinto هي خدمة جديدة تحاول زاوية مختلفة.

إنها صديقة للمطورين ، مع دعم لـ Git و SSH ، وتستند إلى جيكل، مولد موقع ثابت الحب المبرمجين روبي. أثناء القيام بكل هذا ، تحاول Spinto أيضًا أن تظل جذابة للمستخدمين الجدد - لذلك يمكنك القول أن هذه خدمة تحاول أساسًا إبقاء الجميع سعداء.

Spinto في الإصدار التجريبي حاليًا ويمكن استخدامه مجانًا ، ولكن حتى بعد بدء الشحن ، يقولون أنه سيكون من السهل تصدير موقعك ونقله إلى مكان آخر إذا كنت لا ترغب في دفعه.

الاستيقاظ والجري

بعد تسجيل الدخول إلى Spinto باستخدام حساب Google ، فإن أول شيء تريد الخدمة معرفته هو ما إذا كنت "شخصًا تقنيًا" أم لا. بافتراض أنك ، ربما تعرف ما هو Git ، ولديك مفتاح SSH عام. لدي بالفعل مفتاح SSH عام ، قمت بلصقه في مربع النص هذا. لكن Spinto لن يعطيك أي حزن إذا لم يكن لديك مثل هذا المفتاح ، وهو أمر جيد.

بعد ذلك ، حان الوقت لإنشاء أول موقع ويب لدينا:

يتيح لك Spinto أيضًا إنشاء موقع ويب باستخدام مخطط أو هيكل عظمي أطر CSS ، أو موقع ويب فارغ لا يحتوي على رمز على الإطلاق. بما أنني أريد فقط ركل الإطارات هنا ، ذهبت مع مطعم سبيل المثال موقع الكتروني.

تحرير موقع الويب الخاص بك بصريا

يتم إنشاء الموقع على الفور ، ويمكن الوصول إليه على الفور. أعلاه يمكنك رؤية واجهة الويب لمحرر Spinto. على الشريط الجانبي الأيمن ، يسرد Spinto عنوان URL لـ Git الذي تحتاجه للتحقق من مصادر الموقع ، بالإضافة إلى معلومات الموقع والمتعاونين. على اليسار ، يمكنك رؤية الصفحات ومشاركات المدونة.

دعونا تحرير أهلا بك الصفحة:

محرر بصري! أنيق للغاية للمستخدمين غير التقنيين. ولكن لاحظ أنه على الرغم من كل الكروم المثير للإعجاب ، فإن قدرات المحرر محدودة. لم أتمكن من تحريك الصور عن طريق سحبها. جعل المحرر من السهل تغيير النص ، وكذلك استبدال الصور. هذا أمر جيد ، لأنه يعني أنه يمكن أن يكون لديك مستخدم غير تقني يقوم بتحرير نص موقع الويب ، بينما يقوم مطور أكثر خبرة بإجراء CSS.

تتيح لك واجهة الويب لـ Spinto تعديل HTML مباشرة ، ولكن إذا كنت مطورًا ، أعتقد أن فرص تعديل HTML يدويًا في المتصفح ضئيلة للغاية.

العمل مع Git & Editing محليًا

الآن دعونا نلقي نظرة على Spinto من منظور مطور متمرس. تجعل الخدمة من السهل جدًا استنساخ موقع الويب الخاص بك والعمل عليه من خلال راحة جهازك الخاص باستخدام Git. يتم رفع سطر أوامر Git أعلاه مباشرة من وثائق Spinto ، ويقوم بتنزيل موقع Spinto الخاص بك للعمل. في الداخل ، يبدو مثل هذا:

يوضح ملف README أننا نعمل مع شيء يعتمد على Jekyll وعلى الحذاء إطار العمل (تم إنشاؤه بواسطة Twitter). الآن دعنا نطلق gVim ونعدل بعض الملفات:

في الداخل نرى HTML الفانيليا جميلة. لاحظ الأسطر الأربعة الأولى التي تحدد عنوان وتخطيط Jekyll. جانب آخر مثير للاهتمام هنا هو أن أوراق الأنماط ليست في CSS - فهي مكتوبة في LESS:

هذا يجعل من السهل تغيير الألوان ، لأن LESS يدعم المتغيرات. فقط من أجل ذلك ، قمت بتغيير لون خلفية الجسم إلى اللون الوردي. حان الوقت الآن للالتزام بدفع التغييرات لرؤيتها على موقع الويب:

الآن ، دعنا نذهب إلى موقع Spinto:

في الواقع ، هذا وردي بشكل مروع. أشياء سهلة جدا! هناك أيضًا جوهرة روبي لمعاينة التغييرات محليًا ، لذلك لا يتعين عليك الاستمرار في الضغط على Git Repo في كل مرة تريد فيها رؤية التغييرات في المتصفح.

افكار اخيرة

Spinto هي محاولة شجاعة ومبتكرة لإنشاء نظام يجذب كل من المبتدئين والمطورين المخضرمين. إذا كنت تعمل على موقع ويب بمفردك ، فلا يمكنني التفكير في سبب مقنع لاستخدام Spinto بدلاً من Jekyll نفسه (أو فطيرة قشرة والعديد من مولدات الموقع الثابتة الأخرى). ولكن إذا كنت بحاجة إلى التعاون مع الآخرين ، وخاصة المستخدمين الذين يهتمون بشدة بالمحتوى النصي والصور ولكن لا يمكنهم حقًا المساعدة في CSS ، فإن Spinto يقدم بعض الفوائد المثيرة للاهتمام.

أخبرنا برأيك في التعليقات ، وما إذا كنت تفضل هذا أو منشئ موقع ويب مشابه.