- ✍、目录导图
- docsify极简知识库
- 1.1、正式搭建
* [1.2、定制页面](about:blank#12_65)
* [1.3、多页文档](about:blank#13_78)
* [1.4、定制侧边栏](about:blank#14_100)
* [1.5、开启封面](about:blank#15_144)
* [1.6、更换主题](about:blank#16_189)
* [1.7、全文搜索插件](about:blank#17_204)
* [1.8、字数统计插件](about:blank#18_243)
* [1.9、部署项目](about:blank#19_284)
* [1.10、更新项目](about:blank#110_346)
- 打开 docsify 官网:https://docsify.js.org/
- 如下步骤,在开始之前请确保我们电脑有 node.js 环境
- 首先安装 docsify-cli 脚手架
- 在自己电脑新建一个空文件夹,用来初始化项目,也就是以后用来存放我们的博客文件
- 初始化项目后,我们进入文件夹,可以看到如下几个文件
-
index.html
入口文件 -
README.MD
会做为主页内容渲染 -
.nojekyll
用于阻止 GitHub Pages 忽略掉下划线开头的文件
- 启动本地服务器
默认Demo的页面比较单调,我们如果要修改此页面,只需要修改目录下的README.md
,语法就是 MarkDown 语法
当然我只是随手写写,你完全可以将你的 md 笔记粘贴进来。
如果我们要创建多个页面,或者需要多级路由的网站,在 docsify 里也能很容易的实现。
我们参考官方文档,例如我这里创建两个文件夹 GO
、Java
,里面分别存放 README.md
文件
我们要想访问 Java 文件夹下的 README.md 文件,只需要在网址后跟上 java/
上述多页文档我们在网址输入可不方便,最好有一个侧边栏。我们参考官方文档
- 首先在 index.html 进行配置,按照官方文档添加规则
- 接着在根目录创建
_sidebar.md
,编辑如下
- 效果如下
当然官方文档还有很多嵌套的侧边栏、目录、副标题等,这里就不进行记录了,操作方式都大同小异😀
- 配置index.html文件
- 根目录创建
_coverpage.md
文件
docsify 3.5
一个神奇的文档网站生成器。
-
简单、轻便 (压缩后 ~21kB)
-
无需生成 html 文件
-
众多主题
这样封面就做好了!
如果我们要更换主题,只需要替换index.html中 css 样式文件即可
例如我更换为 dark.css
我们一般的博客网站都会有一个搜索框,docsify 帮我们提供了这样一个插件。
- 在index.html进行配置
- 效果如下
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,不论你是刚入门Java开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
g-BI3kGqtY-1715667208203)]
[外链图片转存中…(img-v0glSSvr-1715667208204)]
[外链图片转存中…(img-o351rdJz-1715667208204)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,不论你是刚入门Java开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!