mehub Tailwind Templates

Mehub

Explore my Portfolio Playground built with Astro, TypeScript & Tailwind CSS—featuring my blog posts, projects, and skills, offering insights into my journey and passion for software development!

👋 My Personal Website 🐧

Welcome to my personal website! This site serves as a hub for my portfolio, blog, and professional information.

Features

  • Portfolio: Showcasing my projects
  • Blog: Sharing insights, tutorials, and personal thoughts
  • Tags: Organizing content with tags for easy navigation
  • Archives: Exploring past content by year

Built With

  • Astro
  • TypeScript
  • Tailwind CSS
  • Vercel
  • Bash Script
  • Biome
  • Markdownlint

🚀 Tooling & DevOps Practices

  • CI/CD: Zero-config deployment powered by Vercel — automatically deploys on push to main
  • Code Quality:
    • Enforced with Biome for formatting and linting
    • Uses markdownlint for consistent Markdown style
  • Custom GitHub Actions:
    • Scheduled via cron to automate blog publishing workflow:
      • Creates a new branch
      • Runs publish_post.sh to prepare changes
      • Commits updates (if any)
      • Opens a pull request titled with the blog post title
  • Bash Workflow Scripts:
    • setup_new_post: Scaffold a new blog post with frontmatter, filename, and folder based on title and date
    • publish_post: Finds posts with draft: true, checks if the publish day matches the current UTC date, and removes the draft flag
    • setup_blog_tag: Creates a Git tag based on the current date (blog/yyyy-mm-dd) and pushes it to the remote repository with a custom commit message
    • check_pr_status: Checks the status of pull requests via GitHub CLI

How to Explore

Visit the live site: https://victoriacheng15.vercel.app/

Development

To run this project locally:

  1. Clone the repository.
  2. Install dependencies using npm install.
  3. Run the development server with npm run dev.
  4. Open http://localhost:3000 in your browser.

Credits

This website is based on the astro-zen-blog template by Larry Xue.

Top categories

Loading Svelte Themes