feat: 升级

.dumi/layouts/index.tsx

@@ -1,12 +0,0 @@
-// .dumi/theme/layout.tsx(本地主题) 或 src/layout.tsx(主题包)
-import React from 'react';
-import Layout from 'dumi-theme-default/es/layout';
-
-export default ({ children, ...props }) => (
-  <Layout {...props}>
-    <>
-      <button>反馈</button>
-      {children}
-    </>
-  </Layout>
-);

.dumi/theme/layout.tsx

@@ -1,32 +0,0 @@
-// .dumi/theme/layout.tsx(本地主题) 或 src/layout.tsx(主题包)
-import React, { useEffect } from 'react';
-import Layout from 'dumi-theme-default/es/layout';
-
-export default ({ children, ...props }) => {
-  const { history } = props;
-
-  useEffect(() => {
-    const header = document.querySelector('.__dumi-default-navbar')
-    const cont = document.querySelector('.__dumi-default-layout-content')
-    const lo = document.querySelector('.__dumi-default-layout')
-
-    if (location.hash === '#/resume' && lo) {
-
-      cont.style.position = 'relative'
-      cont.style.top = '-64px'
-      header.style.display = 'none'
-    } else {
-      cont.style.position = 'relative'
-      cont.style.top = '0'
-      header.style.display = 'flex'
-    }
-  },[location.hash])
-
-  return (
-    <Layout {...props}>
-      <>
-        {children}
-      </>
-    </Layout>
-  )
-};

.dumirc.ts

@@ -0,0 +1,38 @@
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  themeConfig: {
+    name: 'nicenote',
+    navs: [
+      null,
+      {
+        title: 'GitHub',
+        path: 'git@github.com:j710328466/learn-note.git',
+      },
+    ]
+  },
+  favicons: ['https://jzx-h5.oss-cn-hangzhou.aliyuncs.com/logo.ico'],
+  // logo: 'http://jzx-h5.oss-cn-hangzhou.aliyuncs.com/logo.png',
+  outputPath: 'docs-dist',
+  hash: true,
+  history: {
+    type: 'hash',
+  },
+  publicPath: '/',
+  resolve: {
+    docDirs: ['docs'],
+    atomDirs: [{ type: 'component', dir: 'src' }],
+    codeBlockMode: 'passive',
+  },
+  locales: [{ id: 'zh-CN', name: '中文' }], // 2.0 默认值
+  analyze: {
+    analyzerMode: 'server',
+    analyzerPort: 8888,
+    openAnalyzer: false,
+    // generate stats file while ANALYZE_DUMP exist
+    generateStatsFile: false,
+    statsFilename: 'stats.json',
+    logLevel: 'info',
+    defaultSizes: 'parsed', // stat  // gzip
+  }
+});

.editorconfig

@@ -11,6 +11,3 @@ insert_final_newline = true
 
 [*.md]
 trim_trailing_whitespace = false
-
-[Makefile]
-indent_style = tab

.fatherrc.ts

@@ -1,4 +0,0 @@
-export default {
-  esm: 'rollup',
-  cjs: 'rollup',
-};

.gitignore

@@ -1,25 +1,5 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/npm-debug.log*
-/yarn-error.log
-/yarn.lock
-/package-lock.json
-
-# production
+node_modules
 /dist
-/docs-dist
-
-# misc
+.dumi/tmp
+.dumi/tmp-production
 .DS_Store
-
-# umi
-.umi
-.umi-production
-.umi-test
-.env.local
-
-# ide
-/.vscode
-/.idea

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx commitlint --edit "${1}"

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

.prettierignore

