[{"id":"getting-started","title":"Getting Started with Your New Blog","description":"A comprehensive guide to setting up and customizing your merox-erudite blog theme. Learn how to configure your site, add content, and personalize your blog.","date":"2025-01-16T00:00:00.000Z","tags":["getting-started","tutorial","setup"],"authors":[],"url":"/blog/getting-started","content":"import Callout from '@/components/Callout.astro' Welcome to your new blog powered by **merox-erudite**! This guide will help you get started with setting up and customizing your blog. ## Initial Setup ### 1. Configure Your Site Edit `src/consts.ts` to customize your site information: ```ts export const SITE: Site = { title: 'Your Blog Name', description: 'Your blog description', href: 'https://yourdomain.com', author: 'your-author-id', // ... } ``` ### 2. Update Navigation Customize your navigation links in `src/consts.ts`: ```ts export const NAV_LINKS: SocialLink[] = [ { href: '/blog', label: 'Blog' }, { href: '/about', label: 'About' }, // Add more links as needed ] ``` ### 3. Add Your Social Links Update your social media links: ```ts export const SOCIAL_LINKS: SocialLink[] = [ { href: 'https://github.com/username', label: 'GitHub' }, { href: 'https://twitter.com/username', label: 'Twitter' }, { href: 'mailto:your@email.com', label: 'Email' }, ] ``` ## Creating Content ### Blog Posts Create new blog posts in `src/content/blog/`: 1. Create a folder for your post: `src/content/blog/my-post/` 2. Add an `index.mdx` file with frontmatter: ```yaml --- title: \"My First Post\" description: \"A brief description\" date: 2025-01-16 tags: [\"tag1\", \"tag2\"] draft: false --- ``` 3. Write your content using Markdown or MDX **Pro Tip:** You can use MDX components like Callout, Code blocks, and more in your posts! ### Author Profiles Create author profiles in `src/content/authors/`: ```yaml --- name: 'Your Name' avatar: 'https://gravatar.com/avatar/...' bio: 'Your bio' github: 'https://github.com/username' --- ``` ## Customization ### Colors Edit `src/styles/global.css` to customize your color scheme: ```css :root { --primary: hsl(214 95% 52%); /* Customize other colors */ } ``` ### Homepage Experience Edit `src/pages/index.astro` to customize your experience timeline: ```ts const experience: ExperienceItem[] = [ { role: 'Your Role', company: 'Company Name', period: '2020 - Present', current: true, icon: 'lucide:briefcase', key: 'Your achievements and responsibilities' }, ] ``` ## Optional Features ### Newsletter (Brevo) 1. Sign up for [Brevo](https://www.brevo.com/) 2. Get your API key 3. Add to `.env`: ```env BREVO_API_KEY=your-api-key BREVO_LIST_ID=your-list-id ``` ### Disqus Comments 1. Create a [Disqus](https://disqus.com/) account 2. Add to `.env`: ```env PUBLIC_DISQUS_SHORTNAME=your-shortname ``` ### Analytics Add Google Analytics or Umami: ```env PUBLIC_GOOGLE_ANALYTICS_ID=G-XXXXXXXXXX PUBLIC_UMAMI_WEBSITE_ID=your-umami-id ``` ## Next Steps 1. **Delete example content** - Remove `hello-world` and `getting-started` posts 2. **Update About page** - Customize `src/pages/about.astro` 3. **Update Privacy & Terms** - Review and customize legal pages 4. **Add your content** - Start writing your blog posts! ## Resources - [Astro Documentation](https://docs.astro.build/) - [MDX Guide](https://mdxjs.com/) - [Tailwind CSS](https://tailwindcss.com/docs) Happy blogging! 🎉"},{"id":"hello-world","title":"Hello World","description":"Welcome to your new blog powered by merox-erudite theme. This is an example blog post to help you get started.","date":"2025-01-15T00:00:00.000Z","tags":["welcome","getting-started"],"authors":[],"url":"/blog/hello-world","content":"import Callout from '@/components/Callout.astro' Welcome to your new blog powered by **merox-erudite**! This is an example blog post to help you understand how to create content for your blog. You can delete this post and start writing your own content. ## Getting Started To create a new blog post: 1. Create a new folder in `src/content/blog/` 2. Add an `index.mdx` file with frontmatter 3. Start writing your content using Markdown or MDX **Pro Tip:** You can use MDX components like this Callout in your blog posts for enhanced formatting! ## Frontmatter Options Here's what you can include in your post frontmatter: ```yaml --- title: \"Your Post Title\" description: \"A brief description for SEO\" date: 2025-01-15 tags: [\"tag1\", \"tag2\"] image: './image.png' # Optional: 1200x630px recommended authors: ['author-id'] # Optional: link to author profile draft: false # Set to true to hide from production --- ``` ## Features This theme includes many features out of the box: - **Newsletter integration** - Brevo support - **Comments** - Disqus integration - **Analytics** - Google Analytics & Umami - **SEO optimized** - Schema markup and Open Graph tags - **Dark mode** - Automatic theme switching - **Responsive** - Works on all devices ## Next Steps 1. Customize `src/consts.ts` with your site information 2. Update your author profile in `src/content/authors/` 3. Replace this example post with your own content 4. Configure optional features (newsletter, analytics, comments) Happy blogging! 🎉"}]