غاتسبي ، كيفية تغيير الرمز المفضل

لقد قمت بإنشاء موقع باستخدامجاتسبيوأردت تغيير الأيقونة المفضلة.

نظرت بسرعة في كيفية تغييره ، وكانت العملية بسيطة للغاية.

الرمز المفضل افتراضيًا هو الصورةstatic/favicon.ico. فقط غيّر ذلك ، وستكون جاهزًا.

إذا كنت تستخدم ملفgatsby-plugin-sharpتوصيل في، يكون الرمز المفضل افتراضيًا هو الصورةsrc/images/gatsby-icon.png.

لا يتعين عليك استخدام هذا المسار أو نفس التنسيق - يمكن أن تكون الصورة أيضًا صورة SVG ، على سبيل المثال: افتحgatsby-config.jsملف وتغييرplugins.gatsby-plugin-sharp.options.iconممتلكات منsrc/images/gatsby-icon.pngالى الشخص الذي تريده.

على سبيل المثال ، أضع صورة الأيقونة الجديدة الخاصة بي فيsrc/images/logo-small.svgوقمت بتغيير خاصية التكوين هذه للإشارة إليها.

جريتgatsby developويمكنني أن أرى على الفور أن Gatsby قام بتحديث جميع صور الأيقونة المفضلة بأحجام مختلفة:


المزيد من دروس js: