Summarize this content to 400 words in Persian Lang
این ارسالی برای چالش پیناتا است
آنچه من ساختم | پیناتا او جی
با Pinata File API تصاویر OG زیبا ایجاد کنید!
جوهر پیناتا.شب
آیا تا به حال متوجه شده اید که موهای خود را از طریق تصاویر OpenGraph (OG) بیرون می آورید؟ صبر کنید، می‌پرسید OG Image چیست؟ این سس مخفی است که وقتی پیوندهای خسته کننده شما را در رسانه های اجتماعی به اشتراک می گذارید، به شاهکارهای چشم نواز تبدیل می کند! این را تصور کنید: پیوند شما روی پلتفرم هایی مانند مدل باند فرودگاه دیجیتالی می چرخد. به من اعتماد کنید، یک تصویر OG سوزان تفاوت بین “مه” و “اکنون روی من کلیک کنید!”
چشمان خود را به این زیبایی شاد کنید! ☝️ این، دوستان من، قدرت یک تصویر OG خوش ساخت در عمل است.
از اینکه پیوندهایتان در مهمانی رسانه های اجتماعی به صورت دیواری هستند خسته شده اید؟ نترس! من پلتفرمی ساخته‌ام که به شما امکان می‌دهد تصاویر OpenGraph زیبا را تنها با چند کلیک ایجاد کنید، و در عرض چند ثانیه تصاویر زیبای OpenGraph را برای سایت‌های خود ارسال خواهید کرد!
معامله این است: برخی از فیلدها را ویرایش کنید، جادوی خود را روی آن بپاشید و voilà! تصویر OG شما آماده است. اما صبر کنید، چیزهای بیشتری وجود دارد! ما حتی آن تگ های ابرداده مزاحم را برای شما ایجاد خواهیم کرد. فقط کپی کنید، آنها را در خود جایگذاری کنید component, and you’re good to go! It’s so simple even your grandmother could do it!
So, ready to give your links a glow-up and watch those click rates soar? Let’s make your content pop!
Demo
This is me dog fooding Pinata OG for my submission site, which is used to generate the OG image you see in the site embed above!
My Code
Tired of your links being wallflowers at the social media party? Fear not! I’ve built a platform that would let you generate gorgeous OpenGraph Images With just a few clicks, and you’ll be pumping out drop-dead gorgeous OpenGraph Images for your sites in seconds!
Here’s the deal: edit some fields, sprinkle your magic on it, and voilà! Your OG Image is ready to rock. But wait, there’s more! We’ll even generate those pesky metadata tags for you. Just copy, paste them into your component, and you’re good to go! It’s so simple even your grandmother could do it!
So, ready to give your links a glow-up and watch those click rates soar? Let’s make your content pop!
Built with…
Pinata File API
Supabase
Shadcn/ui
NextJS
More Details
در اینجا یک طرح کلی از Pinata OG است! آثار …سفر تولید متاتگ های مورد نیاز
تصویر OG در سمت مشتری ایجاد شده است html2canvas
همراه با تمام ابرداده هایی که کاربر وارد می کند، این ابرداده به همراه تصویر به صورت چندفرم ارسال می شود. POST درخواست کنید.
در کنترلر مسیر NextJS api، تصویر را در پیناتا آپلود می کنیم و یک CID منحصر به فرد به دست می آوریم.
سپس این CID برای کاربر تولید می شود و در متاتگ ها پر می شود.
og:url خواهد بود /api/get-og?cid=[cid] که یکی دیگر از گرداننده های مسیر است که در واقع برای ارائه تصاویر og استفاده می شود.
سفر گرفتن تصویر og هنگامی که کسی پیوندی را جایگذاری می کند
GET درخواست از og:url به /api/get-og?cid=[cid]، درخواست های کنترل کننده مسیر از Pinata Gateway API.
Pinata Gateway API بهینه سازی تصویر را انجام می دهد تا og:images را سریعتر ارائه دهد!
از آنجایی که هر تصویر منحصر به فرد است، درخواست برای تصویر صحیح بدون نیاز به فکر کردن به نحوه سازماندهی تصاویر همه بسیار ساده می شود.
درست مثل همین، pinata.nightly.ink به لطف Pinata اکنون یک ارائه دهنده og:image است!
ارسال توسط: @nightlyinks
با تشکر از شما برای خواندن!
من از ساختن این بسیار لذت بردم، حتی اگر این چیزی برنده نشود، من همچنان روی آن کار خواهم کرد زیرا به آن اعتقاد دارم!
Ps.. این ارسال در دو روز انجام شد زیرا من نمی توانستم تصمیم بگیرم چه چیزی بسازم …
این ارسالی برای چالش پیناتا است
آنچه من ساختم | پیناتا او جی
با Pinata File API تصاویر OG زیبا ایجاد کنید!
جوهر پیناتا.شب
آیا تا به حال متوجه شده اید که موهای خود را از طریق تصاویر OpenGraph (OG) بیرون می آورید؟ صبر کنید، می‌پرسید OG Image چیست؟ این سس مخفی است که وقتی پیوندهای خسته کننده شما را در رسانه های اجتماعی به اشتراک می گذارید، به شاهکارهای چشم نواز تبدیل می کند! این را تصور کنید: پیوند شما روی پلتفرم هایی مانند مدل باند فرودگاه دیجیتالی می چرخد. به من اعتماد کنید، یک تصویر OG سوزان تفاوت بین “مه” و “اکنون روی من کلیک کنید!”
چشمان خود را به این زیبایی شاد کنید! ☝️ این، دوستان من، قدرت یک تصویر OG خوش ساخت در عمل است.
از اینکه پیوندهایتان در مهمانی رسانه های اجتماعی به صورت دیواری هستند خسته شده اید؟ نترس! من پلتفرمی ساخته‌ام که به شما امکان می‌دهد تصاویر OpenGraph زیبا را تنها با چند کلیک ایجاد کنید، و در عرض چند ثانیه تصاویر زیبای OpenGraph را برای سایت‌های خود ارسال خواهید کرد!
معامله این است: برخی از فیلدها را ویرایش کنید، جادوی خود را روی آن بپاشید و voilà! تصویر OG شما آماده است. اما صبر کنید، چیزهای بیشتری وجود دارد! ما حتی آن تگ های ابرداده مزاحم را برای شما ایجاد خواهیم کرد. فقط کپی کنید، آنها را در خود جایگذاری کنید component, and you’re good to go! It’s so simple even your grandmother could do it!
So, ready to give your links a glow-up and watch those click rates soar? Let’s make your content pop!
Demo
This is me dog fooding Pinata OG for my submission site, which is used to generate the OG image you see in the site embed above!
https://www.youtube.com/watch?v=hiveWI11jms
My Code
Tired of your links being wallflowers at the social media party? Fear not! I’ve built a platform that would let you generate gorgeous OpenGraph Images With just a few clicks, and you’ll be pumping out drop-dead gorgeous OpenGraph Images for your sites in seconds!
Here’s the deal: edit some fields, sprinkle your magic on it, and voilà! Your OG Image is ready to rock. But wait, there’s more! We’ll even generate those pesky metadata tags for you. Just copy, paste them into your component, and you’re good to go! It’s so simple even your grandmother could do it!
So, ready to give your links a glow-up and watch those click rates soar? Let’s make your content pop!
Built with…
- Pinata File API
- Supabase
- Shadcn/ui
- NextJS
More Details
در اینجا یک طرح کلی از Pinata OG است! آثار …
سفر تولید متاتگ های مورد نیاز
- تصویر OG در سمت مشتری ایجاد شده است
html2canvas - همراه با تمام ابرداده هایی که کاربر وارد می کند، این ابرداده به همراه تصویر به صورت چندفرم ارسال می شود.
POSTدرخواست کنید. - در کنترلر مسیر NextJS api، تصویر را در پیناتا آپلود می کنیم و یک CID منحصر به فرد به دست می آوریم.
- سپس این CID برای کاربر تولید می شود و در متاتگ ها پر می شود.
- og:url خواهد بود
/api/get-og?cid=[cid]که یکی دیگر از گرداننده های مسیر است که در واقع برای ارائه تصاویر og استفاده می شود.
سفر گرفتن تصویر og هنگامی که کسی پیوندی را جایگذاری می کند
-
GETدرخواست از og:url به/api/get-og?cid=[cid]، درخواست های کنترل کننده مسیر از Pinata Gateway API. - Pinata Gateway API بهینه سازی تصویر را انجام می دهد تا og:images را سریعتر ارائه دهد!
- از آنجایی که هر تصویر منحصر به فرد است، درخواست برای تصویر صحیح بدون نیاز به فکر کردن به نحوه سازماندهی تصاویر همه بسیار ساده می شود.
- درست مثل همین،
pinata.nightly.inkبه لطف Pinata اکنون یک ارائه دهنده og:image است!
ارسال توسط: @nightlyinks
با تشکر از شما برای خواندن!
من از ساختن این بسیار لذت بردم، حتی اگر این چیزی برنده نشود، من همچنان روی آن کار خواهم کرد زیرا به آن اعتقاد دارم!
Ps.. این ارسال در دو روز انجام شد زیرا من نمی توانستم تصمیم بگیرم چه چیزی بسازم …
