Commit 4a18347e by zl

Initial commit

parents
.vitepress/cache
.vitepress/dist
/node_modules
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
\ No newline at end of file
import {defineConfig} from 'vitepress'
// https://vitepress.dev/reference/site-config
export default defineConfig({
lang: 'en-US',
title: "JOCUSTOM",
description: "Documentation for JOCUSTOM",
themeConfig: {
// https://vitepress.dev/reference/default-theme-config
nav: [
{text: 'Home', link: '/'},
{text: 'Guide', link: '/introduction'}
],
sidebar: [
{
text: 'Getting Started',
items: [
{text: 'Introduction', link: '/introduction'},
{
text: 'Installation', items: [
{
text: 'Shopify', link: '/shopify'
},
{
text: 'Shopline', link: '/shopline'
}
]
},
{
text: 'Configuration', items: [
{
text: 'Shopify', link: '/shopify_conf'
},
{
text: 'Shopline', link: '/shopline_conf'
}
]
},
]
},
{
text: 'Application',
items: [
{text: 'Design', link: '/app/design'},
{text: 'Product', link: '/app/product'},
{text: 'Order', link: '/app/order'},
{text: 'Material', link: '/app/material'},
{text: 'Invoices', link: '/app/invoice'},
{text: 'SizeChart', link: '/app/size_chart'},
{text: 'Recharge', link: '/app/recharge'},
]
}
],
/*socialLinks: [
{icon: 'github', link: 'https://github.com/vuejs/vitepress'}
]*/
}
})
---
outline: deep
---
# Runtime API Examples
This page demonstrates usage of some of the runtime APIs provided by VitePress.
The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:
```md
<script setup>
import { useData } from 'vitepress'
const { theme, page, frontmatter } = useData()
</script>
## Results
### Theme Data
<pre>{{ theme }}</pre>
### Page Data
<pre>{{ page }}</pre>
### Page Frontmatter
<pre>{{ frontmatter }}</pre>
```
<script setup>
import { useData } from 'vitepress'
const { site, theme, page, frontmatter } = useData()
</script>
## Results
### Theme Data
<pre>{{ theme }}</pre>
### Page Data
<pre>{{ page }}</pre>
### Page Frontmatter
<pre>{{ frontmatter }}</pre>
## More
Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).
---
# https://vitepress.dev/reference/default-theme-home-page
layout: home
hero:
name: "JOCUSTOM"
text: "Documentation for JOCUSTOM"
actions:
- theme: brand
text: Get Started
link: /introduction
features:
- title: Easy to install
details: The app is now available on Shopify and Shopline platforms.
- title: POD
details: Customers can design and purchase their own personalized gifts.
- title: Global Logistics
details: Ensure goods are delivered efficiently and cost-effectively to every consumer.
---
# Introduction
JOCUSTOM is an application that provides customized product manufacturing, warehousing, and global distribution services for e-commerce entrepreneurs, covering categories such as apparel, home goods, and accessories.
## What is JOCUSTOM
>JOCUSTOM is a POD app plugin compatible with Shopify and Shopify platforms. It enables you to quickly generate products and sync them to your platform, while allowing customers to customize your products. With drop shipping support, it helps your platform take off.
## Customized for Merchants
![Tux, the Linux mascot](/assets/introduction/customizer%20for%20merchant.png)
## Customer-Specific Customization
![Tux, the Linux mascot](/assets/introduction/customizer%20for%20lients.png)
![Tux, the Linux mascot](/assets/introduction/customizer%20for%20lients2.png)
## Factory production
![Tux, the Linux mascot](/assets/introduction/factory1.png)
![Tux, the Linux mascot](/assets/introduction/factory2.jpg)
![Tux, the Linux mascot](/assets/introduction/factory3.jpg)
## Express Logistics
![Tux, the Linux mascot](/assets/introduction/express.png)
# Markdown Extension Examples
This page demonstrates some of the built-in markdown extensions provided by VitePress.
## Syntax Highlighting
VitePress provides Syntax Highlighting powered by [Shiki](https://github.com/shikijs/shiki), with additional features like line-highlighting:
**Input**
````md
```js{4}
export default {
data () {
return {
msg: 'Highlighted!'
}
}
}
```
````
**Output**
```js{4}
export default {
data () {
return {
msg: 'Highlighted!'
}
}
}
```
## Custom Containers
**Input**
```md
::: info
This is an info box.
:::
::: tip
This is a tip.
:::
::: warning
This is a warning.
:::
::: danger
This is a dangerous warning.
:::
::: details
This is a details block.
:::
```
**Output**
::: info
This is an info box.
:::
::: tip
This is a tip.
:::
::: warning
This is a warning.
:::
::: danger
This is a dangerous warning.
:::
::: details
This is a details block.
:::
## More
Check out the documentation for the [full list of markdown extensions](https://vitepress.dev/guide/markdown).
{
"devDependencies": {
"vitepress": "^2.0.0-alpha.12",
"vue": "^3.5.24"
},
"packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
"scripts": {
"docs:dev": "vitepress dev",
"docs:build": "vitepress build",
"docs:preview": "vitepress preview"
}
}
\ No newline at end of file
<script setup>
import { useData } from 'vitepress'
const { page } = useData()
</script>
# JOCUSTOM - Shopify
------------
### Log in to your Shopify store
### Go to the Shopify App Store
### Search by keyword (JOCSUTOM)
### Install the JOCUSTOM app
**Output**
::: info
This is an info box.
:::
::: tip
This is a tip.
:::
::: warning
This is a warning.
:::
::: danger
This is a dangerous warning.
:::
::: details
This is a details block.
:::
\ No newline at end of file
---
outline: deep
---
# Runtime test
This page demonstrates usage of some of the runtime APIs provided by VitePress.
The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:
```md
<script setup>
import { useData } from 'vitepress'
const { theme, page, frontmatter } = useData()
</script>
## Results
### Theme Data
<pre>{{ theme }}</pre>
### Page Data
<pre>{{ page }}</pre>
### Page Frontmatter
<pre>{{ frontmatter }}</pre>
```
<script setup>
import { useData } from 'vitepress'
const { site, theme, page, frontmatter } = useData()
</script>
## Results
### Theme Data
<pre>{{ theme }}</pre>
### Page Data
<pre>{{ page }}</pre>
### Page Frontmatter
<pre>{{ frontmatter }}</pre>
## More
Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).
This diff is collapsed. Click to expand it.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment