0.5.0 • Published 3 years ago
@celesta/vuepress-theme-celesta v0.5.0
Vuepress Theme Celesta
Blog Theme for Vuepress
Usage
First, install vuepress-theme-celesta
:
npm install @celesta/vuepress-theme-celesta
# OR
yarn add @celesta/vuepress-theme-celesta
Second, apply theme in your config:
// .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
// .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
---
updated: 1970-1-1
---
Categories
Categories is affiliation, which means that the following configuration indicates that category_2
is a subclass of category_2
:
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.
categories:
- [category_1_1, category_1_2]
- [category_2]
Or mix:
categories:
- [category_1_1, category_1_2]
- category_2