js预览本地word文档_Github+docsify打造在线文档

效果图如下

预览链接：https://a870439570.github.io/interview-docs

快速开始

首先先安装好npm和nodejs,这里就不做过多介绍了自信安装即可 (https://blog.csdn.net/zimushuang/article/details/79715679)

安装docsify 推荐安装 docsify-cli 工具，可以方便创建及本地预览文档网站。

npm i docsify-cli -g

初始化项目

# 进入指定文件目录 如下：F:ideWorkgithubWorkest_docs 运行 docsify init ./docs

初始化成功后，可以看到 ./docs 目录下创建的几个文件index.html 入口文件README.md 会做为主页内容渲染.nojekyll 用于阻止 GitHub Pages 会忽略掉下划线开头的文件

本地预览网站

运行一个本地服务器通过 docsify serve 可以方便的预览效果，而且提供 LiveReload 功能，可以让实时的预览。默认访问http://localhost:3000/#/。

docsify serve docs

一个基本的文档网站就搭建好了，docsify还可以自定义导航栏，自定义侧边栏以及背景图和一些开发插件等等

更多配置请参考官方文档 https://docsify.js.org/#/zh-cn/quickstart

下面介绍docsify如何部署到Github 使用免费的站点

和 GitBook 生成的文档一样，我们可以直接把文档网站部署到 GitHub Pages 或者 VPS 上

GitHub Pages

GitHub Pages 支持从三个地方读取文件

docs/ 目录
master 分支
gh-pages 分支

上传文件至Github仓库官方推荐直接将文档放在 docs/ 目录下，在设置页面开启 GitHub Pages 功能并选择 master branch /docs folder 选项。

在这里插入图片描述

此时等待几秒钟就可以访问了我这里使用了自定义域名

Github如何配置自定义域名

在根目录下创建CNAME文件并配置你的阿里云或其它网站购买的域名

在这里插入图片描述

设置页面 Custom domain 更改域名

在这里插入图片描述

进入域名平台进行解析添加继续记录；类型为CNAME

在这里插入图片描述

解析后等待十分钟既可开启了

原文链接 https://blog.qinxuewu.club/

预览链接：https://a870439570.github.io/interview-docs

js预览本地word文档_Github+docsify打造在线文档相关推荐

js预览本地word文档_怎么免费下载百度文库付费文档？
我们都知道百度文库中的Word文档,免费的少,大部分是需要下载券的,或者需要开通vip才能下载的!而这些券和vip都是需要钱买的,那我们有什么办法,能任意使用.下载需要的文档呢?下面我来分享一下我的方 ...
Github+docsify打造在线文档网站
写在前面搭建这个在线文档的目的是方便自己对学习笔记的查看,比较喜欢 docsify 的主题风格,所以没有用 Github Pages 直接给的主题,自己根据官方文档进行了配置,目前已经成功上线. 1 ...
IOS 预览pdf,word文档的集中方式
在iPhone中可以很方便的预览文档文件,如:pdf.word等等,这篇文章将以PDF为例.介绍三种预览PDF的方式,又分别从本地pdf文档和网络上的pdf文档进行对比. 预览本地PDF文档: 1.使 ...
钉钉小程序上传预览下载word，pdf文档等一系列问题
钉钉小程序上传预览下载word,pdf文档等一系列问题小程序"用完即走"的理念使得有着很好的发展市场,不仅微信小程序,支付宝,钉钉小程序等都受用户的喜爱. 刚接触了一个企业内部应 ...
html js 在线预览 pdf word xls等
1.前端实现pdf文件在线预览功能方式一.pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面.在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览 <a ...
vue实战--vue+elementUI实现多文件上传+预览（word/PDF/图片/docx/doc/xlxs/txt）
需求最近在做vue2.0+element UI的项目中遇到了一个需求:需求是多个文件上传的同时实现文件的在线预览功能.需求图如下: 看到这个需求的时候,小栗脑袋一炸.并不知道该如何下手,之前的实践项 ...
uni-app微信小程序image引入图片；background-image背景图引入图片；小程序预览本地图片；小程序图片过大引入报错；获取本地图片的网络地址；
uni-app小程序图片使用有image标签和background-image背景图两种方式: 下有获取本地图片的网络地址方式:见第四步一.方式一:使用image标签引入: uni-app官方ima ...
ashx获取input file 文件_前端战五渣学前端——FileReader预览本地文件
距离上一篇博客将近一个半月了,这一个多月有点烦躁,静不下心来学习,也不知道为什么,玩的也不算太好,还感冒.可能是天气热了吧,有点点躁动.上周看了<哪吒--魔童降世>还不错,还看了新出的&l ...
原生js预览ofd文件，JavaScript
最近项目需要预览ofd文件,于是上网搜索了一下相关知识,结果大感失望,内容很少而且没有什么用,最后根据一个博客找到了方法和总结,话不多说上代码. <!DOCTYPE html> <h ...

js预览本地word文档_Github+docsify打造在线文档

js预览本地word文档_Github+docsify打造在线文档相关推荐

最新文章

热门文章