⚠️ Since a translator was used, there may be inaccuracies.
🧪 Test Environment
NodeJS v22.13.0
yarn 1.22.22
🛠️ Environment Setup
- Install NodeJS↗
-
Install yarn
npm install -g yarn
-
Install gatsby-cli
yarn global add gatsby-cli
-
Create a Gatsby blog
gatsby new your-blog-name https://github.com/rundevelrun/gatsby-starter-rundevelrun.git
🚀 Running Development Environment
After completing the steps below, access http://localhost:8000
-
Install dependency packages
cd your-blog-name yarn install
-
Start
yarn develop
☺️ Customization
Edit the contents of blog-config.js
module.exports = {
title: "YOUR:BLOG:NAME", // SEO Blog title
headerTitle: "YOUR:<em style='color:#ed6c02'>BLOG</em>:NAME", // Logo 1
headerSubTitle: "<em style='color:#ed6c02'>YOUR</em>:BLOG:<em style='color:#ed6c02'>NAME</em>", // Logo 2
copyright: "©YOUR:BLOG:NAME", // copyright in footer
author: "YOUR:NAME", // Your Name
siteUrl: "https://6developer.com/", // Your Site URL
description: "Hi, Nice to meet you !", // Blog description
links: {
github: "https://github.com/rundevelrun",
...
},
giscus: {
...
},
adsense: {
...
}
}
📝 Writing Posts
-
Create a post file in the
contents/posts
folder (two methods)- Create a folder with the name to be used as the pathname and create an 'index.md' inside it
- Create a
*.md
file with the name to be used as the pathname
-
Write frontmatter
--- emoji: "🚀" title: "How do we get started?" date: 2025-01-19 13:53:00 update: 2025-01-19 13:53:00 tags: - rundevelrun - howto series: "Starting a Gatsby Blog" ---