learn-React 文档

Author: webVueBlog

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+docs/.vuepress/dist

README.md

@@ -1,2 +1,25 @@
-# learn-React
-learn-React 文档
+# learn-React 文档
+
+> 点击勘误[issues](https://github.com/webVueBlog/learn-React/issues)，哪吒感谢大家的阅读
+
+## 学前必读
+
+哪吒希望能为开发人员提供最大程度的愉悦开发体验。提供便捷的阅读文档，帮助前端开发小团体高效率的工作进度，并维护本站learn-React 文档。
+
+## 感谢指正
+
+指正不胜感激，无以回报。
+
+## 声明
+
+学习文档，仅适合本人食用！！!
+
+## 勘误及提问
+
+如果有疑问或者发现错误，可以在相应的 issues 进行提问或勘误。
+
+如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。
+
+## License
+
+所有文章采用[知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议](http://creativecommons.org/licenses/by-nc-sa/3.0/cn/)进行许可。

deploy.sh

@@ -0,0 +1,28 @@
+# 确保脚本抛出遇到的错误
+set -e
+
+# 打包生成静态文件
+yarn docs:build
+printf "打包成功\n"
+
+# 进入打包好的文件夹
+cd docs/.vuepress/dist
+
+# 写入域名 EOF是结束符标识
+# cat > CNAME << EOF
+# 1024bibi.com
+# EOF
+
+# 静态页面上传
+# 创建git的本地仓库，提交修改
+git init
+# ??
+git checkout -b dist
+git add -A
+git commit -m 'deploy'
+printf "本地提交成功\n"
+# 覆盖式地将本地仓库发布至github，因为发布不需要保留历史记录
+# 格式为：git push -f [email protected]:'用户名'/'仓库名'.git master
+git push -f https://github.com/webVueBlog/learn-React.git dist
+
+printf "dist目录上传成功\n"

docs/.vuepress/config.js

@@ -0,0 +1,72 @@
+module.exports = {
+	title: 'learn-React 文档',
+	description: 'learn-React 文档',
+	base: '/learn-React/',
+	theme: 'reco',
+	head: [
+		['meta', { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no' }]
+	],
+	plugins: [
+	  [
+		 'dynamic-title',
+		 {
+			showIcon: '/favicon.ico',
+			showText: '(/≧▽≦/)咦！又好了！',
+			hideIcon: '/failure.ico',
+			hideText: '(●—●)喔哟，崩溃啦！',
+			recoverTime: 2000,
+		 },
+	  ],
+	  ['vuepress-plugin-code-copy', true]
+   ],
+	locales: {
+		'/': {
+			lang: 'zh-CN'
+		}
+	},
+	themeConfig: {
+		lastUpdated: '上次更新',
+		subSidebar: 'auto',
+		nav: [{
+				text: '首页',
+				link: '/'
+			},
+			{
+				text: '星星♥',
+				link: 'https://github.com/webVueBlog/learn-React'
+			},
+			{
+		 	text: '哪吒的博客',
+				items: [{
+						text: 'Github',
+						link: 'https://github.com/webVueBlog'
+					},
+					{
+						text: '博客',
+						link: 'https://1024bibi.com'
+					}
+				]
+			}
+		],
+		sidebar: [{
+				title: '欢迎学习',
+				path: '/',
+				collapsable: false, // 不折叠
+				children: [{
+					title: "学前必读",
+					path: "/"
+				}]
+			},
+			{
+				title: "基础学习",
+				path: '/handbook/install',
+				// collapsable: false, // 不折叠
+				children: [{
+						title: "React 安装",
+						path: "/handbook/install"
+					}
+				],
+			},
+		]
+	}
+}

docs/.vuepress/styles/index.styl

@@ -0,0 +1,9 @@
+// 通过检查，查看元素样式声明
+.dark .content__default code {
+    background-color: rgba(58,58,92,0.7);
+    color: #fff;
+}
+
+.page .page-title {
+   display: none;
+}

docs/.vuepress/styles/palette.styl

@@ -0,0 +1 @@
+$accentColor = #3178c6

docs/README.md

@@ -0,0 +1,19 @@
+> 点击勘误[issues](https://github.com/webVueBlog/learn-React/issues)，哪吒感谢大家的阅读
+
+## 学前必读
+
+哪吒希望能为开发人员提供最大程度的愉悦开发体验。提供便捷的阅读文档，帮助前端开发小团体高效率的工作进度，并维护本站learn-React 文档。
+
+## 留言评论
+
+因为目前没有留言功能，请拉到文章底部，跳转到对应的 Github Issues，在 Issues 留言回复。
+
+<img src="./assets/20211213143926.png" style="display: flex; margin: auto; width: 100%;"/>
+
+## 感谢指正
+
+指正不胜感激，无以回报。
+
+## 声明
+
+学习文档，仅适合本人食用！！!

docs/assets/20211213143926.png

@@ -0,0 +1,2 @@
+> 点击勘误[issues](https://github.com/webVueBlog/learn-React/issues)，哪吒感谢大家的阅读
+

docs/handbook/install.md

@@ -0,0 +1,17 @@
+{
+	"devDependencies": {
+		"vuepress": "^1.9.5",
+		"vuepress-plugin-dynamic-title": "^1.0.0"
+	},
+	"scripts": {
+		"docs:dev": "vuepress dev docs",
+		"docs:build": "vuepress build docs"
+	},
+	"dependencies": {
+		"@vuepress-reco/vuepress-plugin-back-to-top": "^1.6.0",
+		"@vuepress-reco/vuepress-plugin-screenfull": "^1.0.1",
+		"@vuepress/plugin-medium-zoom": "^1.9.5",
+		"vuepress-plugin-code-copy": "^1.0.6",
+		"vuepress-theme-reco": "^1.6.10"
+	}
+}