-
Notifications
You must be signed in to change notification settings - Fork 0
/
vikepress.config.tsx
57 lines (53 loc) · 1.39 KB
/
vikepress.config.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
import type { Config } from 'vikepress'
import React from 'react'
import logoUrl from './images/logo.svg'
import { headings, headingsWithoutLink } from './headings'
export default {
projectInfo: {
projectName: 'Vikepress Demo' as const,
projectVersion: '0.0.0',
githubRepository: 'https://github.com/brillout/vikepress' as const,
githubIssues: 'https://github.com/brillout/vikepress/issues/new' as const,
discordInvite: 'https://discord.com/invite/dSDMGGJZQy' as const,
twitterProfile: 'https://twitter.com/brillout' as const
},
faviconUrl: logoUrl,
algolia: null,
navHeaderMobile: <NavHeaderMobile />,
navHeader: <NavHeader />,
tagline: 'Vikepress Demo',
titleNormalCase: true,
headings,
headingsWithoutLink
} as Config
function NavHeaderMobile() {
const LOGO_SIZE = 40
return (
<>
<img src={logoUrl} height={LOGO_SIZE} width={LOGO_SIZE} />
<HeaderTitle fontSize={'1.25em'} marginLeft={5} />
</>
)
}
function NavHeader() {
const LOGO_SIZE = 55
return (
<>
<img src={logoUrl} height={LOGO_SIZE} width={LOGO_SIZE} />
<HeaderTitle fontSize={'1.55em'} marginLeft={10} />
</>
)
}
function HeaderTitle({ fontSize, marginLeft }: { fontSize: string; marginLeft: number }) {
return (
<span
style={{
fontSize,
padding: '2px 5px',
marginLeft
}}
>
{'Vikepress Demo'}
</span>
)
}