@@ -1,7 +1,3 @@
-**/*.svg
-**/*.ejs
-**/*.html
-package.json
-.umi
-.umi-production
-.umi-test
+.dumi/tmp
+.dumi/tmp-production
+*.yaml

.prettierrc

@@ -1,11 +0,0 @@
-{
-  "singleQuote": true,
-  "trailingComma": "all",
-  "printWidth": 80,
-  "overrides": [
-    {
-      "files": ".prettierrc",
-      "options": { "parser": "json" }
-    }
-  ]
-}

.prettierrc.js

@@ -0,0 +1,14 @@
+module.exports = {
+  printWidth: 80,
+  proseWrap: 'never',
+  singleQuote: true,
+  trailingComma: 'all',
+  overrides: [
+    {
+      files: '*.md',
+      options: {
+        proseWrap: 'preserve',
+      },
+    },
+  ],
+};

.umi/core/devScripts.ts

@@ -0,0 +1,53 @@
+// @ts-nocheck
+
+if (window.g_initWebpackHotDevClient) {
+  function tryApplyUpdates(onHotUpdateSuccess?: Function) {
+    // @ts-ignore
+    if (!module.hot) {
+      window.location.reload();
+      return;
+    }
+
+    function isUpdateAvailable() {
+      // @ts-ignore
+      return window.g_getMostRecentCompilationHash() !== __webpack_hash__;
+    }
+
+    // TODO: is update available?
+    // @ts-ignore
+    if (!isUpdateAvailable() || module.hot.status() !== 'idle') {
+      return;
+    }
+
+    function handleApplyUpdates(err: Error | null, updatedModules: any) {
+      if (err || !updatedModules || window.g_getHadRuntimeError()) {
+        window.location.reload();
+        return;
+      }
+
+      onHotUpdateSuccess?.();
+
+      if (isUpdateAvailable()) {
+        // While we were updating, there was a new update! Do it again.
+        tryApplyUpdates();
+      }
+    }
+
+    // @ts-ignore
+    module.hot.check(true).then(
+      function (updatedModules: any) {
+        handleApplyUpdates(null, updatedModules);
+      },
+      function (err: Error) {
+        handleApplyUpdates(err, null);
+      },
+    );
+  }
+
+  window.g_initWebpackHotDevClient({
+    tryApplyUpdates,
+  });
+}
+
+export const __mfsu = 1;
+      

.umi/core/history.ts

@@ -0,0 +1,21 @@
+// @ts-nocheck
+import { createBrowserHistory, History } from '/Users/teddyj/Library/Mobile Documents/com~apple~CloudDocs/Documents/workspace/dev/nicenote/node_modules/_@umijs_runtime@3.5.41@@umijs/runtime';
+
+let options = {
+  "basename": "/"
+};
+if ((<any>window).routerBase) {
+  options.basename = (<any>window).routerBase;
+}
+
+// remove initial history because of ssr
+let history: History = process.env.__IS_SERVER ? null : createBrowserHistory(options);
+export const createHistory = (hotReload = false) => {
+  if (!hotReload) {
+    history = createBrowserHistory(options);
+  }
+
+  return history;
+};
+
+export { history };

.umi/core/plugin.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+import { Plugin } from '/Users/teddyj/Library/Mobile Documents/com~apple~CloudDocs/Documents/workspace/dev/nicenote/node_modules/_@umijs_runtime@3.5.41@@umijs/runtime';
+
+const plugin = new Plugin({
+  validKeys: ['modifyClientRenderOpts','patchRoutes','rootContainer','render','onRouteChange','__mfsu',],
+});
+
+export { plugin };

.umi/core/pluginConfig.d.ts

@@ -0,0 +1,297 @@
+// Created by Umi Plugin
+
+export interface IConfigFromPlugins {
+"404"?: boolean
+routes?: {
+/**
+ * Any valid URL path
+ */
+path?: string
+/**
+ * A React component to render only when the location matches.
+ */
+component?: (string | (() => any))
+wrappers?: string[]
+/**
+ * navigate to a new location
+ */
+redirect?: string
+/**
+ * When true, the active class/style will only be applied if the location is matched exactly.
+ */
+exact?: boolean
+routes?: any[]
+[k: string]: any
+}[]
+history?: {
+type?: ("browser" | "hash" | "memory")
+options?: {
+
+}
+}
+polyfill?: {
+imports?: string[]
+}
+alias?: {
+
+}
+analyze?: {
+analyzerMode?: ("server" | "static" | "disabled")
+analyzerHost?: string
+analyzerPort?: any
+openAnalyzer?: boolean
+generateStatsFile?: boolean
+statsFilename?: string
+logLevel?: ("info" | "warn" | "error" | "silent")
+defaultSizes?: ("stat" | "parsed" | "gzip")
+[k: string]: any
+}
+/**
+ * postcss autoprefixer, default flexbox: no-2009
+ */
+autoprefixer?: {
+
+}
+base?: string
+chainWebpack?: (() => any)
+chunks?: string[]
+/**
+ * more css-loader options see https://webpack.js.org/loaders/css-loader/#options
+ */
+cssLoader?: {
+url?: (boolean | (() => any))
+import?: (boolean | (() => any))
+modules?: (boolean | string | {
+
+})
+sourceMap?: boolean
+importLoaders?: number
+onlyLocals?: boolean
+esModule?: boolean
+localsConvention?: ("asIs" | "camelCase" | "camelCaseOnly" | "dashes" | "dashesOnly")
+}
+cssModulesTypescriptLoader?: {
+mode?: ("emit" | "verify")
+}
+cssnano?: {
+
+}
+copy?: any[]
+define?: {
+
+}
+devScripts?: {
+
+}
+/**
+ * devServer configs
+ */
+devServer?: {
+/**
+ * devServer port, default 8000
+ */
+port?: number
+host?: string
+https?: ({
+key?: string
+cert?: string
+http2?: boolean
+[k: string]: any
+} | boolean)
+headers?: {
+
+}
+writeToDisk?: (boolean | (() => any))
+[k: string]: any
+}
+devtool?: string
+/**
+ * Code splitting for performance optimization
+ */
+dynamicImport?: {
+/**
+ * loading the component before loaded
+ */
+loading?: string
+}
+/**
+ * Code splitting for import statement syntax
+ */
+dynamicImportSyntax?: {
+
+}
+exportStatic?: {
+htmlSuffix?: boolean
+dynamicRoot?: boolean
+supportWin?: boolean
+/**
+ * extra render paths only enable in ssr
+ */
+extraRoutePaths?: (() => any)
+}
+externals?: ({
+
+} | string | (() => any))
+extraBabelIncludes?: any[]
+extraBabelPlugins?: any[]
+extraBabelPresets?: any[]
+extraPostCSSPlugins?: any[]
+/**
+ * fork-ts-checker-webpack-plugin options see https://github.com/TypeStrong/fork-ts-checker-webpack-plugin#options
+ */
+forkTSChecker?: {
+async?: boolean
+typescript?: (boolean | {
+
+})
+eslint?: {
+
+}
+issue?: {
+
+}
+formatter?: (string | {
+
+})
+logger?: {
+
+}
+[k: string]: any
+}
+fastRefresh?: {
+
+}
+hash?: boolean
+ignoreMomentLocale?: boolean
+inlineLimit?: number
+lessLoader?: {
+
+}
+manifest?: {
+fileName?: string
+publicPath?: ""
+basePath?: string
+writeToFileEmit?: boolean
+}
+/**
+ * open mfsu feature
+ */
+mfsu?: {
+development?: {
+output?: string
+}
+production?: {
+output?: string
+}
+mfName?: string
+exportAllMembers?: {
+
+}
+chunks?: string[]
+ignoreNodeBuiltInModules?: boolean
+}
+mountElementId?: ""
+mpa?: {
+
+}
+nodeModulesTransform?: {
+type?: ("all" | "none")
+exclude?: string[]
+}
+outputPath?: ""
+plugins?: string[]
+postcssLoader?: {
+
+}
+presets?: string[]
+proxy?: {
+
+}
+publicPath?: string
+runtimePublicPath?: boolean
+ssr?: {
+/**
+ * force execing Page getInitialProps functions
+ */
+forceInitial?: boolean
+/**
+ * remove window.g_initialProps in html
+ */
+removeWindowInitialProps?: boolean
+/**
+ * disable serve-side render in umi dev mode.
+ */
+devServerRender?: boolean
+mode?: ("stream" | "string")
+/**
+ * static markup in static site
+ */
+staticMarkup?: boolean
+}
+singular?: boolean
+styleLoader?: {
+
+}
+targets?: {
+
+}
+terserOptions?: {
+
+}
+theme?: {
+
+}
+runtimeHistory?: {
+
+}
+webpack5?: {
+lazyCompilation?: {
+entries?: boolean
+imports?: boolean
+test?: any
+}
+}
+workerLoader?: {
+
+}
+favicon?: string
+headScripts?: any[]
+links?: any[]
+metas?: any[]
+scripts?: any[]
+styles?: any[]
+title?: string
+mock?: {
+exclude?: string[]
+}
+themeConfig?: {
+
+}
+logo?: (string | boolean)
+mode?: any
+description?: string
+locales?: string[][]
+resolve?: {
+
+}
+menus?: {
+
+}
+navs?: (any[] | {
+
+})
+algolia?: {
+appId?: string
+apiKey?: string
+indexName?: string
+debug?: boolean
+}
+sitemap?: {
+hostname?: string
+excludes?: string[]
+}
+apiParser?: {
+
+}
+[k: string]: any
+}

