gatsby-starter-chronoblog-profile — Gatsby 作品集模板

SHA-256: ca0f3dcfd2370be44c4b4610051ec6e367fd6e503424e1f6ae249d267857df47

2026-10-03T05:01:02.897Z

<a href="https://chronoblog-profile.now.sh" target="_blank">
<img src="https://github.com/Chronoblog/gatsby-theme-chronoblog/raw/master/assets/st-banner-profile.png" alt="Chronoblog - Gatsby Theme" />
</a>

<h1 align="center">
Gatsby Starter Chronoblog Profile - starter for Chronoblog Gatsby Theme
</h1>

[![npm](https://img.shields.io/npm/v/gatsby-theme-chronoblog?color=brightgreen)](https://www.npmjs.com/package/gatsby-theme-chronoblog) [![node](https://img.shields.io/node/v/gatsby-theme-chronoblog)](https://www.npmjs.com/package/gatsby-theme-chronoblog)

This starter will help you launch a personal website with a simple text feed on the main page. This starter looks simple and neat, but at the same time, it has great potential for organizing your content using tags, dates, and search.

The homepage is organized in compact feeds. The display of content in these feeds is based on the tags of this content (for example, only content with a `podcast` tag gets into the feed with podcasts).

The starter is based on the Gatsby Theme Chronoblog.

What is a Chronoblog?

> Chronoblog is a Gatsby js theme specifically designed to create a personal website. The main idea of ​​Chronoblog is to allow you not only to write a personal blog but also to keep a record of everything important that you have done.

Read more about Chronoblog Gatsby Theme here: [github.com/Chronoblog/gatsby-theme-chronoblog](https://github.com/Chronoblog/gatsby-theme-chronoblog)

**Live demo of this starter: [https://chronoblog-profile.now.sh](https://chronoblog-profile.now.sh/)**

## Features

- Specially designed to create a personal website (in a simple and strict "text" style)
- Universal text feed divided into categories
- Search and Tags for organizing content
- A simple change of primary and secondary colors of the site, fonts, radius of curvature of elements, etc (thanks to Theme UI theming)
- Clean and Universal UI
- Mobile friendly, all elements and custom images are adapted to any screen
- Light/Dark mode
- Easy customization of icons and links to your social networks
- MDX for the main menu of the site, footer and other elements of the site
- MDX for pages and content
- Code syntax highlighting
- SEO (OpenGraph and Twitter) out of the box with default settings that make sense (thanks to React Helmet)

## How to start using Chronoblog Profile Starter

If you have `gatsby-cli`:

```sh
gatsby new chronoblog-site https://github.com/Chronoblog/gatsby-starter-chronoblog-profile

cd chronoblog-site

gatsby develop
```

Or using git clone:

```sh
git clone [email protected]:Ganevru/gatsby-starter-chronoblog-profile.git chronoblog-site

cd chronoblog-site

npm i

npm start
```

Your site is now running at http://localhost:8000

## Deploying

### Deploying to ZEIT Now

Gatsby Docs: [www.gatsbyjs.org/docs/deploying-to-zeit-now](https://www.gatsbyjs.org/docs/deploying-to-zeit-now/)

Quick Deployment:

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/Chronoblog/gatsby-starter-chronoblog-profile)

### Deploying to Netlify

Gatsby Docs: [www.gatsbyjs.org/docs/deploying-to-netlify](https://www.gatsbyjs.org/docs/deploying-to-netlify/)

Quick Deployment:

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/Chronoblog/gatsby-starter-chronoblog-profile)

## More information

For complete information, go to the main repository: [github.com/Chronoblog/gatsby-theme-chronoblog](https://github.com/Chronoblog/gatsby-theme-chronoblog)