ScreenLaps দিয়ে শুরু করা

ScreenLaps ব্লগে স্বাগতম! এই প্রথম পোস্টটি একইসাথে ব্লগ ইঞ্জিনের একটি পরিচিতিও — নিচের প্রতিটি হেডিং, তালিকা, কোড ব্লক এবং ছবি এই পাতাকে চালিত মার্কডাউন পাইপলাইনের একটি বাস্তব ফিচার দেখানোর জন্য রাখা হয়েছে, শুধু জায়গা পূরণের জন্য নয়।

#কেন ScreenLaps

ScreenLaps একটি হালকা ব্রাউজার এক্সটেনশনকে Laravel-এর উপর তৈরি একটি ক্লাউড ড্যাশবোর্ডের সাথে যুক্ত করে, ফলে আপনার তোলা প্রতিটি স্ক্রিনশট এবং রেকর্ডিং এক জায়গা থেকেই সংগঠিত, খুঁজে পাওয়া যায় এবং শেয়ার করা যায়। পথে কোনো প্রশ্ন থাকলে, টিমের সাথে যোগাযোগের দ্রুততম উপায় আমাদের যোগাযোগ পাতা।

"সেরা স্ক্রিনশট টুল সেটাই, যেটা ব্যাকগ্রাউন্ডে চলছে তা আপনি ভুলেই যান।" — প্রতিটি ScreenLaps ব্যবহারকারী, একসময় না একসময়।

#আপনার প্রথম স্ক্রিনশট নেওয়া

লাইব্রেরিতে মিডিয়া আনার দুটি উপায় আছে:

#ব্রাউজার এক্সটেনশন ব্যবহার করে

আপনার ব্রাউজারের স্টোর থেকে এক্সটেনশনটি ইনস্টল করুন।
ScreenLaps আইকনে ক্লিক করে এরিয়া ক্যাপচার, পূর্ণ পাতা, বা স্ক্রিন রেকর্ড বেছে নিন।
আপনার ক্যাপচার স্বয়ংক্রিয়ভাবে আপলোড হয় এবং কয়েক সেকেন্ডের মধ্যে ড্যাশবোর্ড লাইব্রেরিতে দেখা যায়।

#ড্র্যাগ-অ্যান্ড-ড্রপ আপলোড ব্যবহার করে

ড্যাশবোর্ডে লাইব্রেরি পাতাটি খুলুন।
যেকোনো .png, .jpg, বা .webm ফাইল পাতায় টেনে আনুন।
আপলোড শেষ হলে সেটিকে একটি ফোল্ডারে সাজিয়ে নিন।

ScreenLaps ড্যাশবোর্ড, আপনার প্রথম ক্যাপচারের জন্য প্রস্তুত

#কোড ব্লক এবং সিনট্যাক্স হাইলাইটিং

এই ব্লগের প্রতিটি কোড ব্লক সার্ভার-সাইডে হাইলাইট করা হয় — কোনো ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্টের প্রয়োজন নেই। এই ওয়েবসাইটের নিজস্ব ব্যাকএন্ড অ্যাকশনগুলো মোটামুটি এভাবে গঠিত:

 1final class ShowBlogPostAction
 2{
 3    public function execute(string $locale, string $slug): array
 4    {
 5        $document = Prezet::getDocumentModelFromSlug("{$locale}/{$slug}");
 6
 7        return [
 8            'document' => Prezet::getDocumentDataFromFile($document->filepath),
 9            'body' => Prezet::parseMarkdown(
10                Prezet::getMarkdown($document->filepath)
11            )->getContent(),
12        ];
13    }
14}

#মার্কডাউনের ভেতরে Blade কম্পোনেন্ট

এই অনুচ্ছেদের পরে একটি বাস্তব Blade কম্পোনেন্ট আছে, যা এই মার্কডাউন ফাইলের ভেতর থেকেই সার্ভারে রেন্ডার হয়:

এই অ্যালার্ট বক্সটি স্টাইল করা কোনো ব্লককোট নয় — এটি সত্যিকারের একটি <x-blog.alert> Blade কম্পোনেন্ট, যা +parse ট্যাগ করা একটি কোড ব্লক থেকে সার্ভার-সাইডে কম্পাইল হয়েছে।

এটাই সম্পূর্ণ পরিচিতি — ফ্রন্টম্যাটার এবং ট্যাগিং থেকে শুরু করে ছবি, কোড হাইলাইটিং, এবং মার্কডাউনের ভেতরে Blade পর্যন্ত। লেখা শুভ হোক!