代码之家 › 专栏 › 技术社区 › Sebastien D

在laravel项目中使用vuepress

vuepress laravel

3

Sebastien D · 技术社区 · 6 年前

我正在运行一个LaaFURE网站,我想运行一个VuePress文档部分。

根据说明,安装vuepress非常简单,开发服务器也是如此。

然而,当把它作为一个静态站点集成时,我和Laravel的互动有点不知所措。

我所有的文档都位于 docs 位于My Laravel应用程序根目录下的文件夹。

我成功地设置了vuepress' config.js 将静态站点构建到另一个文件夹中。

base: '/docs/',
dest:'./public/docs',

这样做,公开文档完全暴露于Web(在公用文件夹中)。

然而,我所寻找的是将它更精确地集成到laravel(与我创建的中间件和路由)中。

2 回复 | 直到 6 年前

1

3

kevnk 6 年前

方法1

1。在中安装vuepress `/docs` 在你的目录里

2。使用正确的 `base` 和 `dest`

/docs/.vuepress/config.js文件

module.exports = {
  dest: 'public/docs',
  base: 'docs/',
};

三。使laravel视图包含来自 `/public` 目录

/app/config/view.php文件

...
'paths' => [
    resource_path('views'),
    base_path('public'), // now blade's @include will also look in /public
],
...

4。创建一个允许VuePress的LARAVER路由 `.html` 延伸

/路由/web.php

use View;
Route::get('/docs', function() {
  View::addExtension('html', 'php'); // allows .html
  return view('docs.index'); // loads /public/docs/index.html
});

方法2

或者要通过laravel对资产进行更多控制,可以在这里尝试本教程: https://serversideup.net/vuepress-within-a-laravel-application/

2

1

Jelle Breuer 6 年前

# install as a local dependency
yarn add -D vuepress # OR npm install -D vuepress

# create a docs directory
mkdir docs

# create a markdown file
echo '# Hello VuePress' > docs/README.md

包装袋

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

/docs/.vuepress/config.js文件

module.exports = {
  dest: 'public/docs',
  base: '/docs/',
};

npm run docs:build

/路由/web.php

Route::get('/docs', function() {
    return File::get(public_path() . '/docs/index.html');
});

在laravel项目中使用vuepress

方法1

1。在中安装vuepress /docs 在你的目录里

2。使用正确的 base 和 dest

三。使laravel视图包含来自 /public 目录

4。创建一个允许VuePress的LARAVER路由 .html 延伸

方法2

1。在中安装vuepress `/docs` 在你的目录里

2。使用正确的 `base` 和 `dest`

三。使laravel视图包含来自 `/public` 目录

4。创建一个允许VuePress的LARAVER路由 `.html` 延伸