.umi/core/pluginRegister.ts

@@ -0,0 +1,5 @@
+// @ts-nocheck
+import { plugin } from './plugin';
+
+
+export const __mfsu = 1;

.umi/core/polyfill.ts

@@ -0,0 +1,4 @@
+// @ts-nocheck
+import 'core-js';
+import 'regenerator-runtime/runtime';
+export {};

.umi/core/routes.ts

@@ -0,0 +1,129 @@
+// @ts-nocheck
+import React from 'react';
+import { ApplyPluginsType } from '/Users/teddyj/Library/Mobile Documents/com~apple~CloudDocs/Documents/workspace/dev/nicenote/node_modules/_@umijs_runtime@3.5.41@@umijs/runtime';
+import * as umiExports from './umiExports';
+import { plugin } from './plugin';
+
+export function getRoutes() {
+  const routes = [
+  {
+    "path": "/~demos/:uuid",
+    "layout": false,
+    "wrappers": [require('../dumi/layout').default],
+    "component": ((props) => {
+        const React = require('react');
+        const { default: getDemoRenderArgs } = require('/Users/teddyj/Library/Mobile Documents/com~apple~CloudDocs/Documents/workspace/dev/nicenote/node_modules/_@umijs_preset-dumi@1.1.53@@umijs/preset-dumi/lib/plugins/features/demo/getDemoRenderArgs');
+        const { default: Previewer } = require('dumi-theme-default/es/builtins/Previewer.js');
+        const { usePrefersColor, context } = require('dumi/theme');
+
+        
+      const { demos } = React.useContext(context);
+      const [renderArgs, setRenderArgs] = React.useState([]);
+
+      // update render args when props changed
+      React.useLayoutEffect(() => {
+        setRenderArgs(getDemoRenderArgs(props, demos));
+      }, [props.match.params.uuid, props.location.query.wrapper, props.location.query.capture]);
+
+      // for listen prefers-color-schema media change in demo single route
+      usePrefersColor();
+
+      switch (renderArgs.length) {
+        case 1:
+          // render demo directly
+          return renderArgs[0];
+
+        case 2:
+          // render demo with previewer
+          return React.createElement(
+            Previewer,
+            renderArgs[0],
+            renderArgs[1],
+          );
+
+        default:
+          return `Demo ${props.match.params.uuid} not found :(`;
+      }
+    
+        })
+  },
+  {
+    "path": "/_demos/:uuid",
+    "redirect": "/~demos/:uuid"
+  },
+  {
+    "__dumiRoot": true,
+    "layout": false,
+    "path": "/",
+    "wrappers": [require('../dumi/layout').default, require('/Users/teddyj/Library/Mobile Documents/com~apple~CloudDocs/Documents/workspace/dev/nicenote/node_modules/_dumi-theme-default@1.1.24@dumi-theme-default/es/layout.js').default],
+    "routes": [
+      {
+        "path": "/guide",
+        "component": require('/Users/teddyj/Library/Mobile Documents/com~apple~CloudDocs/Documents/workspace/dev/nicenote/new/docs/guide.md').default,
+        "exact": true,
+        "meta": {
+          "filePath": "docs/guide.md",
+          "updatedTime": 1698630719271,
+          "slugs": [],
+          "title": "Guide"
+        },
+        "title": "Guide - nicenote"
+      },
+      {
+        "path": "/",
+        "component": require('/Users/teddyj/Library/Mobile Documents/com~apple~CloudDocs/Documents/workspace/dev/nicenote/new/docs/index.md').default,
+        "exact": true,
+        "meta": {
+          "filePath": "docs/index.md",
+          "updatedTime": 1698630719273,
+          "title": "A static site based on dumi",
+          "hero": {
+            "title": "Site",
+            "description": "nicenote,nicecode,学习,总结",
+            "actions": [
+              {
+                "text": "Hello",
+                "link": "/"
+              },
+              {
+                "text": "World",
+                "link": "/"
+              }
+            ]
+          },
+          "features": [
+            {
+              "title": "Hello",
+              "emoji": "💎",
+              "description": "Put hello description here"
+            },
+            {
+              "title": "World",
+              "emoji": "🌈",
+              "description": "Put world description here"
+            },
+            {
+              "title": "!",
+              "emoji": "🚀",
+              "description": "Put ! description here"
+            }
+          ],
+          "slugs": []
+        },
+        "title": "A static site based on dumi - nicenote"
+      }
+    ],
+    "title": "nicenote",
+    "component": (props) => props.children
+  }
+];
+
+  // allow user to extend routes
+  plugin.applyPlugins({
+    key: 'patchRoutes',
+    type: ApplyPluginsType.event,
+    args: { routes },
+  });
+
+  return routes;
+}

