mirror of
https://github.com/MrXujiang/h5-Dooring.git
synced 2025-12-11 01:12:49 +00:00
🆕 添加文档地址,优化文档样式
This commit is contained in:
parent
51f83bf7a5
commit
fe7cebf505
@ -1,5 +1,5 @@
|
||||
module.exports = {
|
||||
base: '/',
|
||||
base: '/doc/',
|
||||
title: 'h5-dooring',
|
||||
dest: './doc-dist',
|
||||
themeConfig: {
|
||||
@ -7,10 +7,11 @@ module.exports = {
|
||||
searchMaxSuggestions: 10,
|
||||
lastUpdated: 'Last Updated',
|
||||
nav: [
|
||||
{ text: '体验', link: '/' },
|
||||
{ text: '首页', link: '/' },
|
||||
{ text: '文档', link: '/zh/guide/' },
|
||||
{ text: '1.X', link: '/zh/guide/1' },
|
||||
{ text: '语言', link: '/zh/guide/2' },
|
||||
// { text: '1.X', link: '/zh/guide/' },
|
||||
// { text: '语言', link: '/zh/guide/' },
|
||||
{ text: '体验', link: 'http://h5.dooring.cn' },
|
||||
{ text: 'github', link: 'https://github.com/MrXujiang/h5-Dooring' },
|
||||
],
|
||||
sidebar: [
|
||||
|
||||
@ -1,56 +1,56 @@
|
||||
<template>
|
||||
<main class="home" :aria-labelledby="data.heroText !== null ? 'main-title' : null">
|
||||
<header class="hero">
|
||||
<h1 v-if="data.heroText !== null" id="main-title">
|
||||
<img src="../imgs/common/logo.svg" :alt="data.heroAlt || 'hero'" /><span>{{
|
||||
data.heroText || $title || "Hello"
|
||||
}}</span>
|
||||
</h1>
|
||||
</header>
|
||||
<main class="home" :aria-labelledby="data.heroText !== null ? 'main-title' : null">
|
||||
<header class="hero">
|
||||
<h1 v-if="data.heroText !== null" id="main-title">
|
||||
<img src="../imgs/common/logo.svg" :alt="data.heroAlt || 'hero'" /><span>{{
|
||||
data.heroText || $title || "Hello"
|
||||
}}</span>
|
||||
</h1>
|
||||
</header>
|
||||
|
||||
<div v-if="data.features && data.features.length" class="features">
|
||||
<div class="container">
|
||||
<div v-for="(feature, index) in data.features" :key="index" class="feature">
|
||||
<div class="feature-index">{{ index + 1 }}</div>
|
||||
<h2>{{ feature.title }}</h2>
|
||||
<p>{{ feature.details }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="data.features && data.features.length" class="features">
|
||||
<div class="container">
|
||||
<div v-for="(feature, index) in data.features" :key="index" class="feature">
|
||||
<div class="feature-index">{{ index + 1 }}</div>
|
||||
<h2>{{ feature.title }}</h2>
|
||||
<p>{{ feature.details }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Content class="theme-default-content custom" />
|
||||
<Content class="theme-default-content custom" />
|
||||
|
||||
<div class="hero">
|
||||
<p v-if="data.actionText && data.actionLink" class="action">
|
||||
<NavLink class="action-button" :item="actionLink" />
|
||||
</p>
|
||||
</div>
|
||||
<div v-if="data.footer" class="footer">
|
||||
{{ data.footer }}
|
||||
</div>
|
||||
</main>
|
||||
<div class="hero">
|
||||
<p v-if="data.actionText && data.actionLink" class="action">
|
||||
<NavLink class="action-button" :item="actionLink" />
|
||||
</p>
|
||||
</div>
|
||||
<div v-if="data.footer" class="footer">
|
||||
{{ data.footer }}
|
||||
</div>
|
||||
</main>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import NavLink from "@vuepress/theme-default/components/NavLink.vue";
|
||||
|
||||
export default {
|
||||
name: "Home",
|
||||
name: "Home",
|
||||
|
||||
components: { NavLink },
|
||||
components: { NavLink },
|
||||
|
||||
computed: {
|
||||
data() {
|
||||
return this.$page.frontmatter;
|
||||
},
|
||||
|
||||
actionLink() {
|
||||
return {
|
||||
link: this.data.actionLink,
|
||||
text: this.data.actionText,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
data() {
|
||||
return this.$page.frontmatter;
|
||||
},
|
||||
|
||||
actionLink() {
|
||||
return {
|
||||
link: this.data.actionLink,
|
||||
text: this.data.actionText,
|
||||
};
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -101,7 +101,7 @@ $homePageWidth = 1080px
|
||||
background-color lighten($accentColor, 10%)
|
||||
.features
|
||||
border-top 1px solid $borderColor
|
||||
padding 1.2rem 0
|
||||
padding 80px 0
|
||||
background-color #fff
|
||||
margin-top 2.5rem
|
||||
.container
|
||||
@ -116,7 +116,7 @@ $homePageWidth = 1080px
|
||||
max-width 27%
|
||||
border-radius 8px
|
||||
padding 20px 22px
|
||||
box-shadow 0 5px 4px 4px #ddd
|
||||
box-shadow 0 0 8px rgba(0,0,0,.1)
|
||||
.feature-index
|
||||
border-radius 4px
|
||||
background-color #083ac4
|
||||
|
||||
@ -7,10 +7,10 @@ features:
|
||||
- title: 简洁方便
|
||||
details: 任何人只需傻瓜式拖拽或进行简单编辑即可生成精美的H5页面
|
||||
- title: 插拔式体验
|
||||
details: 产品以GPL协议开源,可植入任何系统,并支持二次开发
|
||||
details: 产品以GPL协议开源, 授权后可植入任何系统,并支持二次开发
|
||||
- title: 持续迭代,无限可能
|
||||
details: 目前正在持续迭代中,后续可根据需求开发功能更强大的可视化系统
|
||||
actionText: 快速上手 →
|
||||
actionLink: /zh/guide/
|
||||
footer: GPL Licensed | Copyright © 2018-present Dooring
|
||||
footer: GPL Licensed | Copyright © 2020-present H5-Dooring
|
||||
---
|
||||
|
||||
2
doc/zh/guide/building.md
Normal file
2
doc/zh/guide/building.md
Normal file
@ -0,0 +1,2 @@
|
||||
|
||||
正在建设中...
|
||||
@ -18,7 +18,6 @@
|
||||
],
|
||||
"contributors": [
|
||||
"徐小夕 <xujiang156@qq.com> (https://github.com/MrXujiang))",
|
||||
"dragon <zhangjinlongll@163.com> (https://github.com/zhangjinlongll))",
|
||||
"yehuozhili <yehuozhili@outlook.com> (https://github.com/yehuozhili))"
|
||||
],
|
||||
"scripts": {
|
||||
@ -46,7 +45,7 @@
|
||||
"prettier --parser=typescript --write"
|
||||
]
|
||||
},
|
||||
"homepage": "http://io.nainor.com/h5_visible",
|
||||
"homepage": "http://h5.dooring.cn",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/MrXujiang/h5-Dooring.git"
|
||||
|
||||
12
readme.md
12
readme.md
@ -16,20 +16,22 @@
|
||||
|
||||
> H5-Dooring is a powerful, open source, free H5 visual page configuration solution dedicated to providing a simple, convenient, professional and reliable, unlimited set of H5 landing page best practices. The technology stack is mainly react, developed in the background using nodejs.
|
||||
|
||||
### 🏠 [Homepage](http://49.234.61.19/h5_visible)
|
||||
### 🏠 [Homepage](http://h5.dooring.cn)
|
||||
|
||||
### ✨ [Demo](http://h5.dooring.cn/h5_plus/editor?tid=123456)
|
||||
|
||||
### 📦 doc(文档) [H5-Dooring Document](http://h5.dooring.cn/doc)
|
||||
|
||||
### [视频教程 | Video tutorial](https://www.zhihu.com/zvideo/1326300284608417792)
|
||||
|
||||
<!-- <img src="http://io.nainor.com/uploads/face_17512320c6d.png" alt="H5可视化编辑器" /> -->
|
||||

|
||||

|
||||
|
||||
## Author
|
||||
|
||||
👤 **徐小夕**
|
||||
|
||||
* Website: http://49.234.61.19/h5_visible
|
||||
* Website: http://h5.dooring.cn
|
||||
* Github: [@MrXujiang](https://github.com/MrXujiang)
|
||||
|
||||
## 🤝 Contributing
|
||||
@ -44,13 +46,13 @@ Give a ⭐️ if this project helped you!
|
||||
最近笔者正在开放dooring的插拔式服务, 以js-sdk的形式支持集成到外部系统中, 并提供开放API共使用者自由配置. 规划如下:
|
||||
|
||||
|
||||

|
||||

|
||||
|
||||
|
||||
### 1. 如何引用用js-sdk | How to use js-sdk
|
||||
我们可以使用两种方式来使用我们的js-sdk, 第一种是在项目脚本中引入如下script标签, 如下:
|
||||
``` js
|
||||
<script src="http://49.234.61.19/dooring-sdk.js"></script>
|
||||
<script src="http://h5.dooring.cn/dooring-sdk.js"></script>
|
||||
```
|
||||
或者直接复制如下代码到你的script标签中, 代码如下:
|
||||
``` js
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user