我的本地 windows 系统安装了 docsify,并通过 docsify init ./mykb 创建了一个项目
- 创建目录 ./mykb/sub/OperationSystem/Windows/,并在其下创建 README.MD
- 在 ./mykb 下创建 _sidebar.md,其内容如下
OperationSystem
- Linux
- [Windows](sub/OperationSystem/Windows/)
- 设置./mykb/index.html 文件的完整代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="Description">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
</head>
<body>
<div id="app"></div>
<script>
window.$docsify = {
name: '',
repo: '',
loadSidebar: true,
auto2top: true,
subMaxLevel: 2,
}
</script>
<!-- Docsify v4 -->
<script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
</body>
</html>
- 本地运行 docsify serve ./mykb 运行项目,在浏览器中访问:http://localhost:3000可以正常访问项目,点击左侧导航菜单的超链接可以访问到 sub/OperationSystem/Windows/README.MD
下面是将项目部署到云端服务器 centos 的 nginx 中
- 云端服务器安装 nodejs 并且通过命令 npm i docsify-cli -g 安装 docsify
- 云端服务器 centos 系统中已经运行其他项目了,所以在其配置文件中添加如下配置用于代理 docsify 项目,并刷新 nginx -s reload
location /kb {
alias /projs/docsify/mykb/;
index index.html;
}
- shell中切换路径到 /projs/docsify 通过 docsify init ./mykb 创建项目目录
- 将本地 windows 中项目中的文件拷贝到上面步骤的目录 mykb 下
- 本地 windows 访问云端项目 https://www.xxxx.com/kb,可以访问通,但是点击左侧导航菜单的超链接后在右边区域就显示404了,是什么问题,我要如何解决?
要配置一下这个:basePath
或者使用相对路径。