.umi/core/umiExports.ts

@@ -0,0 +1,3 @@
+// @ts-nocheck
+export { history } from './history';
+export { plugin } from './plugin';

.umi/dumi/apis.json

@@ -0,0 +1 @@
+{}

.umi/dumi/config.json

@@ -0,0 +1,32 @@
+{
+  "menus": {
+    "en-US": {
+      "*": [
+        {
+          "path": "/",
+          "title": "A static site based on dumi",
+          "meta": {}
+        },
+        {
+          "path": "/guide",
+          "title": "Guide",
+          "meta": {}
+        }
+      ]
+    }
+  },
+  "locales": [
+    {
+      "name": "en-US",
+      "label": "English"
+    }
+  ],
+  "navs": {},
+  "title": "nicenote",
+  "mode": "doc",
+  "repository": {
+    "url": "",
+    "branch": "master"
+  },
+  "theme": {}
+}

.umi/dumi/demos/index.ts

@@ -0,0 +1,6 @@
+// @ts-nocheck
+import React from 'react';
+import { dynamic } from 'dumi';
+
+export default {
+};

.umi/dumi/layout.tsx

@@ -0,0 +1,8 @@
+// @ts-nocheck
+import React from 'react';
+import config from '@@/dumi/config';
+import demos from '@@/dumi/demos';
+import apis from '@@/dumi/apis';
+import Layout from '/Users/teddyj/Library/Mobile Documents/com~apple~CloudDocs/Documents/workspace/dev/nicenote/node_modules/_@umijs_preset-dumi@1.1.53@@umijs/preset-dumi/lib/theme/layout';
+
+export default (props) => <Layout {...props} config={config} demos={demos} apis={apis} />;

