Compare commits

...

3 Commits

Author SHA1 Message Date
YangFong
71dd0d8118
Merge 67ef9dc21c into 8a0a6ea4ba 2024-12-21 20:25:37 +08:00
YangFong
8a0a6ea4ba
feat: add root container (#486)
All checks were successful
Build and Deploy / build-and-deploy (push) Has been skipped
close #420
2024-12-21 20:25:27 +08:00
YangFong
0808b98181
fix: file name of build (#485)
防止文件以下划线开头
2024-12-21 20:21:08 +08:00
7 changed files with 21 additions and 4 deletions

View File

@ -6,6 +6,9 @@
* 召集令:如果你有好看的主题样式,欢迎分享,让更多人能够使用到你的主题。
* 提交区https://github.com/doocs/md/discussions/426
*/
/* 顶层容器样式 */
container {
}
/* 一级标题样式 */
h1 {
}

View File

@ -9,6 +9,7 @@ const defaultTheme: Theme = {
'line-height': `1.75`,
},
block: {
container: {},
// 一级标题
h1: {
'display': `table`,
@ -288,6 +289,7 @@ const graceTheme = toMerged(defaultTheme, {
base: {
},
block: {
'container': {},
'h1': {
'padding': `0.5em 1em`,
'border-bottom': `2px solid var(--md-primary-color)`,

View File

@ -213,7 +213,7 @@ export const useStore = defineStore(`store`, () => {
</style>
`
output.value = outputTemp
output.value = renderer.createContainer(outputTemp)
}
// 更新 CSS

View File

@ -3,7 +3,7 @@ import type { PropertiesHyphen } from 'csstype'
import type { Token } from 'marked'
type GFMBlock = `blockquote_note` | `blockquote_tip` | `blockquote_important` | `blockquote_warning` | `blockquote_caution` | `blockquote_title` | `blockquote_title_note` | `blockquote_title_tip` | `blockquote_title_important` | `blockquote_title_warning` | `blockquote_title_caution` | `blockquote_p` | `blockquote_p_note` | `blockquote_p_tip` | `blockquote_p_important` | `blockquote_p_warning` | `blockquote_p_caution`
export type Block = `h1` | `h2` | `h3` | `h4` | `h5` | `h6` | `p` | `blockquote` | `blockquote_p` | `code_pre` | `code` | `image` | `ol` | `ul` | `footnotes` | `figure` | `hr` | GFMBlock
export type Block = `container` | `h1` | `h2` | `h3` | `h4` | `h5` | `h6` | `p` | `blockquote` | `blockquote_p` | `code_pre` | `code` | `image` | `ol` | `ul` | `footnotes` | `figure` | `hr` | GFMBlock
export type Inline = `listitem` | `codespan` | `link` | `wx_link` | `strong` | `table` | `thead` | `td` | `footnote` | `figcaption` | `em`
interface CustomCSSProperties {

View File

@ -43,6 +43,7 @@ export function customCssWithTemplate(jsonString: Partial<Record<Block | Inline,
}
const blockKeys: Block[] = [
`container`,
`h1`,
`h2`,
`h3`,

View File

@ -274,5 +274,8 @@ export function initRenderer(opts: IOpts) {
buildFootnotes,
setOptions,
reset,
createContainer(content: string) {
return styledContent(`container`, content, `section`)
},
}
}

View File

@ -54,5 +54,13 @@ export default defineConfig({
css: {
devSourcemap: true,
},
},
)
build: {
rollupOptions: {
output: {
chunkFileNames: `static/js/md-[name]-[hash].js`,
entryFileNames: `static/js/md-[name]-[hash].js`,
assetFileNames: `static/[ext]/md-[name]-[hash].[ext]`,
},
},
},
})