This is reco theme 2.0, and the 1.0 repository has been migrated to vuepress-theme-reco-1.x
In the past, theme reco
has been supported by many friends, I am very honored, it changed my life, and I also made a lot of friends. But I don't think it is professional and flexible, and sometimes some advanced features require certain professionalism. I know that this is not easy for some Non-FE professional friends.
Some functions of [email protected]
refer to the default theme of [email protected]
, but it is no longer magically changed on the default theme like 0.x
and 1.x
. This is a new set of solutions, such as The style adopts the tailwindCSS
scheme, and the page extension capability is realized through the plugin @vuepress-reco/vuepress-plugin-page
.
At the same time, you must rely on this document to configure your project. You cannot compare it with the official default theme document, because only a small amount of configuration overlaps with the official default theme document.
Please move Demo and Docs to play!
npx
# Init,and choose 2.x
npx @vuepress-reco/theme-cli init
npm
# Init,and choose 2.x
npm install @vuepress-reco/[email protected] -g
theme-cli init
yarn
# Init,and choose 2.x
yarn global add @vuepress-reco/[email protected]
theme-cli init
![home_dark](https://private-user-images.githubusercontent.com/18067907/250357883-5a20e487-e7ff-4820-b9b1-65068da8d8fc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyOTU0NDIsIm5iZiI6MTcxOTI5NTE0MiwicGF0aCI6Ii8xODA2NzkwNy8yNTAzNTc4ODMtNWEyMGU0ODctZTdmZi00ODIwLWI5YjEtNjUwNjhkYThkOGZjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI1VDA1NTkwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc1YWViNThkZmZlZGIxYjhjNGE0MzA4ZGIyNmZlNGY4YmM1Zjk5NGE4MTMyNDEyOWQxYmRkNzkxZjJmOWE5OTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.k5ePw_VRLxhwcAk0yRXlDiLkn_qJqADHkxPTfPqpDuU)
![doc_dark](https://private-user-images.githubusercontent.com/18067907/250357937-909ba49d-72b1-4f90-8950-dadec99741a1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyOTU0NDIsIm5iZiI6MTcxOTI5NTE0MiwicGF0aCI6Ii8xODA2NzkwNy8yNTAzNTc5MzctOTA5YmE0OWQtNzJiMS00ZjkwLTg5NTAtZGFkZWM5OTc0MWExLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI1VDA1NTkwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRhNWI5MTg5ZWUwN2I4ZjljNzgwMTJlZjU3MDgxN2ZkMzVlNzQ1YzM1YTRiZTQ2M2FjNzQ3ZjMyNmY3OTdhOTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.whCRFPDq9_ruvG3lonzMW0D1VUEin6pcnLkV0S13g_w)
![blog_dark](https://private-user-images.githubusercontent.com/18067907/250358180-f68466fe-ba76-4792-a1cf-9adc5dcbf420.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyOTU0NDIsIm5iZiI6MTcxOTI5NTE0MiwicGF0aCI6Ii8xODA2NzkwNy8yNTAzNTgxODAtZjY4NDY2ZmUtYmE3Ni00NzkyLWExY2YtOWFkYzVkY2JmNDIwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI1VDA1NTkwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE3OGVmYWUwYjJhY2I5NGFkYWYzNGFmZDc3MDg1N2E0ZmI2M2E4ZTUxMGE5NDBkZmIwNDJhOTlmYzM1MDUzZDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.eYkaAwTBSeppriyv0wxEbWEVW_7DBkw5NIDS0oFSXAE)
![home_light](https://private-user-images.githubusercontent.com/18067907/250357896-90c09696-f196-481b-b058-1332ce432136.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyOTU0NDIsIm5iZiI6MTcxOTI5NTE0MiwicGF0aCI6Ii8xODA2NzkwNy8yNTAzNTc4OTYtOTBjMDk2OTYtZjE5Ni00ODFiLWIwNTgtMTMzMmNlNDMyMTM2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI1VDA1NTkwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg5YzI4MGRhMDMzN2ZiOTVhNDM1NWIzMzhmNzk2ZWExOGRiMjg1ZDY2ZmJkZjBmMDg2NjFjYzA4NThkNzgzYTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.JlweB4DBYKCxyE_2_9ACON2_3wNuDh4-dKjoRkU8lgw)
![doc_light](https://private-user-images.githubusercontent.com/18067907/250357949-6c942c42-a2d7-4945-ae07-eb4fdcaedff2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyOTU0NDIsIm5iZiI6MTcxOTI5NTE0MiwicGF0aCI6Ii8xODA2NzkwNy8yNTAzNTc5NDktNmM5NDJjNDItYTJkNy00OTQ1LWFlMDctZWI0ZmRjYWVkZmYyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI1VDA1NTkwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYzZjczNzdlYzdmMWNjOTNkZGI2ZWJkMjUwNWU4ODFkODM3NGZmODg4NGViYzdiNzQyNmZlN2NiNDYyMjYwYmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.1mXnL-PY_zzi8U1bnvy8pIc4zEbmAKcLBPOReceUR0U)
![blog_light](https://private-user-images.githubusercontent.com/18067907/250358130-d3b7c656-b942-4d7e-a2f9-6089de325429.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyOTU0NDIsIm5iZiI6MTcxOTI5NTE0MiwicGF0aCI6Ii8xODA2NzkwNy8yNTAzNTgxMzAtZDNiN2M2NTYtYjk0Mi00ZDdlLWEyZjktNjA4OWRlMzI1NDI5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI1VDA1NTkwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk4NWY4ZTY3ODdkNTA1N2M3MTViOWU1MGIxOGVjYjUwOGU2OTI0NzVkMWVlMzNkYzU3NDkyZjcxY2U1YzljMmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.R1QYHCmJmf4EqAYkZBPIYHZVR-g0fz2Vfl0bvMdi-5o)
- 自定义首页功能
- nprogress 插件
- back-to-top 插件
- comment 插件(目前仅支持 valine,vssue 还没有支持 Vue3)
- container 插件
- 公告 插件
- 代码预览 插件
- 按照文件夹自动进设置 categories
-
提供 tailwind 自定义 config 入口(后续官方所有风格和插件均采用 css + taiwindcss 方案) -
根据 tag 生成神经网络图(参考 obsidian) -
加密功能 -
loading 功能 -
增加 icon 功能 -
提供自定义任意页面的 API
- 完善文档
- 侧边栏样式优化
- 去除 scss,采用 css + postcss 方案
-
PWA 样式优化
- 增加 icon 功能
- 整站加密
- 提供 tailwind 自定义 config 入口(后续官方所有风格和插件均采用 css + taiwindcss 方案)
- PWA 样式优化
- algolia 搜索样式优化
- comment 插件增强
- 增加图片适配暗色模式的配置
- 对指定文件夹进行功能支持,比如 series、docs、blogs
P.S. Thanks to the two beauties for their contributions to the theme logo: Zoey and 冰冰.