.umi/umi.ts

@@ -0,0 +1,58 @@
+// @ts-nocheck
+import './core/polyfill';
+import '@@/core/devScripts';
+import { plugin } from './core/plugin';
+import './core/pluginRegister';
+import { createHistory } from './core/history';
+import { ApplyPluginsType } from '/Users/teddyj/Library/Mobile Documents/com~apple~CloudDocs/Documents/workspace/dev/nicenote/node_modules/_@umijs_runtime@3.5.41@@umijs/runtime';
+import { renderClient } from '/Users/teddyj/Library/Mobile Documents/com~apple~CloudDocs/Documents/workspace/dev/nicenote/node_modules/_@umijs_renderer-react@3.5.41@@umijs/renderer-react/dist/index.js';
+import { getRoutes } from './core/routes';
+
+
+
+
+const getClientRender = (args: { hot?: boolean; routes?: any[] } = {}) => plugin.applyPlugins({
+  key: 'render',
+  type: ApplyPluginsType.compose,
+  initialValue: () => {
+    const opts = plugin.applyPlugins({
+      key: 'modifyClientRenderOpts',
+      type: ApplyPluginsType.modify,
+      initialValue: {
+        routes: args.routes || getRoutes(),
+        plugin,
+        history: createHistory(args.hot),
+        isServer: process.env.__IS_SERVER,
+        rootElement: 'root',
+        defaultTitle: ``,
+      },
+    });
+    return renderClient(opts);
+  },
+  args,
+});
+
+const clientRender = getClientRender();
+export default clientRender();
+
+
+    window.g_umi = {
+      version: '3.5.41',
+    };
+  
+
+// hot module replacement
+// @ts-ignore
+if (module.hot) {
+  // @ts-ignore
+  module.hot.accept('./core/routes', () => {
+    const ret = require('./core/routes');
+    if (ret.then) {
+      ret.then(({ getRoutes }) => {
+        getClientRender({ hot: true, routes: getRoutes() })();
+      });
+    } else {
+      getClientRender({ hot: true, routes: ret.getRoutes() })();
+    }
+  });
+}

