手动安装docsify

安装docsify详见：docsify

1、下载

wget https://codeload.github.com/docsifyjs/docsify/zip/refs/heads/master -o docsify-master.zip

2、解压

unzip docsify-master.zip

3、移动文件到nginx的html所在目录【略】

4、配置nginx，示例如下

location / {root   'docsify所在的目录';index  index.html index.htm;#add_header Cache-Control "no-cache, no-store, must-revalidate";#add_header Pragma "no-cache";#add_header Expires 0;
}

5、重启nginx

nginx -s reload

6、浏览器通过ip或域名访问项目【略】

7、清空原有的index.html内容，以下为手动编写的index.html文件内容

<!DOCTYPE html>
<html>
<head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="UTF-8"/><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/dark.css">
</head>
<body>
<div id="app">Loading...</div>
<script>window.$docsify = {name: 'snail',loadSidebar: 'zh-cn/_sidebar.md',//loadSidebar: true,//loadNavbar: true,search: {placeholder: '搜索',noData: '找不到结果',depth: 2, // 搜索标题的最大层级, 1 - 6namespace: 'docsify',pathNamespaces: ['/zh-cn'],}};
</script>
<script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-php.min.js"></script>
</body>
</html>

更换css、js使用国内cdn资源

<!-- 更换css、js使用国内cdn资源 -->
<!DOCTYPE html>
<html>
<head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="UTF-8"/><link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/docsify/4.13.0/themes/dark.min.css"><title>snail</title>
</head>
<body>
<div id="app">Loading...</div>
<script>window.$docsify = {name: 'snail',//basePath: 'zh-cn/',loadSidebar: 'zh-cn/_sidebar.md',//loadSidebar: '_sidebar.md',//loadSidebar: true,//loadNavbar: true,search: {placeholder: '搜索',noData: '找不到结果',depth: 2, // 搜索标题的最大层级, 1 - 6namespace: 'docsify',pathNamespaces: ['/zh-cn'],}};
</script>
<script src="https://cdn.bootcdn.net/ajax/libs/docsify/4.13.0/docsify.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/docsify/4.13.0/plugins/search.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/docsify/4.13.0/plugins/emoji.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/docsify/4.13.0/plugins/zoom-image.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/docsify-copy-code/2.1.1/docsify-copy-code.min.js"></script>
</body>
</html>

8、根据情况修改_sidebar.md、_navbar.md，示例

_sidebar.md内容如下（zh-cn目录的文件已从官网下载）

* 入门* [快速开始](zh-cn/quickstart.md)* [多页文档](zh-cn/more-pages.md)* [定制导航栏](zh-cn/custom-navbar.md)* [封面](zh-cn/cover.md)* 定制化* [配置项](zh-cn/configuration.md)* [主题](zh-cn/themes.md)* [插件列表](zh-cn/plugins.md)* [开发插件](zh-cn/write-a-plugin.md)* [Markdown 配置](zh-cn/markdown.md)* [代码高亮](zh-cn/language-highlight.md)* 指南* [部署](zh-cn/deploy.md)* [文档助手](zh-cn/helpers.md)* [兼容 Vue](zh-cn/vue.md)* [CDN](zh-cn/cdn.md)* [离线模式(PWA)](zh-cn/pwa.md)* [服务端渲染 (SSR)](zh-cn/ssr.md)* [文件嵌入](zh-cn/embed-files.md)* [Awesome docsify](zh-cn/awesome.md)
* [Changelog](zh-cn/changelog.md)

手动安装docsify相关推荐

linux源码安装浏览器,Linux系统手动安装Firefox浏览器
大多数Linux发行版都以Firefox作为默认的浏览器,并可以轻松地从软件库中安装.例如: Debian/Ubuntu: sudo apt-get install firefox Fedora: s ...
linux apache 手动安装教程,linux下手动安装apache
下面是官方文档的要求,必须安装APR.APR-Util.PCRE,gcc-c++等包,文档URL地址http://httpd.apache.org/docs/2.4/install.html. 所以, ...
centos7.4安装mysql5.7_CentOS7.4手动安装MySQL5.7的方法
MySQL数据库应用广泛,尤其对于JAVA程序员,不会陌生.如果在不想采购云数据库的情况下,可以自行安装MySQL数据库.文章将介绍,手动在CentOS7.4环境下,安装MySQL5.7版本的方法. ...
在服务器无root权限手动安装texlive
前言要利用jcvi分析多物种共线性,最后报错显示没有latex,于是开始了解latex,找到了妖怪的别名特性live,利用conda安装texlive-core在后面的分析中会报错,于是手动安装先 ...
手动安装K8s第三节：etcd集群部署
手动安装K8s第三节:etcd集群部署准备安装包 https://github.com/coreos/etcd 版本:3.2.18 wget https://github.com/coreos/et ...
Atom 插件手动安装
为什么80%的码农都做不了架构师?>>> Atom Settings install error Installing "simplified-chinese-men ...
手动安装oracle软件删软件
更多博文请关注:没有伞的孩子必须努力奔跑(www.xuchanggang.cn) 1.手工删除oracle软件: 删除/etc/ora* 删除软件安装目录下的所有文件,我这里是:/u01/app/or ...
python详细安装教程linux-Linux手动安装新版本Python教程（CentOS）
一.说明 1.1 linux为什么不升级python版本 2008年python3就发布了,到2020年1月1日python2.7就停止更新了,为什么主流的linux迟迟不去除python2自带pyt ...
CENTOS手动安装修复python ,YUM CENTOS手动安装修复YUM
CENTOS手动安装修复YUM 2019年3月8日杨宇 Comments 0 Comment 目录 [hide] 一.问题场景二.手动修复 2.1 下载 rpm 包 2.2 安装 rpm 包 2 ...

手动安装docsify

手动安装docsify相关推荐

最新文章

热门文章