# noodle-docs

**Repository Path**: noodle-framework/noodle-docs

## Basic Information

- **Project Name**: noodle-docs
- **Description**: 项目文档说明
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-05-01
- **Last Updated**: 2025-08-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# NOODLE-DOC

NOODLE 文档源码

## Build Setup
``` bash
# 安装依赖
npm install

# 启动服务
npm run dev

# 构建生产
npm run build
```

## 基础路径
> 如果你的网站会被部署到一个非根路径，你将需要在 .vuepress/config.js 中设置 base，举例来说，如果你打算将你的网站部署到 https://foo.github.io/bar/，那么 base 的值就应该被设置为 "/bar/" (应当总是以斜杠开始，并以斜杠结束)。 

> 有了基础路径（Base URL），如果你希望引用一张放在 .vuepress/public 中的图片，你需要使用这样路径：/bar/image.png，然而，一旦某一天你决定去修改 base，这样的路径引用将会显得异常脆弱。为了解决这个问题，VuePress 提供了内置的一个 helper $withBase（它被注入到了 Vue 的原型上），可以帮助你生成正确的路径：

```
<img :src="$withBase('/foo.png')" alt="foo">
```
值得一提的是，你不仅可以在你的 Vue 组件中使用上述的语法，在 Markdown 文件中亦是如此。

最后补充一句，一个 base 路径一旦被设置，它将会自动地作为前缀插入到 .vuepress/config.js 中所有以 / 开始的资源路径中。

## 配置全局的图片前缀
- 在md文档中这么使用：
```
![567](~@img/ccc.jpeg)
```
- 配置如下：
```
configureWebpack: {
    resolve: {
        alias: {
            '@img': path.resolve(__dirname, './public/images')
        }
    }
  },
```


>Powered by [vuepress](https://vuepress.vuejs.org/zh/)