.umirc.ts

@@ -1,39 +0,0 @@
-import { defineConfig } from 'dumi';
-
-export default defineConfig({
-  title: 'NiceNote',
-  favicon: 'https://jzx-h5.oss-cn-hangzhou.aliyuncs.com/logo.ico',
-  logo: 'http://jzx-h5.oss-cn-hangzhou.aliyuncs.com/logo.png',
-  outputPath: 'docs-dist',
-  hash: true,
-  dynamicImport: {},
-  history: {
-    type: 'hash',
-  },
-  mode: 'site',
-  publicPath: '/',
-  resolve: {
-    includes: [
-      'docs',
-      'src'
-    ],
-  },
-  locales: [['zh-CN', '中文']],
-  navs: [
-    null,
-    {
-      title: 'GitHub',
-      path: 'git@github.com:j710328466/learn-note.git',
-    },
-  ],
-  analyze: {
-    analyzerMode: 'server',
-    analyzerPort: 8888,
-    openAnalyzer: false,
-    // generate stats file while ANALYZE_DUMP exist
-    generateStatsFile: false,
-    statsFilename: 'stats.json',
-    logLevel: 'info',
-    defaultSizes: 'parsed', // stat  // gzip
-  }
-});

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Dev
+Copyright (c) 71032866@qq.com
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,27 +1,20 @@
-# learn-note
+# nicenote
 
-## Getting Started
+A static site base on [dumi](https://d.umijs.org).
 
-Install dependencies,
+## Development
 
 ```bash
-$ npm i
+# install dependencies
+$ cnpm install
+
+# start dev server
+$ cnpm start
+
+# build docs
+$ cnpm run build
 ```
 
-Start the dev server,
+## LICENSE
 
-```bash
-$ npm start
-```
-
-Build documentation,
-
-```bash
-$ npm run docs:build
-```
-
-Build library via `father-build`,
-
-```bash
-$ npm run build
-```
+MIT

commitlint.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  extends: ["@nicecode/commit-lint"]
-};

docs/fea/svg/index.md

@@ -4,7 +4,7 @@ nav:
   path: /fea
 group:
   title: 💊 SVG
-  order: 3
+  order: 1
   path: /svg
 ---
 
