Giter VIP home page Giter VIP logo

astro-blog-zozo's Introduction

Astro Blog Zozo

An opinionated and neat blog template built with Astro. The theme originates from hugo-theme-zozo.

Check out the ✨ Live Demo ✨.

Features

  • Fast and light weight. Lighthouse 4 * 100/100 on desktop. 1 point decreased on mobile.
  • Astro 4
  • No other UI frameworks integrated for better performance
  • mobile-friendly responsive design with Tailwind CSS
  • Light / dark theme derived from hugo-theme-zozo
  • Markdown post support with emoji shortcode, katex
  • static search with Pagefind
  • comment system powered by giscus
  • SEO-friendly setup with canonical URLs and OpenGraph data
  • RSS generation
  • Sitemap.xml generation
  • dynamic open graph image generation
  • Hide unwanted elements through config

Getting Started

See this post for using this template.

Todo

  • @shikijs/transformers require custom style
  • i18n

Contribute

Issues and PRs are welcome!

License

MIT

Acknowledgements

astro-blog-zozo's People

Contributors

ladit avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

astro-blog-zozo's Issues

Subject: Inquiry Regarding Website Template and Google Indexing

I hope this message finds you well.

I am reaching out to inquire about the template used for my website and to seek guidance on ensuring that my blog pages and content are properly indexed by Google.

As I navigate through the setup and customization process, I am keen to optimize the visibility of my blog on search engines, particularly Google. However, I am facing a challenge where my sitemap can be indexed by Google, but the content of my website remains inaccessible to Google's crawlers.

Could you please provide insights or guidelines on how to configure the template to ensure that my blog pages and content are accessible and indexable by Google crawlers? Additionally, if you have any instructional resources or tutorials available on this topic, I would greatly appreciate it if you could share them with me.

Your expertise and guidance in this matter would be invaluable to me as I strive to enhance the discoverability of my blog content. Thank you very much for your assistance and support.

Looking forward to your prompt response.

Shiki Theme Issues

I changed the Markdown theme inside the template, but the background of the code block didn't change. But removed the article tag style prose-pre:!bg-neutral-100 ,then it changed the Shiki theme normally!

<article
  class="
       prose
       max-w-full
       dark:prose-invert
       prose-p:text-justify
       prose-pre:rounded-lg
       prose- img:rounded-lg
       prose-video:rounded-lg
       [&_.toc-item]:my-0
       [&_.toc-level]:mt-0"
  class:list={{ '[&_.toc]:hidden': !show('toc') }}
 >
   <slot />
</article>

Modified code block effect:
CleanShot 2024-03-22 at 21 18 17@2x

Vercel部署问题

I'm using Vercel for project deployment, but I can't make route jumps. It will just get a 404 error.
CleanShot 2024-03-28 at 22 50 33@2x

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.