Litos

KO | EN

gitlite — search

#python #react #ai #typescript #machine-learning #linux #docker #macos #java #windows #cli #security #mcp #openai

(★ 147)

A Simple & Modern Blog Theme for Astro

Litos Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![License](https://img.shields.io/github/license/Dnzzk2/Litos?color=blue&style=flat-square)
![Astro](https://img.shields.io/badge/Astro-v5.0-orange?style=flat-square&logo=astro)
![React](https://img.shields.io/badge/React-v19.0-blue?style=flat-square&logo=react)
![Tailwind](https://img.shields.io/badge/TailwindCSS-v4.0-38b2ac?style=flat-square&logo=tailwindcss)
![TypeScript](https://img.shields.io/badge/TypeScript-v5.0-blue?style=flat-square&logo=typescript)

**A modern, elegant, and performance-focused blogging theme built for developers.**

**English** | [简体中文](./README.zh-CN.md)

[Demo](https://litos.vercel.app/) · [Report Bug](https://github.com/Dnzzk2/Litos/issues) · [Request Feature](https://github.com/Dnzzk2/Litos/issues)

</div>

## Introduction

Litos is a comprehensive blogging theme crafted with **Astro**, **React**, and **TailwindCSS**. It is designed to provide developers with a clean, professional, and highly customizable platform to showcase their work, thoughts, and photography.

Unlike traditional themes, Litos emphasizes visual aesthetics without compromising on performance. It features fluid animations, a polished design system, and a robust set of built-in components to help you build your personal brand effectively.

![Cover image](https://raw.githubusercontent.com/Dnzzk2/Litos/main/src/assets/readme/readme.webp)

## Key Features

- **Modern Architecture** — Astro 5 + React 19 for blazing fast performance and dynamic interactivity.
- **Elegant Design** — Fully responsive, meticulously crafted UI with TailwindCSS 4.
- **Posts** — Multiple layout options (compact, cover image) with rich Markdown support.
- **Projects** — Dedicated portfolio section with filterable tags.
- **Photos** — Beautiful masonry layout for photography collections.
- **Skills Showcase** — Visually represented technical stack configuration.
- **Code Highlighting** — Integrated Expressive Code for beautiful syntax highlighting.
- **Math Support** — KaTeX for rendering mathematical equations.
- **Comments** — Gitalk integration for GitHub-based discussions.
- **SEO** — Built-in sitemaps, robots.txt, and meta tags.
- **Analytics** — Configurable Vercount and Umami analytics.
- **Dark Mode** — Native light and dark theme support.

## Deploy

Deploy your own Litos blog with one click:

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/Dnzzk2/Litos)
[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/Dnzzk2/Litos)

## Getting Started

### Prerequisites

- **Node.js** (v18 or higher)
- **pnpm** (recommended)

### Installation

1.  **Clone the repository**

```bash
    git clone https://github.com/Dnzzk2/Litos.git
    cd Litos
    ```

2.  **Install dependencies**

```bash
    pnpm install
    ```

3.  **Start the development server**

```bash
    pnpm dev
    ```

Your site should now be running at `http://localhost:4321`.

## Configuration

The primary configuration file is located at `src/config.ts`.

### Site Settings
```typescript
export const SITE: Site = {
  title: 'Litos',
  description: 'Your site description here.',
  website: 'https://your-domain.com',
  author: 'Your Name',
  // ...other settings
}
```

### Feature Toggles
```typescript
export const SKILLSSHOWCASE_CONFIG = {
  SKILLS_ENABLED: true,
  // ...
}

export const GITHUB_CONFIG = {
  ENABLED: true,
  // ...
}
```

### Navigation
Links for the Header and Footer can be managed via `HEADER_LINKS` and `FOOTER_LINKS`.

## Scripts

## License

Distributed under the MIT License. See [MIT LICENSE](LICENSE) for more information.

## Star History

---

<p align="center">
made with 💗 by <a href="https://github.com/Dnzzk2">Dnzzk2</a> !
</p>

Litos

Litos Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Litos

Litos Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README