@@ -33,4 +33,4 @@ export default () => {
 
 ## 基础动画案例
 
-<code src="./demos/ok.tsx" />
+<!-- <code src="./demos/ok.tsx" ></code> -->

docs/fea/webgl/intro.md

@@ -14,9 +14,11 @@ group:
 
 ### 基本对象
 
+一个基本的3d场景需要包括的以下几个必备要素：
+
 - 场景：scence
 - 相机：camera
-- 相机创建实例图（THREE.PerspectiveCamera(fovy, aspect, zNear, zFar)）：
+- 相机创建实例图（THREE.PerspectiveCamera(fov, aspect, zNear, zFar)）：
 - 渲染器：renderer
 
 ### 绘制方法
@@ -37,13 +39,20 @@ group:
 - 视窗（Viewports）
 - 着色器（shader）
 
-### pixi 
+## pixi
 
 一款基于webGL的 2d渲染引擎，用来写一些bit游戏还是挺好用的。
 
+## threeJs
+
+目前比较热门的基于webgl的框架，缺点是每个版本之间的接口差异较大，所以使用的时候需要根据版本来找对应的接口文档
+
+本文会更多的以threejs为基础框架来展开深入构建一个3Dweb世界
+
 参考的文档有以下：
 
 1. [pixi中文](http://pixijs.huashengweilai.com/guide/start/9.make-sprite-from-texture-atlas.html#%E9%80%9A%E8%BF%87%E7%BA%B9%E7%90%86%E8%B4%B4%E5%9B%BE%E9%9B%86%E5%88%9B%E5%BB%BA%E7%B2%BE%E7%81%B5)
 2. [PIXI API大全](https://pixijs.download/release/docs/index.html)
 3. [bit 贴图大全](https://opengameart.org/)
 4. [threeJs](https://techbrood.com/threejs/examples/#webgl_shadowmap_pointlight)
+5. [puxiao的教程](https://github.com/puxiao/threejs-tutorial)

docs/index.md

@@ -1,20 +1,17 @@
 ---
+title: A static site based on dumi
 hero:
-  title: Nice Note
-  desc: 💊 Dev's 笔记
+  title: NiceNote
+  description: dev 的学习博客
   actions:
     - text: 开始学习
       link: /fea/website
 features:
-  - icon: http://jzx-h5.oss-cn-hangzhou.aliyuncs.com/logo.png
-    title: NiceCode
-    desc: <a href="https://nicecoders.github.io">前端工具合集</a>
-
-footer: Open-source MIT Licensed | Copyright © 2019<br />Powered by Dev
+  - emoji: 🍍
+    title: nicecode
+    description: <a href="https://nicecoders.github.io">前端工具合集</a>
 ---
 
-嗨，我是 dev，这是我用来记录我的职业生涯总结的各种乱七八糟的知识点，希望能对你有帮助
-
-## 更新日志
+这是我用来记录我的职业生涯总结的各种乱七八糟的知识点，希望能对你有帮助
 
 <embed src="../CHANGELOG.md"></embed>

package.json

@@ -1,67 +1,34 @@
 {
-  "private": true,
-  "name": "learn-note",
-  "version": "1.0.0",
+  "name": "nicenote",
+  "version": "0.0.1",
+  "description": "nicenote,nicecode,学习,总结",
   "scripts": {
-    "start": "dumi dev",
-    "docs:build": "dumi build",
-    "docs:deploy": "gh-pages -d docs-dist",
-    "build": "father-build",
-    "deploy": "npm run docs:build && npm run docs:deploy",
-    "release": "npm run build && npm publish",
-    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
-    "test": "umi-test",
-    "test:coverage": "umi-test --coverage",
-    "cz": "git add . && git cz",
-    "log": "conventional-changelog -n node_modules/@nicecode/changelog -i CHANGELOG.md -s -r 0"
+    "start": "npm run dev",
+    "dev": "dumi dev",
+    "build": "dumi build",
+    "deploy": "npm run build && gh-pages -d docs-dist",
+    "prepare": "husky install && dumi setup"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.ts",
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged",
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
-  },
-  "config": {
-    "commitizen": {
-      "path": "@nicecode/commit"
-    }
-  },
-  "lint-staged": {
-    "*.{js,jsx,less,md,json}": [
-      "prettier --write"
-    ],
-    "*.ts?(x)": [
-      "prettier --parser=typescript --write"
+  "authors": [
+    "71032866@qq.com"
+  ],
+  "license": "MIT",
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
     ]
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/j710328466/j710328466.github.io",
-    "branch": "master",
-    "platform": "github"
-  },
-  "dependencies": {
-    "@nicecode/css": "^0.0.8",
-    "n": "^9.0.1",
-    "react": "^16.12.0"
+  "lint-staged": {
+    "*.{md,json}": [
+      "prettier --write --no-error-on-unmatched-pattern"
+    ]
   },
   "devDependencies": {
-    "@nicecode/changelog": "^0.2.0",
-    "@nicecode/commit": "^0.0.12",
-    "@nicecode/commit-lint": "^0.1.2",
-    "@umijs/test": "^3.0.5",
-    "commitizen": "^4.2.4",
-    "commitlint": "^13.1.0",
-    "conventional-changelog-cli": "^2.1.1",
-    "dumi": "^1.0.16",
-    "father-build": "^1.17.2",
-    "gh-pages": "^3.0.0",
-    "husky": "^7.0.4",
-    "lint-staged": "^10.0.7",
-    "prettier": "^2.2.1",
-    "yorkie": "^2.0.0"
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "dumi": "^2.2.13",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1"
   }
 }

src/canvas/index.md

@@ -12,19 +12,19 @@ group:
 
 ### 粒子背景
 
-<code src="./demos/ParticleBG/index.jsx" />
+<code src="./demos/ParticleBG/index.jsx" ></code>
 
 ### 粒子图片
 
-<code src="./demos/ParticleIMG/index.jsx" />
+<code src="./demos/ParticleIMG/index.jsx" ></code>
 
 ### 贪吃蛇
 
-<code src="./demos/Snake/index.jsx" />
+<code src="./demos/Snake/index.jsx" ></code>
 
 ### 液体海报
 
-<code src="./demos/LiquidPost/index.jsx" />
+<code src="./demos/LiquidPost/index.jsx" ></code>
 
 ### 大转盘（doing）
 
@@ -228,7 +228,7 @@ export default () => {
 
     return (
         <div>
-            <canvas ref={canvasRef} width="200" height="200" />
+            <canvas ref={canvasRef} width="200" height="200" ></code>
         </div>
     )
 }
@@ -236,7 +236,7 @@ export default () => {
 
 ### 火焰
 
-<code src="./demos/Fire/index.jsx" />
+<code src="./demos/Fire/index.jsx" ></code>
 
 ### 星空
 
@@ -351,7 +351,7 @@ export default () => {
 
     return (
         <div>
-            <canvas ref={canvasRef} width="200" height="200" />
+            <canvas ref={canvasRef} width="200" height="200" ></code>
         </div>
     )
 }
@@ -461,7 +461,7 @@ export default () => {
 
     return (
         <div>
-            <canvas ref={canvasRef} width="200" height="200" />
+            <canvas ref={canvasRef} width="200" height="200" ></code>
         </div>
     )
 }
@@ -551,7 +551,7 @@ export default () => {
 
     return (
         <div>
-            <canvas ref={canvasRef} width="200" height="200" />
+            <canvas ref={canvasRef} width="200" height="200" ></code>
         </div>
     )
 }
@@ -559,4 +559,4 @@ export default () => {
 
 ### 时钟
 
-<code src="./demos/Clock/index.jsx" />
+<code src="./demos/Clock/index.jsx" ></code>

src/css/index.md

@@ -14,44 +14,44 @@ group:
 ### 心跳卡片
 
 <a href="https://codepen.io/gayane-gasparyan/pen/jOmaBQK">参考</a>
-<code src="./demos/HeartBeat/index.tsx" />
+<code src="./demos/HeartBeat/index.tsx" ></code>
 
 ### 小球动画
 
-<code src="./demos/demo10/index.tsx" />
+<code src="./demos/demo10/index.tsx" ></code>
 
 ### 3D 方块
 
-<code src="./demos/demo9/index.tsx" />
+<code src="./demos/demo9/index.tsx" ></code>
 
 ### 3D 导航条
 
-<code src="./demos/demo8/index.tsx" />
+<code src="./demos/demo8/index.tsx" ></code>
 
 ### 键盘打字效果
 
-<code src="./demos/demo7/index.tsx" />
+<code src="./demos/demo7/index.tsx" ></code>
 
 ### 镂空文字背景
 
-<code src="./demos/demo1/index.tsx" />
+<code src="./demos/demo1/index.tsx" ></code>
 
 ### 按钮合集
 
-<code src="./demos/demo2/index.tsx" />
+<code src="./demos/demo2/index.tsx" ></code>
 
 ### Svg 蒙版
 
-<code src="./demos/demo3/index.tsx" />
+<code src="./demos/demo3/index.tsx" ></code>
 
 ### 毛玻璃蒙版
 
-<code src="./demos/demo4/index.tsx" />
+<code src="./demos/demo4/index.tsx" ></code>
 
 ### 渐变文字
 
-<code src="./demos/demo5/index.tsx" />
+<code src="./demos/demo5/index.tsx" ></code>
 
 ### 渐变文字
 
-<code src="./demos/demo6/index.tsx" />
+<code src="./demos/demo6/index.tsx" ></code>

src/index.md

@@ -4,7 +4,7 @@ nav:
   path: /funny
 group:
   title: 说明
-  order: 3
+  order: 4
   path: /code
 ---
 

src/index.ts

@@ -1 +0,0 @@
-console.log(123)