diff --git a/config/config.ts b/config/config.ts
index b7d2a6f0d088352be3bb50c833d6918dd1920ce7..179707c6524637f408b4055f1af45bd5a05cbe97 100644
--- a/config/config.ts
+++ b/config/config.ts
@@ -84,6 +84,7 @@ const uglifyJSOptions =
       }
     : {};
 export default {
+  publicPath: "/test",
   // add for transfer to umi
   plugins,
   define: {
@@ -109,6 +110,12 @@ export default {
           icon: 'smile',
           component: './Welcome',
         },
+        {
+          path: '/demo',
+          name: 'demo',
+          icon: 'smile',
+          component: './demo',
+        },
       ],
     },
   ],
diff --git a/public/iamges/todo1.png b/public/iamges/todo1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6c8dbd6a1ec69e438c35e04686e11cc243cd8b1
Binary files /dev/null and b/public/iamges/todo1.png differ
diff --git a/src/pages/demo/index.js b/src/pages/demo/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..664da9afd5ac37a4062e71fd677bdc2eb967ecbd
--- /dev/null
+++ b/src/pages/demo/index.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import { connect } from 'dva';
+// import styles from './index.less';
+
+@connect()
+class Index extends React.Component {
+  componentDidMount() {}
+
+  render() {
+    return (
+      <div className={styles.root}>
+        hello world
+        <img src="iamges/todo.png" alt="demo" />
+      </div>
+    );
+  }
+}
+
+export default Index;
diff --git a/src/pages/demo/index.less b/src/pages/demo/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..9e1180572cdfdd4488da0303205c5ab00b4c1f6e
--- /dev/null
+++ b/src/pages/demo/index.less
@@ -0,0 +1,3 @@
+.root {
+  margin-bottom: 0;
+}
diff --git "a/\347\216\257\345\242\203.md" "b/\347\216\257\345\242\203.md"
new file mode 100644
index 0000000000000000000000000000000000000000..fc69a65f98c8f748b49f8006de9c826517184719
--- /dev/null
+++ "b/\347\216\257\345\242\203.md"
@@ -0,0 +1,80 @@
+### 安装node
+
+### npm配置
+
+设置npm全局与缓存路径
+
+```
+npm config set prefix "F:\NODEJS\node_global"
+ 
+npm config set cache "F:\NODEJS\node_cache"
+```
+
+查看npm配置
+
+```
+npm config list
+```
+
+设置npm镜像源
+
+```
+npm config set registry https://registry.npm.taobao.org --global
+npm config set disturl https://npm.taobao.org/dist --global
+```
+
+### 安装yarn
+
+### 安装yrm
+
+切换仓库数据源
+
+### 屏幕分辨率支持
+
+1. 最低分辨率1366*768
+2. 最佳分辨率 1920*1080
+
+### package.json
+
+```
+private
+如果你在包的package.json中设置"private": true，则npm会拒绝发布它。
+```
+
+### lint
+
+1. 远程lint
+
+2. 本地lint
+
+   1. [husky](https://github.com/typicode/husky)
+
+      `husky` 其实就是一个为 `git` 客户端增加 hook 的工具
+
+   2. [pre-commit](https://github.com/observing/pre-commit) 
+
+   3.  [lint-staged](https://github.com/okonet/lint-staged) 每次提交只检查本次提交所修改的文件
+
+
+
+
+
+
+
+### 专业名词
+
+| 英文缩写 | 英文全称 | 中文含义 |
+| -------- | -------- | -------- |
+| CI       |          | 持续集成 |
+|          |          |          |
+|          |          |          |
+
+
+
+
+
+
+
+### 参考链接
+
+1. lint <https://segmentfault.com/a/1190000009546913>
\ No newline at end of file