English | 简体中文

XDocs

一个打工人的前端技术Blog. 基于尤大大的 Vitepress

• 线上预览: https://xiao-shenghui.github.io/xdocs.github.io/
• Gitee仓库: https://gitee.com/xiao-shenghui/xdocs
• Github仓库: https://github.com/xiao-shenghui/xdocs
• 更新日志: https://gitee.com/xiao-shenghui/xdocs/blob/master/README-log.md

Overview

基于 Vitepress v1.0.0的前端技术文档，XDocs

导航目录

• Javascript -- (H5新增 --> ES6+) -- 完成 ✨✨
• Typescript -- 更新中 🎉🎉
• Vue -- (Vue2 --> Vue3) -- 更新中 🌹🌹
• React -- (JSX --> React18) -- 更新中 👍👍
• 小程序 -- (原生小程序 --> Uniapp) -- 更新中 👍👍
• 业务场景 -- (文件上传, 瀑布流) -- 更新中 ✨✨
• 工具库 -- (Axios ---> Nodejs) -- 更新中 ✨✨
• 杂七杂八 -- (Gitee ---> Npm包推荐) -- 更新中 ✨✨
• 源码解析 -- Vue2 -- 更新中👍👍

环境和依赖

• node
• npm/cnpm
• vsCode
• markdown

vitepress优势: vite工具搭建, 热更新快, markdown编译, 自带代码高亮, 日夜模式, 配置简单, 主题配置.

项目下载和运行

• 拉取博客代码

git clone https://gitee.com/xiao-shenghui/xdocs
cd xdocs

• 开发模式运行

npm start 
#或者
npm run docs:dev

• 编译打包项目:

npm run docs:build

具体编译请参考vitepress编译. Build

写在最后

• 学习的本质是输入与输出。
• 在初次了解费曼学习法时，深感认同且一直被其影响，因此创立了XDocs用于记录。 搭建博客时使用过Hexo，Vuepress和Wrodpress等静态博客搭建工具，曾经有过一版Vuepress的XDocs, 但大都没有积累和坚持下去。
• 在了解到Vue3及Vite后，接触到Vitepress这个非常优秀的搭建工具, 并决定将其作为最终的方案。

某种程度上，我准备将XDocs可以作为存储知识的第二仓库，并分享给一起进步和学习的伙伴。
如果对您有帮助🌹，您可以点右上角 Star 支持一下 谢谢！ ^_^