Skip to content

Commit 3914d2b

Browse files
csxiaoyaojianxiancsxiaoyaojianxian
committed
vuepress
1 parent 3af9e03 commit 3914d2b

8 files changed

Lines changed: 178 additions & 0 deletions

File tree

‎12-前端框架/06-vue/【vuepress-docs】/.vuepress/components/demo.vue‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<template>
2+
<div style="color:red;">vue component</div>
3+
</template>

‎12-前端框架/06-vue/【vuepress-docs】/.vuepress/config.js‎

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
module.exports = {
2+
base: '/', // 用于部署时的子路径
3+
title: 'csxiaoyao.com', // 网站的标题
4+
description: 'luban document, created by victorsun', // 网站描述，HTML中表现为一个 <meta> 标签
5+
head: [ // head 中额外标签
6+
// ['link', { rel: 'icon', href: '/logo.png' }]
7+
],
8+
host: '0.0.0.0', // dev 服务器的主机
9+
port: 2048, // dev 服务器的端口
10+
dest: './dist', // 指定 vuepress build 的输出目录
11+
evergreen: false, // 忽略浏览器兼容性
12+
markdown: {
13+
lineNumbers: true, // 代码块的左侧显示行号
14+
externalLinks: { target: '_blank', rel: 'noopener noreferrer' }, // 键和值对将被添加到指向外部链接的 <a> 标签，默认选项将在新窗口中打开外部链接
15+
anchor: { permalink: true, permalinkBefore: true, permalinkSymbol: '#' }, // 锚点配置
16+
toc: { includeLevel: [1, 2, 3] }, // [[toc]]目录
17+
config: md => { // 插件
18+
// md.set({ breaks: true })
19+
// md.use(require('markdown-it-xxx'))
20+
}
21+
},
22+
themeConfig: {
23+
nav: [ // 导航栏
24+
{
25+
text: '主页',
26+
link: '/'
27+
}, {
28+
text: '菜单',
29+
items: [{
30+
text: '普通菜单',
31+
link: '/'
32+
}, {
33+
text: '分组菜单',
34+
items: [{
35+
text: 'test1',
36+
link: '/test1'
37+
}, {
38+
text: 'test2',
39+
link: '/test2'
40+
}]
41+
}]
42+
}, {
43+
text: '访问主页',
44+
link: 'http://www.csxiaoyao.com'
45+
}
46+
],
47+
// 侧边栏
48+
sidebar: [
49+
'/test1',
50+
['/test1', '链接到test1'],
51+
{
52+
title: '链接到test2',
53+
collapsable: false,
54+
children: [
55+
'/test1',
56+
'/test2',
57+
]
58+
}
59+
],
60+
// 展开所有标题层级
61+
displayAllHeaders: false,
62+
// 激活标题链接
63+
activeHeaderLinks: true, // false 可以提高性能
64+
// 搜索
65+
search: true,
66+
searchMaxSuggestions: 10,
67+
// 更新时间戳 git
68+
lastUpdated: 'Last Updated', // string | boolean
69+
// serviceWorker
70+
serviceWorker: {
71+
updatePopup: true, // 弹窗提示更新 Boolean | Object, 默认值是 undefined
72+
// 如果设置为 true, 默认的文本配置将是:
73+
updatePopup: {
74+
message: "有内容更新",
75+
buttonText: "更新"
76+
}
77+
},
78+
// 假定 GitHub，也可以是一个完整的 GitLab URL
79+
repo: 'csxiaoyaojianxian/JavaScriptStudy',
80+
// 自定义项目仓库链接文字，默认根据 `themeConfig.repo` 中的 URL 来自动匹配是 "GitHub"/"GitLab"/"Bitbucket" 中的哪个，如果不设置时是 "Source"
81+
repoLabel: '访问仓库',
82+
// 以下为可选的 "Edit this page" 链接选项，如果你的文档和项目位于不同仓库：
83+
docsRepo: 'vuejs/vuepress',
84+
// 如果你的文档不在仓库的根目录下：
85+
docsDir: 'docs',
86+
// 如果你的文档在某个特定的分支（默认是 'master' 分支）：
87+
docsBranch: 'master',
88+
// 默认为 false，设置为 true 来启用
89+
editLinks: true,
90+
// 自定义编辑链接的文本。默认是 "Edit this page"
91+
editLinkText: '修改此页'
92+
}
93+
}

‎12-前端框架/06-vue/【vuepress-docs】/.vuepress/styles/index.styl‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
body {
2+
background-color: #fbfbfb;
3+
}

‎12-前端框架/06-vue/【vuepress-docs】/.vuepress/styles/palette.styl‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
// 显示默认值
2+
$accentColor = #3498db
3+
$textColor = #2c3e50
4+
$borderColor = #eaecef
5+
$codeBgColor = #282c34

‎12-前端框架/06-vue/【vuepress-docs】/README.md‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
home: true
3+
navbar: false
4+
# heroImage: /hero.png
5+
actionText: 起步 →
6+
actionLink: /test1
7+
features:
8+
- title: 简明优先
9+
details: 对以 markdown 为中心的项目结构，做最简化的配置，帮助你专注于创作。
10+
- title: Vue 驱动
11+
details: 享用 Vue + webpack 开发环境，在 markdown 中使用 Vue 组件，并通过 Vue 开发自定义主题。
12+
- title: 性能高效
13+
details: VuePress 将每个页面生成为预渲染的静态 HTML，每个页面加载之后，然后作为单页面应用程序(SPA)运行。
14+
footer: MIT Licensed | Copyright © 2018-present
15+
---
16+

‎12-前端框架/06-vue/【vuepress-docs】/test/test.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export default function () {
2+
// ..
3+
}

‎12-前端框架/06-vue/【vuepress-docs】/test1.md‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
---
2+
title: '测试页面1'
3+
sidebarDepth: 2
4+
prev: false
5+
next: ./test2
6+
---
7+
8+
# test1
9+
## 标题1
10+
段落1
11+
<demo/>
12+
13+
## 标题2
14+
段落2
15+
```
16+
代码块
17+
```

‎12-前端框架/06-vue/【vuepress-docs】/test2.md‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
---
2+
title: '测试页面2'
3+
sidebarDepth: 2
4+
prev: ./test1
5+
next: false
6+
---
7+
8+
[[toc]]
9+
10+
# test2
11+
## test2~
12+
### test2~~
13+
emoji
14+
:100:
15+
16+
::: tip 注意：
17+
This is a tip
18+
:::
19+
20+
::: warning
21+
This is a warning
22+
:::
23+
24+
::: danger STOP
25+
This is a dangerous warning
26+
:::
27+
28+
``` js{4}
29+
export default {
30+
data () {
31+
return {
32+
msg: 'Highlighted!'
33+
}
34+
}
35+
}
36+
```
37+
38+
<<< @/test/test.js{2}

0 commit comments

Comments
 (0)