docsify搭建个人极简知识仓库,讲的太清楚了

在这里插入图片描述

  1. 在自己电脑新建一个空文件夹,用来初始化项目,也就是以后用来存放我们的博客文件

在这里插入图片描述

  1. 初始化项目后,我们进入文件夹,可以看到如下几个文件
  • index.html 入口文件

  • README.MD 会做为主页内容渲染

  • .nojekyll 用于阻止 GitHub Pages 忽略掉下划线开头的文件

在这里插入图片描述

  1. 启动本地服务器

在这里插入图片描述

在这里插入图片描述

1.2、定制页面


默认Demo的页面比较单调,我们如果要修改此页面,只需要修改目录下的README.md,语法就是 MarkDown 语法

在这里插入图片描述

当然我只是随手写写,你完全可以将你的 md 笔记粘贴进来。

1.3、多页文档


如果我们要创建多个页面,或者需要多级路由的网站,在 docsify 里也能很容易的实现。

在这里插入图片描述

我们参考官方文档,例如我这里创建两个文件夹 GOJava,里面分别存放 README.md 文件

在这里插入图片描述

我们要想访问 Java 文件夹下的 README.md 文件,只需要在网址后跟上 java/

在这里插入图片描述

1.4、定制侧边栏


上述多页文档我们在网址输入可不方便,最好有一个侧边栏。我们参考官方文档

在这里插入图片描述

  1. 首先在 index.html 进行配置,按照官方文档添加规则
  1. 接着在根目录创建_sidebar.md,编辑如下
  1. 效果如下

在这里插入图片描述

当然官方文档还有很多嵌套的侧边栏、目录、副标题等,这里就不进行记录了,操作方式都大同小异😀

1.5、开启封面


在这里插入图片描述

  1. 配置index.html文件
  1. 根目录创建 _coverpage.md 文件

docsify 3.5

一个神奇的文档网站生成器。

  • 简单、轻便 (压缩后 ~21kB)

  • 无需生成 html 文件

  • 众多主题

GitHub

Get Started

这样封面就做好了!

在这里插入图片描述

1.6、更换主题


如果我们要更换主题,只需要替换index.html中 css 样式文件即可

在这里插入图片描述

例如我更换为 dark.css

在这里插入图片描述

1.7、全文搜索插件


我们一般的博客网站都会有一个搜索框,docsify 帮我们提供了这样一个插件。

在这里插入图片描述

  1. 在index.html进行配置

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Java工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Java开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Java)
img

朋友,同时减轻大家的负担。**
[外链图片转存中…(img-lIwG30wk-1710872071227)]
[外链图片转存中…(img-BkYdYc0g-1710872071228)]
[外链图片转存中…(img-OxsHstJg-1710872071228)]

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Java)
[外链图片转存中…(img-VLXMQqE6-1710872071228)]

  • 24
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值