# @celesta/vuepress-theme-celesta

> Vuepress blog theme

Latest version **0.5.0** (published 2021-07-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install @celesta/vuepress-theme-celesta
pnpm add @celesta/vuepress-theme-celesta
yarn add @celesta/vuepress-theme-celesta
bun add @celesta/vuepress-theme-celesta
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.5.0 |
| Published | 2021-07-05 |
| First published | 2021-06-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 20 |
| Unpacked size | 73.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Celeste |
| Maintainers | nsznsznjsz |
| Keywords | blog, vuepress, vuepress-theme |

## Links

- npm: https://www.npmjs.com/package/@celesta/vuepress-theme-celesta
- Repository: https://github.com/nsznsznjsz/blog
- Homepage: https://github.com/nsznsznjsz/blog/tree/master/packages/theme-celesta#readme
- Issues: https://github.com/nsznsznjsz/blog/issues
- npm.io page: https://npm.io/package/@celesta/vuepress-theme-celesta

## Dependencies (20)

- [vue](https://npm.io/package/vue.md) ^3.1.1
- [vue-router](https://npm.io/package/vue-router.md) ^4.0.8
- [tailwindcss](https://npm.io/package/tailwindcss.md) ^2.0.3
- [ts-debounce](https://npm.io/package/ts-debounce.md) ^2.3.0
- [tsparticles](https://npm.io/package/tsparticles.md) ^1.18.11
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^10.2.4
- [postcss-csso](https://npm.io/package/postcss-csso.md) ^5.0.0
- [@vuepress/core](https://npm.io/package/@vuepress/core.md) ^2.0.0-beta.21
- [postcss-import](https://npm.io/package/postcss-import.md) ^14.0.0
- [@celesta/shared](https://npm.io/package/@celesta/shared.md) 0.5.0
- [postcss-nesting](https://npm.io/package/postcss-nesting.md) ^7.0.1
- [@vuepress/client](https://npm.io/package/@vuepress/client.md) ^2.0.0-beta.21
- [@vuepress/plugin-debug](https://npm.io/package/@vuepress/plugin-debug.md) ^2.0.0-beta.21
- [@tailwindcss/typography](https://npm.io/package/@tailwindcss/typography.md) ^0.4.0
- [@vuepress/plugin-prismjs](https://npm.io/package/@vuepress/plugin-prismjs.md) ^2.0.0-beta.21
- [@vuepress/plugin-theme-data](https://npm.io/package/@vuepress/plugin-theme-data.md) ^2.0.0-beta.21
- [@celesta/vuepress-plugin-math](https://npm.io/package/@celesta/vuepress-plugin-math.md) 0.5.0
- [@celesta/vuepress-plugin-celesta](https://npm.io/package/@celesta/vuepress-plugin-celesta.md) 0.5.0
- [@celesta/vuepress-plugin-post-filter](https://npm.io/package/@celesta/vuepress-plugin-post-filter.md) 0.5.0
- [@vuepress/plugin-active-header-links](https://npm.io/package/@vuepress/plugin-active-header-links.md) ^2.0.0-beta.21

## Alternatives

- [cli-color](https://npm.io/package/cli-color.md) — 3.4M weekly downloads
- [log](https://npm.io/package/log.md) — 1.3M weekly downloads
- [logstash-client](https://npm.io/package/logstash-client.md) — 4.5K weekly downloads
- [@nocobase/plugin-logger](https://npm.io/package/@nocobase/plugin-logger.md) — 2.0K weekly downloads
- [child-process-debug](https://npm.io/package/child-process-debug.md) — 695 weekly downloads

## Recent versions

- 0.5.0 (latest) — 2021-07-05
- 0.4.1 — 2021-06-15
- 0.4.0 — 2021-06-14
- 0.3.0 — 2021-06-05
- 0.2.2 — 2021-06-02
- 0.2.1 — 2021-06-02
- 0.2.0 — 2021-06-02

## README

# Vuepress Theme Celesta

> Blog Theme for Vuepress

## Usage

First, install `vuepress-theme-celesta`:

```bash
npm install @celesta/vuepress-theme-celesta
# OR
yarn add @celesta/vuepress-theme-celesta
```

Second, apply theme in your config:

```js
// .vuepress/config.ts
export default {
  theme: "vuepress-theme-celesta",
}
```

Then, enjor your blog🎉!

## Memorandum

- Don't create posts with the same title
- Configre your (particles preset)[https://particles.js.org/samples/]

## Config

```js
// .vuepress/config.ts
export default {
  head: [
    [
      "link", // add fonts
      {
        rel: "stylesheet",
        href: "//fonts.googleapis.com/css?family=Monda:300,300italic,400,400italic,700,700italic|Roboto Slab:300,300italic,400,400italic,700,700italic|Microsoft YaHei:300,300italic,400,400italic,700,700italic|Kaushan Script:300,300italic,400,400italic,700,700italic|PT Mono:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext",
      },
    ],
  ],

  theme: "vuepress-theme-celesta",
  themeConfig: {
    particles: "my-particles-preset",
    translations: {
      myCategory: "My category", // set categories locale map if needed
      myTag: "My tag", // set tags locale map if needed
    },

    locale: {
      // Or you can set map for each locale
      "/": {
        translations: {
          myCategory: "My locale category",
          myTag: "My locale tag",
        },
      },
      "/zh-CN/": {
        translations: {
          myCategory: "一个分类",
          myTag: "一个标签",
        },
      },
    },
  },
}
```

## Frontmatter

### Updated

> Last updated time is not a required option, we will use last commit from git if git is enabled and this frontmatter is not ~~
>
> However, updated time from git is not always right and it doesn't take a lots of time to specify it😊

Format: yyyy-MM-dd

```yaml
---
updated: 1970-1-1
---
```

### Categories

Categories is affiliation, which means that the following configuration indicates that `category_2` is a subclass of `category_2`:

```yaml
categories:
  - category_1
  - category_2
```

If you want to apply multiple category hierarchies, use a list of names instead of a single name. If we sees any categories defined this way on a post, it will treat each category for that post as its own independent hierarchy.

```yaml
categories:
  - [category_1_1, category_1_2]
  - [category_2]
```

Or mix:

```yaml
categories:
  - [category_1_1, category_1_2]
  - category_2
```

---
_Source: https://npm.io/package/@celesta/vuepress-theme-celesta · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._