├── public
    ├── favicon.ico
    ├── img
    │   ├── hbewm.png
    │   ├── header.png
    │   ├── read.png
    │   └── donatezfb.png
    ├── manifest.json
    ├── index.html
    └── bookSource.html
├── src
    ├── App.test.js
    ├── component
    │   ├── scrollToTop.js
    │   ├── theme.js
    │   ├── main.js
    │   ├── sourceRule.js
    │   ├── toolbar.js
    │   ├── home.js
    │   └── edit.js
    ├── index.css
    ├── App.js
    ├── svg
    │   ├── hint.js
    │   └── github.js
    ├── App.css
    ├── index.js
    ├── utils
    │   └── HttpUtil.js
    ├── logo.svg
    └── serviceWorker.js
├── package.json
├── README.md
└── .gitignore


/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsakvo/yuedu-website/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/public/img/hbewm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsakvo/yuedu-website/HEAD/public/img/hbewm.png


--------------------------------------------------------------------------------
/public/img/header.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsakvo/yuedu-website/HEAD/public/img/header.png


--------------------------------------------------------------------------------
/public/img/read.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsakvo/yuedu-website/HEAD/public/img/read.png


--------------------------------------------------------------------------------
/public/img/donatezfb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsakvo/yuedu-website/HEAD/public/img/donatezfb.png


--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import App from './App';
 4 | 
 5 | it('renders without crashing', () => {
 6 |   const div = document.createElement('div');
 7 |   ReactDOM.render(<App />, div);
 8 |   ReactDOM.unmountComponentAtNode(div);
 9 | });
10 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": ".",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/src/component/scrollToTop.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { withRouter } from "react-router-dom";
 3 | 
 4 | class ScrollToTop extends React.Component {
 5 |   componentDidUpdate(prevProps) {
 6 |     if (this.props.location !== prevProps.location) {
 7 |       window.scrollTo(0, 0);
 8 |     }
 9 |   }
10 |   render() {
11 |     return this.props.children;
12 |   }
13 | }
14 | export default withRouter(ScrollToTop);
15 | 


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   margin: 0;
 3 |   padding: 0;
 4 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
 5 |     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
 6 |     sans-serif;
 7 |   -webkit-font-smoothing: antialiased;
 8 |   -moz-osx-font-smoothing: grayscale;
 9 | }
10 | 
11 | code {
12 |   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 |     monospace;
14 | }
15 | 


--------------------------------------------------------------------------------
/src/component/theme.js:
--------------------------------------------------------------------------------
 1 | import { createMuiTheme } from "@material-ui/core/styles";
 2 | 
 3 | const AppTheme = createMuiTheme({
 4 |   palette: {
 5 |     primary: {
 6 |       main: "#2196f3",
 7 |       light: "#4dabf5",
 8 |       dark: "#1769aa"
 9 |     },
10 |     secondary: {
11 |       main: "#f50057",
12 |       light: "#f73378",
13 |       dark: "#ab003c"
14 |     }
15 |   },
16 |   typography: {
17 |     useNextVariants: true
18 |   }
19 | });
20 | 
21 | export default AppTheme;
22 | 


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from "react";
 2 | import { MuiThemeProvider } from "@material-ui/core/styles";
 3 | import AppTheme from "./component/theme";
 4 | import Toolbar from "./component/toolbar";
 5 | import Main from "./component/main";
 6 | 
 7 | class App extends Component {
 8 |   render() {
 9 |     return (
10 |       <div className="App">
11 |         <MuiThemeProvider theme={AppTheme}>
12 |           <Toolbar />
13 |           <Main />
14 |         </MuiThemeProvider>
15 |       </div>
16 |     );
17 |   }
18 | }
19 | 
20 | export default App;
21 | 


--------------------------------------------------------------------------------
/src/svg/hint.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import SvgIcon from "@material-ui/core/SvgIcon";
 3 | 
 4 | class Icon extends React.Component {
 5 |   render() {
 6 |     return (
 7 |       <SvgIcon>
 8 |         <path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z" />{" "}
 9 |       </SvgIcon>
10 |     );
11 |   }
12 | }
13 | 
14 | export default Icon;
15 | 


--------------------------------------------------------------------------------
/src/component/main.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { Switch, Route } from "react-router-dom";
 3 | import Editor from "./edit";
 4 | import Home from "./home";
 5 | import SourceRule from "./sourceRule";
 6 | 
 7 | import ScrollToTop from "./scrollToTop";
 8 | 
 9 | const Main = () => (
10 |   <main>
11 |     <ScrollToTop>
12 |       <Switch>
13 |         <Route exact path="/" component={Home} />
14 |         <Route path="/rule" component={SourceRule} />
15 |         <Route path="/editor" component={Editor} />
16 |       </Switch>
17 |     </ScrollToTop>
18 |   </main>
19 | );
20 | 
21 | export default Main;
22 | 


--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
 1 | .App {
 2 |   text-align: center;
 3 | }
 4 | 
 5 | .App-logo {
 6 |   animation: App-logo-spin infinite 20s linear;
 7 |   height: 40vmin;
 8 | }
 9 | 
10 | .App-header {
11 |   background-color: #282c34;
12 |   min-height: 100vh;
13 |   display: flex;
14 |   flex-direction: column;
15 |   align-items: center;
16 |   justify-content: center;
17 |   font-size: calc(10px + 2vmin);
18 |   color: white;
19 | }
20 | 
21 | .App-link {
22 |   color: #61dafb;
23 | }
24 | 
25 | @keyframes App-logo-spin {
26 |   from {
27 |     transform: rotate(0deg);
28 |   }
29 |   to {
30 |     transform: rotate(360deg);
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="zh">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
 6 |     <meta
 7 |       name="viewport"
 8 |       content="width=device-width, initial-scale=1, shrink-to-fit=no"
 9 |     />
10 |     <meta name="theme-color" content="#2196f3" />
11 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
12 |     <meta name="theme-color" content="#2196f3" />
13 |     <title>阅读</title>
14 |   </head>
15 |   <body>
16 |     <noscript> 你需要启用 JavaScript 以运行此应用 </noscript>
17 |     <div id="root"></div>
18 |   </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | // import React from 'react';
 2 | // import ReactDOM from 'react-dom';
 3 | // import './index.css';
 4 | // import App from './App';
 5 | // import * as serviceWorker from './serviceWorker';
 6 | 
 7 | // ReactDOM.render(<App />, document.getElementById('root'));
 8 | 
 9 | // serviceWorker.unregister();
10 | 
11 | import React from "react";
12 | import { render } from "react-dom";
13 | import { BrowserRouter } from "react-router-dom";
14 | import App from "./App";
15 | 
16 | import "./index.css";
17 | 
18 | render(
19 |   <BrowserRouter>
20 |     <App />
21 |   </BrowserRouter>,
22 |   document.getElementById("root")
23 | );
24 | 


--------------------------------------------------------------------------------
/src/svg/github.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import SvgIcon from "@material-ui/core/SvgIcon";
 3 | 
 4 | class Icon extends React.Component {
 5 |   render() {
 6 |     return (
 7 |       <SvgIcon>
 8 |         <path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2 0 1.9 1.2 1.9 1.2 1 1.8 2.8 1.3 3.5 1 0-.8.4-1.3.7-1.6-2.7-.3-5.5-1.3-5.5-6 0-1.2.5-2.3 1.3-3.1-.2-.4-.6-1.6 0-3.2 0 0 1-.3 3.4 1.2a11.5 11.5 0 0 1 6 0c2.3-1.5 3.3-1.2 3.3-1.2.6 1.6.2 2.8 0 3.2.9.8 1.3 1.9 1.3 3.2 0 4.6-2.8 5.6-5.5 5.9.5.4.9 1 .9 2.2v3.3c0 .3.1.7.8.6A12 12 0 0 0 12 .3" />
 9 |       </SvgIcon>
10 |     );
11 |   }
12 | }
13 | 
14 | export default Icon;
15 | 


--------------------------------------------------------------------------------
/src/utils/HttpUtil.js:
--------------------------------------------------------------------------------
 1 | var HTTPUtil = {};
 2 | 
 3 | // const APIBaseURL = "http://qr.daguduiyuan.xyz/";
 4 | 
 5 | HTTPUtil.get = function(param) {
 6 |   //   var url = APIBaseURL + param;
 7 |   return fetch(param, {
 8 |     method: "GET",
 9 |     mode: "cors"
10 |   }).then(function(response) {
11 |     return response.json();
12 |   });
13 | };
14 | 
15 | HTTPUtil.post = function(param, formData) {
16 |   return fetch(param, {
17 |     method: "POST",
18 |     mode: "cors",
19 |     credentials: "include",
20 |     headers: {
21 |       Accept: "application/json",
22 |       "Content-Type": "application/x-www-form-urlencoded"
23 |     },
24 |     body: formData
25 |   }).then(response => {
26 |     return response.json();
27 |   });
28 | };
29 | 
30 | export default HTTPUtil;
31 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "yuedu-website",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "dependencies": {
 6 |     "@material-ui/core": "^3.6.2",
 7 |     "@material-ui/icons": "^3.0.1",
 8 |     "copy-to-clipboard": "^3.0.8",
 9 |     "qrcode.react": "^0.8.0",
10 |     "react": "^16.6.3",
11 |     "react-dom": "^16.6.3",
12 |     "react-router": "^4.3.1",
13 |     "react-router-dom": "^4.3.1",
14 |     "react-scripts": "2.1.1"
15 |   },
16 |   "scripts": {
17 |     "start": "react-scripts start",
18 |     "build": "react-scripts build",
19 |     "test": "react-scripts test",
20 |     "eject": "react-scripts eject"
21 |   },
22 |   "eslintConfig": {
23 |     "extends": "react-app"
24 |   },
25 |   "browserslist": [
26 |     ">0.2%",
27 |     "not dead",
28 |     "not ie <= 11",
29 |     "not op_mini all"
30 |   ]
31 | }
32 | 


--------------------------------------------------------------------------------
/src/component/sourceRule.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import PropTypes from "prop-types";
 3 | import { withStyles } from "@material-ui/core/styles";
 4 | 
 5 | const styles = () => ({
 6 |   ruleRoot: {
 7 |     paddingTop: 56,
 8 |     paddingLeft: 40,
 9 |     paddingRight: 40,
10 |     height: "100%"
11 |   },
12 |   ruleFrame: {
13 |     paddingTop: 24
14 |   }
15 | });
16 | 
17 | class sourceRule extends React.Component {
18 |   state = {};
19 | 
20 |   render() {
21 |     const { classes } = this.props;
22 |     return (
23 |       <div>
24 |         <div className={classes.ruleRoot}>
25 |           <iframe
26 |             className={classes.ruleFrame}
27 |             title="sourceRule"
28 |             frameBorder="no"
29 |             border="0"
30 |             scrolling="yes"
31 |             width="100%"
32 |             height="4734.360"
33 |             src="/bookSource.html"
34 |           />
35 |         </div>
36 |       </div>
37 |     );
38 |   }
39 | }
40 | 
41 | sourceRule.propTypes = {
42 |   classes: PropTypes.object.isRequired
43 | };
44 | 
45 | export default withStyles(styles)(sourceRule);
46 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 2 | 
 3 | ## Available Scripts
 4 | 
 5 | In the project directory, you can run:
 6 | 
 7 | ### `npm start`
 8 | 
 9 | Runs the app in the development mode.<br>
10 | Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
11 | 
12 | The page will reload if you make edits.<br>
13 | You will also see any lint errors in the console.
14 | 
15 | ### `npm test`
16 | 
17 | Launches the test runner in the interactive watch mode.<br>
18 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
19 | 
20 | ### `npm run build`
21 | 
22 | Builds the app for production to the `build` folder.<br>
23 | It correctly bundles React in production mode and optimizes the build for the best performance.
24 | 
25 | The build is minified and the filenames include the hashes.<br>
26 | Your app is ready to be deployed!
27 | 
28 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
29 | 
30 | ### `npm run eject`
31 | 
32 | **Note: this is a one-way operation. Once you `eject`, you can’t go back!**
33 | 
34 | If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
35 | 
36 | Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
37 | 
38 | You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
39 | 
40 | ## Learn More
41 | 
42 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
43 | 
44 | To learn React, check out the [React documentation](https://reactjs.org/).
45 | 


--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
2 |     <g fill="#61DAFB">
3 |         <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
4 |         <circle cx="420.9" cy="296.5" r="45.7"/>
5 |         <path d="M520.5 78.1z"/>
6 |     </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
  1 | 
  2 | # Created by https://www.gitignore.io/api/node,macos,visualstudiocode
  3 | # Edit at https://www.gitignore.io/?templates=node,macos,visualstudiocode
  4 | 
  5 | ### macOS ###
  6 | # General
  7 | .DS_Store
  8 | .AppleDouble
  9 | .LSOverride
 10 | 
 11 | # Icon must end with two \r
 12 | Icon
 13 | 
 14 | # Thumbnails
 15 | ._*
 16 | 
 17 | # Files that might appear in the root of a volume
 18 | .DocumentRevisions-V100
 19 | .fseventsd
 20 | .Spotlight-V100
 21 | .TemporaryItems
 22 | .Trashes
 23 | .VolumeIcon.icns
 24 | .com.apple.timemachine.donotpresent
 25 | 
 26 | # Directories potentially created on remote AFP share
 27 | .AppleDB
 28 | .AppleDesktop
 29 | Network Trash Folder
 30 | Temporary Items
 31 | .apdisk
 32 | 
 33 | ### Node ###
 34 | # Logs
 35 | logs
 36 | *.log
 37 | npm-debug.log*
 38 | yarn-debug.log*
 39 | yarn-error.log*
 40 | 
 41 | # Runtime data
 42 | pids
 43 | *.pid
 44 | *.seed
 45 | *.pid.lock
 46 | 
 47 | # Directory for instrumented libs generated by jscoverage/JSCover
 48 | lib-cov
 49 | 
 50 | # Coverage directory used by tools like istanbul
 51 | coverage
 52 | 
 53 | # nyc test coverage
 54 | .nyc_output
 55 | 
 56 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 57 | .grunt
 58 | 
 59 | # Bower dependency directory (https://bower.io/)
 60 | bower_components
 61 | 
 62 | # node-waf configuration
 63 | .lock-wscript
 64 | 
 65 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 66 | build/Release
 67 | 
 68 | # Dependency directories
 69 | node_modules/
 70 | jspm_packages/
 71 | 
 72 | # TypeScript v1 declaration files
 73 | typings/
 74 | 
 75 | # Optional npm cache directory
 76 | .npm
 77 | 
 78 | # Optional eslint cache
 79 | .eslintcache
 80 | 
 81 | # Optional REPL history
 82 | .node_repl_history
 83 | 
 84 | # Output of 'npm pack'
 85 | *.tgz
 86 | 
 87 | # Yarn Integrity file
 88 | .yarn-integrity
 89 | 
 90 | # dotenv environment variables file
 91 | .env
 92 | 
 93 | # parcel-bundler cache (https://parceljs.org/)
 94 | .cache
 95 | 
 96 | # next.js build output
 97 | .next
 98 | 
 99 | # nuxt.js build output
100 | .nuxt
101 | 
102 | # vuepress build output
103 | .vuepress/dist
104 | 
105 | # Serverless directories
106 | .serverless/
107 | 
108 | # FuseBox cache
109 | .fusebox/
110 | 
111 | #DynamoDB Local files
112 | .dynamodb/
113 | 
114 | ### VisualStudioCode ###
115 | .vscode/*
116 | !.vscode/settings.json
117 | !.vscode/tasks.json
118 | !.vscode/launch.json
119 | !.vscode/extensions.json
120 | 
121 | ### VisualStudioCode Patch ###
122 | # Ignore all local history of files
123 | .history
124 | 
125 | # End of https://www.gitignore.io/api/node,macos,visualstudiocode
126 | 


--------------------------------------------------------------------------------
/src/serviceWorker.js:
--------------------------------------------------------------------------------
  1 | // This optional code is used to register a service worker.
  2 | // register() is not called by default.
  3 | 
  4 | // This lets the app load faster on subsequent visits in production, and gives
  5 | // it offline capabilities. However, it also means that developers (and users)
  6 | // will only see deployed updates on subsequent visits to a page, after all the
  7 | // existing tabs open on the page have been closed, since previously cached
  8 | // resources are updated in the background.
  9 | 
 10 | // To learn more about the benefits of this model and instructions on how to
 11 | // opt-in, read http://bit.ly/CRA-PWA
 12 | 
 13 | const isLocalhost = Boolean(
 14 |   window.location.hostname === 'localhost' ||
 15 |     // [::1] is the IPv6 localhost address.
 16 |     window.location.hostname === '[::1]' ||
 17 |     // 127.0.0.1/8 is considered localhost for IPv4.
 18 |     window.location.hostname.match(
 19 |       /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
 20 |     )
 21 | );
 22 | 
 23 | export function register(config) {
 24 |   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
 25 |     // The URL constructor is available in all browsers that support SW.
 26 |     const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
 27 |     if (publicUrl.origin !== window.location.origin) {
 28 |       // Our service worker won't work if PUBLIC_URL is on a different origin
 29 |       // from what our page is served on. This might happen if a CDN is used to
 30 |       // serve assets; see https://github.com/facebook/create-react-app/issues/2374
 31 |       return;
 32 |     }
 33 | 
 34 |     window.addEventListener('load', () => {
 35 |       const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
 36 | 
 37 |       if (isLocalhost) {
 38 |         // This is running on localhost. Let's check if a service worker still exists or not.
 39 |         checkValidServiceWorker(swUrl, config);
 40 | 
 41 |         // Add some additional logging to localhost, pointing developers to the
 42 |         // service worker/PWA documentation.
 43 |         navigator.serviceWorker.ready.then(() => {
 44 |           console.log(
 45 |             'This web app is being served cache-first by a service ' +
 46 |               'worker. To learn more, visit http://bit.ly/CRA-PWA'
 47 |           );
 48 |         });
 49 |       } else {
 50 |         // Is not localhost. Just register service worker
 51 |         registerValidSW(swUrl, config);
 52 |       }
 53 |     });
 54 |   }
 55 | }
 56 | 
 57 | function registerValidSW(swUrl, config) {
 58 |   navigator.serviceWorker
 59 |     .register(swUrl)
 60 |     .then(registration => {
 61 |       registration.onupdatefound = () => {
 62 |         const installingWorker = registration.installing;
 63 |         if (installingWorker == null) {
 64 |           return;
 65 |         }
 66 |         installingWorker.onstatechange = () => {
 67 |           if (installingWorker.state === 'installed') {
 68 |             if (navigator.serviceWorker.controller) {
 69 |               // At this point, the updated precached content has been fetched,
 70 |               // but the previous service worker will still serve the older
 71 |               // content until all client tabs are closed.
 72 |               console.log(
 73 |                 'New content is available and will be used when all ' +
 74 |                   'tabs for this page are closed. See http://bit.ly/CRA-PWA.'
 75 |               );
 76 | 
 77 |               // Execute callback
 78 |               if (config && config.onUpdate) {
 79 |                 config.onUpdate(registration);
 80 |               }
 81 |             } else {
 82 |               // At this point, everything has been precached.
 83 |               // It's the perfect time to display a
 84 |               // "Content is cached for offline use." message.
 85 |               console.log('Content is cached for offline use.');
 86 | 
 87 |               // Execute callback
 88 |               if (config && config.onSuccess) {
 89 |                 config.onSuccess(registration);
 90 |               }
 91 |             }
 92 |           }
 93 |         };
 94 |       };
 95 |     })
 96 |     .catch(error => {
 97 |       console.error('Error during service worker registration:', error);
 98 |     });
 99 | }
100 | 
101 | function checkValidServiceWorker(swUrl, config) {
102 |   // Check if the service worker can be found. If it can't reload the page.
103 |   fetch(swUrl)
104 |     .then(response => {
105 |       // Ensure service worker exists, and that we really are getting a JS file.
106 |       const contentType = response.headers.get('content-type');
107 |       if (
108 |         response.status === 404 ||
109 |         (contentType != null && contentType.indexOf('javascript') === -1)
110 |       ) {
111 |         // No service worker found. Probably a different app. Reload the page.
112 |         navigator.serviceWorker.ready.then(registration => {
113 |           registration.unregister().then(() => {
114 |             window.location.reload();
115 |           });
116 |         });
117 |       } else {
118 |         // Service worker found. Proceed as normal.
119 |         registerValidSW(swUrl, config);
120 |       }
121 |     })
122 |     .catch(() => {
123 |       console.log(
124 |         'No internet connection found. App is running in offline mode.'
125 |       );
126 |     });
127 | }
128 | 
129 | export function unregister() {
130 |   if ('serviceWorker' in navigator) {
131 |     navigator.serviceWorker.ready.then(registration => {
132 |       registration.unregister();
133 |     });
134 |   }
135 | }
136 | 


--------------------------------------------------------------------------------
/src/component/toolbar.js:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import PropTypes from "prop-types";
  3 | import { withStyles } from "@material-ui/core/styles";
  4 | import AppBar from "@material-ui/core/AppBar";
  5 | import Toolbar from "@material-ui/core/Toolbar";
  6 | import Typography from "@material-ui/core/Typography";
  7 | import IconButton from "@material-ui/core/IconButton";
  8 | import MenuIcon from "@material-ui/icons/Menu";
  9 | import GithubSvg from "../svg/github";
 10 | 
 11 | import Drawer from "@material-ui/core/Drawer";
 12 | 
 13 | import List from "@material-ui/core/List";
 14 | import Divider from "@material-ui/core/Divider";
 15 | import IndexIcon from "@material-ui/icons/School";
 16 | import CropIcon from "@material-ui/icons/Crop";
 17 | import EditIcon from "@material-ui/icons/Edit";
 18 | import ListItemIcon from "@material-ui/core/ListItemIcon";
 19 | 
 20 | import MenuItem from "@material-ui/core/MenuItem";
 21 | 
 22 | import { Link } from "react-router-dom";
 23 | 
 24 | import HintSvg from "../svg/hint";
 25 | 
 26 | import Button from "@material-ui/core/Button";
 27 | import Dialog from "@material-ui/core/Dialog";
 28 | import DialogActions from "@material-ui/core/DialogActions";
 29 | import DialogContent from "@material-ui/core/DialogContent";
 30 | import DialogContentText from "@material-ui/core/DialogContentText";
 31 | import DialogTitle from "@material-ui/core/DialogTitle";
 32 | 
 33 | const styles = {
 34 |   root: {},
 35 |   grow: {
 36 |     flexGrow: 1,
 37 |     userSelect: "none"
 38 |   },
 39 |   menuButton: {
 40 |     marginLeft: -12,
 41 |     marginRight: 20
 42 |   },
 43 |   sourceRule: {
 44 |     width: "100%",
 45 |     paddingTop: "80px"
 46 |   },
 47 |   dialogToolbar: {
 48 |     position: "fixed",
 49 |     width: "100%"
 50 |   },
 51 |   rootToolbar: {
 52 |     position: "fixed",
 53 |     width: "100%"
 54 |   },
 55 |   mdRoot: {
 56 |     paddingLeft: "32px",
 57 |     paddingRight: "32px"
 58 |   },
 59 |   list: {
 60 |     width: 300
 61 |   },
 62 |   fullList: {
 63 |     width: "auto"
 64 |   },
 65 |   header: {
 66 |     width: 300,
 67 |     height: 175,
 68 |     background: "url(../img/header.png)",
 69 |     backgroundSize: "300px 175px"
 70 |   },
 71 |   menuItem: {
 72 |     marginTop: 8,
 73 |     marginBottom: 8
 74 |   },
 75 |   links: {
 76 |     textDecoration: "none"
 77 |   },
 78 |   hintContent: {
 79 |     marginTop: "12px",
 80 |     marginBottom: "12px"
 81 |   }
 82 | };
 83 | 
 84 | class MenuAppBar extends React.Component {
 85 |   state = {
 86 |     auth: true,
 87 |     anchorEl: null,
 88 |     left: false,
 89 |     selectedIndex: 0,
 90 |     open: false,
 91 |     scroll: "paper"
 92 |   };
 93 | 
 94 |   jumpUrl = url => {
 95 |     window.location.href = url;
 96 |   };
 97 | 
 98 |   handleClickOpen = () => {
 99 |     this.setState({ open: true });
100 |   };
101 | 
102 |   handleClose = () => {
103 |     this.setState({ open: false });
104 |   };
105 | 
106 |   openDrawer = () => {
107 |     this.setState({
108 |       left: true
109 |     });
110 |   };
111 | 
112 |   toggleDrawer = (side, open) => () => {
113 |     this.setState({
114 |       [side]: open
115 |     });
116 |   };
117 | 
118 |   handleMenuItemClick = (event, index) => {
119 |     this.setState({ selectedIndex: index });
120 |   };
121 | 
122 |   componentDidMount() {
123 |     var selectIndex = 0;
124 |     switch (window.location.pathname) {
125 |       case "/":
126 |         selectIndex = 0;
127 |         break;
128 |       case "/rule":
129 |         selectIndex = 1;
130 |         break;
131 |       case "/editor":
132 |         selectIndex = 2;
133 |         break;
134 |       default:
135 |         selectIndex = 0;
136 |         break;
137 |     }
138 |     this.setState({
139 |       selectedIndex: selectIndex
140 |     });
141 |   }
142 | 
143 |   render() {
144 |     const { classes } = this.props;
145 |     const icons = [<IndexIcon />, <CropIcon />, <EditIcon />];
146 |     const links = ["/", "/rule", "editor"];
147 |     const sideList = (
148 |       <div className={classes.list}>
149 |         <Divider />
150 |         <List>
151 |           {["首页", "书源规则", "书源编辑器"].map((text, index) => (
152 |             <Link to={links[index]} className={classes.links} key={text}>
153 |               <MenuItem
154 |                 className={classes.menuItem}
155 |                 key={text}
156 |                 selected={index === this.state.selectedIndex}
157 |                 onClick={event => this.handleMenuItemClick(event, index)}
158 |               >
159 |                 <ListItemIcon>{icons[index]}</ListItemIcon>
160 |                 {text}
161 |               </MenuItem>
162 |             </Link>
163 |           ))}
164 |         </List>
165 |       </div>
166 |     );
167 | 
168 |     return (
169 |       <div className={classes.root}>
170 |         <Drawer
171 |           open={this.state.left}
172 |           onClose={this.toggleDrawer("left", false)}
173 |         >
174 |           <div className={classes.header}>
175 |             {/* <ReadSvg /> */}
176 |             {/* <div>让阅读成为一种习惯</div> */}
177 |           </div>
178 |           <div
179 |             tabIndex={0}
180 |             role="button"
181 |             onClick={this.toggleDrawer("left", false)}
182 |             onKeyDown={this.toggleDrawer("left", false)}
183 |           >
184 |             {sideList}
185 |           </div>
186 |         </Drawer>
187 | 
188 |         <AppBar position="static" className={classes.rootToolbar}>
189 |           <Toolbar>
190 |             <IconButton
191 |               className={classes.menuButton}
192 |               color="inherit"
193 |               aria-label="Menu"
194 |               onClick={this.openDrawer}
195 |             >
196 |               <MenuIcon />
197 |             </IconButton>
198 |             <Typography variant="h6" color="inherit" className={classes.grow}>
199 |               阅读
200 |             </Typography>
201 | 
202 |             <IconButton color="inherit" onClick={this.handleClickOpen}>
203 |               <HintSvg />
204 |             </IconButton>
205 |             <IconButton
206 |               color="inherit"
207 |               onClick={() => this.jumpUrl("https://github.com/zsakvo")}
208 |             >
209 |               <GithubSvg />
210 |             </IconButton>
211 |           </Toolbar>
212 |         </AppBar>
213 | 
214 |         <Dialog
215 |           open={this.state.open}
216 |           onClose={this.handleClose}
217 |           scroll={this.state.scroll}
218 |           aria-labelledby="scroll-dialog-title"
219 |         >
220 |           <DialogTitle id="scroll-dialog-title">
221 |             免责声明（Disclaimer）
222 |           </DialogTitle>
223 |           <DialogContent>
224 |             <DialogContentText>
225 |               <div className={classes.hintContent}>
226 |                 阅读是一款提供网络文学搜索的工具，为广大网络文学爱好者提供一种方便、快捷舒适的试读体验。
227 |               </div>
228 |               <div className={classes.hintContent}>
229 |                 当您搜索一本书的时，阅读会将该书的书名以关键词的形式提交到各个第三方网络文学网站。各第三方网站返回的内容与阅读无关，阅读对其概不负责，亦不承担任何法律责任。任何通过使用阅读而链接到的第三方网页均系他人制作或提供，您可能从第三方网页上获得其他服务，阅读对其合法性概不负责，亦不承担任何法律责任。第三方搜索引擎结果根据您提交的书名自动搜索获得并提供试读，不代表阅读赞成或被搜索链接到的第三方网页上的内容或立场。您应该对使用搜索引擎的结果自行承担风险。
230 |               </div>
231 |               <div className={classes.hintContent}>
232 |                 阅读不做任何形式的保证：不保证第三方搜索引擎的搜索结果满足您的要求，不保证搜索服务不中断，不保证搜索结果的安全性、正确性、及时性、合法性。因网络状况、通讯线路、第三方网站等任何原因而导致您不能正常使用阅读，阅读不承担任何法律责任。阅读尊重并保护所有使用阅读用户的个人隐私权，您注册的用户名、电子邮件地址等个人资料，非经您亲自许可或根据相关法律、法规的强制性规定，阅读不会主动地泄露给第三方。
233 |               </div>
234 |               <div className={classes.hintContent}>
235 |                 阅读致力于最大程度地减少网络文学阅读者在自行搜寻过程中的无意义的时间浪费，通过专业搜索展示不同网站中网络文学的最新章节。阅读在为广大小说爱好者提供方便、快捷舒适的试读体验的同时，也使优秀网络文学得以迅速、更广泛的传播，从而达到了在一定程度促进网络文学充分繁荣发展之目的。阅读鼓励广大小说爱好者通过阅读发现优秀网络小说及其提供商，并建议阅读正版图书。任何单位或个人认为通过阅读搜索链接到的第三方网页内容可能涉嫌侵犯其信息网络传播权，应该及时向阅读提出书面权力通知，并提供身份证明、权属证明及详细侵权情况证明。阅读在收到上述法律文件后，将会依法尽快断开相关链接内容。
236 |               </div>
237 |             </DialogContentText>
238 |           </DialogContent>
239 |           <DialogActions>
240 |             <Button onClick={this.handleClose} color="primary">
241 |               我知道了
242 |             </Button>
243 |           </DialogActions>
244 |         </Dialog>
245 |       </div>
246 |     );
247 |   }
248 | }
249 | 
250 | MenuAppBar.propTypes = {
251 |   classes: PropTypes.object.isRequired
252 | };
253 | 
254 | export default withStyles(styles)(MenuAppBar);
255 | 


--------------------------------------------------------------------------------
/src/component/home.js:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import PropTypes from "prop-types";
  3 | import { withStyles } from "@material-ui/core/styles";
  4 | 
  5 | import Typography from "@material-ui/core/Typography";
  6 | 
  7 | import Fab from "@material-ui/core/Fab";
  8 | import DownIcon from "@material-ui/icons/CloudDownload";
  9 | 
 10 | import SpaIcon from "@material-ui/icons/Spa";
 11 | import AllIcon from "@material-ui/icons/AllInclusive";
 12 | import NearIcon from "@material-ui/icons/NearMe";
 13 | import EditIcon from "@material-ui/icons/Edit";
 14 | import TuneIcon from "@material-ui/icons/Tune";
 15 | import LayersIcon from "@material-ui/icons/Layers";
 16 | 
 17 | import Button from "@material-ui/core/Button";
 18 | 
 19 | const styles = () => ({
 20 |   homeRoot: {
 21 |     paddingTop: 64,
 22 |     display: "flex",
 23 |     flexDirection: "row",
 24 |     flexWrap: "wrap",
 25 |     justifyContent: "space-around"
 26 |   },
 27 |   logo: {
 28 |     marginTop: "100px",
 29 |     width: "256px",
 30 |     height: "256px",
 31 |     backgroundRepeat: "no-repeat",
 32 |     backgroundSize: "contain",
 33 |     background: "url(../img/read.png)"
 34 |   },
 35 |   typographyH4: {
 36 |     paddingTop: "64px",
 37 |     width: "100%"
 38 |   },
 39 |   typographyH6: {
 40 |     paddingTop: 18,
 41 |     paddingLeft: "4%",
 42 |     paddingRight: "4%",
 43 |     width: "100%"
 44 |   },
 45 |   fabDiv: {
 46 |     marginTop: 64,
 47 |     width: "100%",
 48 |     textAlign: "center"
 49 |   },
 50 |   fab: {
 51 |     marginRight: "-18px"
 52 |   },
 53 |   extendedIcon: {
 54 |     marginRight: 16
 55 |   },
 56 |   cardDiv: {
 57 |     marginTop: "120px",
 58 |     paddingTop: "84px",
 59 |     marginBottom: "120px",
 60 |     paddingBottom: "84px",
 61 |     width: "100%",
 62 |     display: "flex",
 63 |     flexDirection: "row",
 64 |     flexWrap: "wrap",
 65 |     backgroundColor: "rgba(226,225,228,0.3)",
 66 |     justifyContent: "space-around"
 67 |   },
 68 |   detailDiv: {
 69 |     width: "40%",
 70 |     minWidth: "400px",
 71 |     display: "flex",
 72 |     flexDirection: "row",
 73 |     marginLeft: "5%",
 74 |     marginRight: "5%",
 75 |     marginTop: "30px"
 76 |   },
 77 |   detailIcon: {
 78 |     width: "30px",
 79 |     height: "30px",
 80 |     marginRight: "20px"
 81 |   },
 82 |   detailTextDiv: {
 83 |     display: "flex",
 84 |     flexDirection: "column",
 85 |     marginBottom: "48px"
 86 |   },
 87 |   detailTitle: {},
 88 |   detailContent: {},
 89 |   itemempty: {
 90 |     height: "0px",
 91 |     width: "33%",
 92 |     minWidth: "420px"
 93 |   },
 94 |   titleTypography: {
 95 |     marginBottom: "14px"
 96 |   },
 97 |   detailTypography: {},
 98 |   bottomDiv: {
 99 |     width: "100%",
100 |     background: "#424242",
101 |     display: "flex",
102 |     flexDirection: "column"
103 |   },
104 |   divider: {
105 |     width: "90%",
106 |     height: "1px",
107 |     marginRight: "5%",
108 |     marginLeft: "5%",
109 |     background: "#878787"
110 |   },
111 |   bottomContent: {
112 |     display: "flex",
113 |     flexDirection: "row",
114 |     justifyContent: "space-around",
115 |     paddingLeft: "10%",
116 |     paddingRight: "10%",
117 |     flexWrap: "wrap"
118 |   },
119 |   community: {
120 |     flexGrow: 1,
121 |     marginTop: "64px"
122 |   },
123 |   resource: {
124 |     flexGrow: 1
125 |   },
126 |   donate: {
127 |     flexGrow: 2
128 |   },
129 |   bottomTextTitle: {
130 |     color: "#ffffff",
131 |     fontWeight: "900",
132 |     fontSize: "20px",
133 |     marginBottom: "24px"
134 |   },
135 |   bottomTextContent: {
136 |     width: "100%",
137 |     fontWeight: "600",
138 |     marginTop: "12px",
139 |     color: "#9e9e9e"
140 |   },
141 |   donateButton: {},
142 |   copyRight: {
143 |     paddingTop: "24px",
144 |     paddingBottom: "24px",
145 |     color: "#9e9e9e",
146 |     textAlign: "center"
147 |   },
148 |   donateMe: {
149 |     display: "flex",
150 |     flexDirection: "row",
151 |     marginTop: "36px",
152 |     marginBottom: "36px"
153 |   },
154 |   qrcode: {
155 |     width: "136px",
156 |     height: "136px",
157 |     marginLeft: "40px"
158 |   },
159 |   links: {
160 |     textDecoration: "none"
161 |   }
162 | });
163 | 
164 | class home extends React.Component {
165 |   state = {
166 |     qrcodeDisplay: "none",
167 |     qrcodeState: false,
168 |     donateButtonText: "显示捐赠二维码"
169 |   };
170 | 
171 |   showQrcode = () => {
172 |     this.setState({
173 |       qrcodeDisplay: "block",
174 |       qrcodeState: true,
175 |       donateButtonText: "隐藏捐赠二维码"
176 |     });
177 |   };
178 | 
179 |   hideQrcode = () => {
180 |     this.setState({
181 |       qrcodeDisplay: "none",
182 |       qrcodeState: false,
183 |       donateButtonText: "显示捐赠二维码"
184 |     });
185 |   };
186 | 
187 |   clickDonateButton = () => {
188 |     if (this.state.qrcodeState) {
189 |       this.hideQrcode();
190 |     } else {
191 |       this.showQrcode();
192 |     }
193 |   };
194 | 
195 |   render() {
196 |     const { classes } = this.props;
197 |     return (
198 |       <div className={classes.homeRoot}>
199 |         <div className={classes.logo} />
200 |         <Typography
201 |           variant="h4"
202 |           align="center"
203 |           color="primary"
204 |           className={classes.typographyH4}
205 |           width="100%"
206 |         >
207 |           阅 读
208 |         </Typography>
209 |         <Typography
210 |           variant="h6"
211 |           align="center"
212 |           color="primary"
213 |           className={classes.typographyH6}
214 |         >
215 |           阅读是一款提供网络文学搜索的工具，为广大网络文学爱好者提供一种方便、快捷舒适的试读体验。
216 |         </Typography>
217 |         <div className={classes.fabDiv}>
218 |           <a
219 |             href="https://www.coolapk.com/apk/com.gedoor.monkeybook"
220 |             target="_blank"
221 |             rel="noopener noreferrer"
222 |             className={classes.links}
223 |           >
224 |             <Fab variant="extended" color="primary" className={classes.fab}>
225 |               <DownIcon className={classes.extendedIcon} />
226 |               Download From CoolApk
227 |             </Fab>
228 |           </a>
229 |         </div>
230 |         <div className={classes.cardDiv}>
231 |           <div className={classes.detailDiv}>
232 |             <div className={classes.detailIcon}>
233 |               <SpaIcon color="primary" fontSize="large" />
234 |             </div>
235 |             <div className={classes.detailTextDiv}>
236 |               <Typography
237 |                 className={classes.titleTypography}
238 |                 variant="h6"
239 |                 align="left"
240 |               >
241 |                 界面简洁，专注阅读
242 |               </Typography>
243 |               <Typography
244 |                 className={classes.detailTypography}
245 |                 variant="subtitle1"
246 |                 align="left"
247 |               >
248 |                 点击直接打开书架，无广告，无多余功能。拒绝各种附加服务的打扰，只为阅读文字而生
249 |               </Typography>
250 |             </div>
251 |           </div>
252 |           <div className={classes.detailDiv}>
253 |             <div className={classes.detailIcon}>
254 |               <LayersIcon color="primary" fontSize="large" />
255 |             </div>
256 |             <div className={classes.detailTextDiv}>
257 |               <Typography
258 |                 className={classes.titleTypography}
259 |                 variant="h6"
260 |                 align="left"
261 |               >
262 |                 体积虽小，功能齐全
263 |               </Typography>
264 |               <Typography
265 |                 className={classes.detailTypography}
266 |                 variant="subtitle1"
267 |                 align="left"
268 |               >
269 |                 6.41MB
270 |                 的体积中容纳了强大的书源解析引擎，支持多途径的书源管理，书籍的并行缓存等服务，您亦可以自行设置规则，对书籍内指定字符进行过滤和替换
271 |               </Typography>
272 |             </div>
273 |           </div>
274 |           <div className={classes.detailDiv}>
275 |             <div className={classes.detailIcon}>
276 |               <NearIcon color="primary" fontSize="large" />
277 |             </div>
278 |             <div className={classes.detailTextDiv}>
279 |               <Typography
280 |                 className={classes.titleTypography}
281 |                 variant="h6"
282 |                 align="left"
283 |               >
284 |                 发现版块，寻书简便
285 |               </Typography>
286 |               <Typography
287 |                 className={classes.detailTypography}
288 |                 variant="subtitle1"
289 |                 align="left"
290 |               >
291 |                 从多个网站获取最新的书籍排行信息，力求提供最全面、最真实的排名资讯，茫茫书海，任你遨游。
292 |               </Typography>
293 |             </div>
294 |           </div>
295 |           <div className={classes.detailDiv}>
296 |             <div className={classes.detailIcon}>
297 |               <AllIcon color="primary" fontSize="large" />
298 |             </div>
299 |             <div className={classes.detailTextDiv}>
300 |               <Typography
301 |                 className={classes.titleTypography}
302 |                 variant="h6"
303 |                 align="left"
304 |               >
305 |                 书源丰富，全网尽收
306 |               </Typography>
307 |               <Typography
308 |                 className={classes.detailTypography}
309 |                 variant="subtitle1"
310 |                 align="left"
311 |               >
312 |                 拥有由爱好者共同分享维护的数百个书源，覆盖网文，出版书，轻小说等各个类型的书籍，一个软件，全网通吃
313 |               </Typography>
314 |             </div>
315 |           </div>
316 |           <div className={classes.detailDiv}>
317 |             <div className={classes.detailIcon}>
318 |               <EditIcon color="primary" fontSize="large" />
319 |             </div>
320 |             <div className={classes.detailTextDiv}>
321 |               <Typography
322 |                 className={classes.titleTypography}
323 |                 variant="h6"
324 |                 align="left"
325 |               >
326 |                 编辑书源，自给自足
327 |               </Typography>
328 |               <Typography
329 |                 className={classes.detailTypography}
330 |                 variant="subtitle1"
331 |                 align="left"
332 |               >
333 |                 书源引擎支持 css select，JsonPath，XPath
334 |                 等多种语法，同时可以使用 JavaScript
335 |                 语句对返回值进行处理，为不同的网站带来相同的阅读体验
336 |               </Typography>
337 |             </div>
338 |           </div>
339 |           <div className={classes.detailDiv}>
340 |             <div className={classes.detailIcon}>
341 |               <TuneIcon color="primary" fontSize="large" />
342 |             </div>
343 |             <div className={classes.detailTextDiv}>
344 |               <Typography
345 |                 className={classes.titleTypography}
346 |                 variant="h6"
347 |                 align="left"
348 |               >
349 |                 自定排版，功能丰富
350 |               </Typography>
351 |               <Typography
352 |                 className={classes.detailTypography}
353 |                 variant="subtitle1"
354 |                 align="left"
355 |               >
356 |                 从字体到间距，从阅读背景到翻页动画，均可自行设定相关参数，适合自己的才是最好的。
357 |               </Typography>
358 |             </div>
359 |           </div>
360 |         </div>
361 |         <div className={classes.bottomDiv}>
362 |           <div className={classes.bottomContent}>
363 |             <div className={classes.community}>
364 |               <div className={classes.bottomTextTitle}>社区</div>
365 |               <a
366 |                 href="http://www.hostfans.cn/"
367 |                 target="_blank"
368 |                 rel="noopener noreferrer"
369 |                 className={classes.links}
370 |               >
371 |                 <div className={classes.bottomTextContent}>阅读爱好者</div>
372 |               </a>
373 |               <a
374 |                 href="https://www.coolapk.com/apk/com.gedoor.monkeybook"
375 |                 target="_blank"
376 |                 rel="noopener noreferrer"
377 |                 className={classes.links}
378 |               >
379 |                 <div className={classes.bottomTextContent}>酷安评论区</div>
380 |               </a>
381 |             </div>
382 |             <div className={classes.resource}>
383 |               <div className={classes.community}>
384 |                 <div className={classes.bottomTextTitle}>资源</div>
385 |                 <a
386 |                   href="https://github.com/gedoor/MyBookshelf/releases/latest"
387 |                   target="_blank"
388 |                   rel="noopener noreferrer"
389 |                   className={classes.links}
390 |                 >
391 |                   <div className={classes.bottomTextContent}>最新版本</div>
392 |                 </a>
393 |               </div>
394 |             </div>
395 |             <div className={classes.donate}>
396 |               <div className={classes.community}>
397 |                 <div className={classes.bottomTextTitle}>赞助该项目</div>
398 |                 <div className={classes.bottomTextContent}>
399 |                   本软件为开源软件, 没有上架 Google Play, 没有在任何地方售卖,
400 |                   如果想支持我请通过软件里的捐赠, 不要在任何地方购买!
401 |                 </div>
402 |                 <div className={classes.donateMe}>
403 |                   <Button
404 |                     className={classes.donateButton}
405 |                     variant="outlined"
406 |                     color="primary"
407 |                     onClick={this.clickDonateButton}
408 |                   >
409 |                     {this.state.donateButtonText}
410 |                   </Button>
411 |                   <img
412 |                     className={classes.qrcode}
413 |                     style={{ display: this.state.qrcodeDisplay }}
414 |                     src="/img/hbewm.png"
415 |                     alt="支付宝红包码"
416 |                   />
417 |                   <img
418 |                     className={classes.qrcode}
419 |                     style={{ display: this.state.qrcodeDisplay }}
420 |                     src="/img/donatezfb.png"
421 |                     alt="支付宝收钱码"
422 |                   />
423 |                 </div>
424 |               </div>
425 |             </div>
426 |           </div>
427 |           <div className={classes.divider} />
428 |           <div className={classes.copyRight}>
429 |             This page is powered by zsakvo .
430 |           </div>
431 |         </div>
432 |       </div>
433 |     );
434 |   }
435 | }
436 | 
437 | home.propTypes = {
438 |   classes: PropTypes.object.isRequired
439 | };
440 | 
441 | export default withStyles(styles)(home);
442 | 


--------------------------------------------------------------------------------
/src/component/edit.js:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import PropTypes from "prop-types";
  3 | import { withStyles } from "@material-ui/core/styles";
  4 | import TextField from "@material-ui/core/TextField";
  5 | import colorTheme from "./theme";
  6 | 
  7 | import Fab from "@material-ui/core/Fab";
  8 | import CheckIcon from "@material-ui/icons/Check";
  9 | import Icon from "@material-ui/core/Icon";
 10 | 
 11 | import Button from "@material-ui/core/Button";
 12 | import Dialog from "@material-ui/core/Dialog";
 13 | import DialogActions from "@material-ui/core/DialogActions";
 14 | import DialogContent from "@material-ui/core/DialogContent";
 15 | import copy from "copy-to-clipboard";
 16 | import DialogTitle from "@material-ui/core/DialogTitle";
 17 | 
 18 | import HttpUtil from "../utils/HttpUtil";
 19 | 
 20 | var QRCode = require("qrcode.react");
 21 | 
 22 | const styles = theme => ({
 23 |   container: {
 24 |     display: "flex",
 25 |     flexWrap: "wrap"
 26 |   },
 27 |   textField: {
 28 |     marginLeft: theme.spacing.unit * 2,
 29 |     marginRight: theme.spacing.unit * 2,
 30 |     width: "30%",
 31 |     minWidth: "300px"
 32 |   },
 33 |   dense: {
 34 |     marginTop: 19
 35 |   },
 36 |   menu: {
 37 |     width: 200
 38 |   },
 39 |   root: {
 40 |     display: "block",
 41 |     paddingTop: "48px"
 42 |   },
 43 |   sourceInfo: {
 44 |     display: "flex",
 45 |     flexDirection: "row",
 46 |     flexWrap: "wrap",
 47 |     justifyContent: "space-around",
 48 |     paddingLeft: "6%",
 49 |     paddingRight: "6%"
 50 |   },
 51 |   find: {
 52 |     display: "flex",
 53 |     flexDirection: "row",
 54 |     flexWrap: "wrap",
 55 |     justifyContent: "space-around",
 56 |     paddingLeft: "6%",
 57 |     paddingRight: "6%"
 58 |   },
 59 |   search: {
 60 |     display: "flex",
 61 |     flexDirection: "row",
 62 |     flexWrap: "wrap",
 63 |     justifyContent: "space-around",
 64 |     paddingLeft: "6%",
 65 |     paddingRight: "6%"
 66 |   },
 67 |   detail: {
 68 |     display: "flex",
 69 |     flexDirection: "row",
 70 |     flexWrap: "wrap",
 71 |     justifyContent: "space-around",
 72 |     paddingLeft: "6%",
 73 |     paddingRight: "6%",
 74 |     marginBottom: "120px"
 75 |   },
 76 |   chip: {
 77 |     width: 200
 78 |   },
 79 |   divider: {
 80 |     marginTop: 70,
 81 |     marginBottom: 10,
 82 |     userSelect: "none",
 83 |     width: "100%",
 84 |     color: colorTheme.palette.primary.main
 85 |   },
 86 |   itemempty: {
 87 |     height: "0px",
 88 |     marginLeft: theme.spacing.unit * 2,
 89 |     marginRight: theme.spacing.unit * 2,
 90 |     width: "30%",
 91 |     minWidth: "300px"
 92 |   },
 93 |   fab: {
 94 |     position: "fixed",
 95 |     bottom: theme.spacing.unit * 4,
 96 |     right: theme.spacing.unit * 4,
 97 |     zIndex: 888
 98 |   },
 99 |   extendedIcon: {
100 |     marginRight: theme.spacing.unit
101 |   },
102 |   qrContent: {
103 |     paddingLeft: "48px",
104 |     paddingRight: "48px"
105 |   }
106 | });
107 | 
108 | class TextFields extends React.Component {
109 |   state = { open: false, bookSource: "", scroll: "paper", bookSourceUrl: "" };
110 | 
111 |   handleClickOpen = () => {
112 |     this.setState({ open: true });
113 |   };
114 | 
115 |   handleClose = () => {
116 |     this.setState({ open: false });
117 |   };
118 | 
119 |   copySource = () => {
120 |     copy(this.state.bookSource);
121 |     this.handleClose();
122 |   };
123 | 
124 |   buildJson = () => {
125 |     this.setState({
126 |       fabDisabled: true
127 |     });
128 |     var json = {};
129 |     var bookSourceName = this.bookSourceName.value;
130 |     var bookSourceGroup = this.bookSourceGroup.value;
131 |     var bookSourceUrl = this.bookSourceUrl.value;
132 |     var loginUrl = this.loginUrl.value;
133 |     var checkUrl = this.checkUrl.value;
134 |     var httpUserAgent = this.httpUserAgent.value;
135 |     var ruleFindUrl = this.ruleFindUrl.value;
136 |     var ruleSearchUrl = this.ruleSearchUrl.value;
137 |     var ruleSearchList = this.ruleSearchList.value;
138 |     var ruleSearchName = this.ruleSearchName.value;
139 |     var ruleSearchAuthor = this.ruleSearchAuthor.value;
140 |     var ruleSearchCoverUrl = this.ruleSearchCoverUrl.value;
141 |     var ruleSearchKind = this.ruleSearchKind.value;
142 |     var ruleSearchLastChapter = this.ruleSearchLastChapter.value;
143 |     var ruleSearchNoteUrl = this.ruleSearchNoteUrl.value;
144 |     var ruleBookUrlPattern = this.ruleBookUrlPattern.value;
145 |     var ruleBookName = this.ruleBookName.value;
146 |     var ruleBookAuthor = this.ruleBookAuthor.value;
147 |     var ruleCoverUrl = this.ruleCoverUrl.value;
148 |     var ruleBookKind = this.ruleBookKind.value;
149 |     var ruleBookLastChapter = this.ruleBookLastChapter.value;
150 |     var ruleChapterUrl = this.ruleChapterUrl.value;
151 |     var ruleChapterUrlNext = this.ruleChapterUrlNext.value;
152 |     var ruleIntroduce = this.ruleIntroduce.value;
153 |     var ruleChapterList = this.ruleChapterList.value;
154 |     var ruleChapterName = this.ruleChapterName.value;
155 |     var ruleContentUrl = this.ruleContentUrl.value;
156 |     var ruleContentUrlNext = this.ruleContentUrlNext.value;
157 |     var ruleBookContent = this.ruleBookContent.value;
158 |     json.bookSourceName = bookSourceName;
159 |     json.bookSourceGroup = bookSourceGroup;
160 |     json.bookSourceUrl = bookSourceUrl;
161 |     json.loginUrl = loginUrl;
162 |     json.checkUrl = checkUrl;
163 |     json.httpUserAgent = httpUserAgent;
164 |     json.ruleFindUrl = ruleFindUrl;
165 |     json.ruleSearchUrl = ruleSearchUrl;
166 |     json.ruleSearchList = ruleSearchList;
167 |     json.ruleSearchName = ruleSearchName;
168 |     json.ruleSearchAuthor = ruleSearchAuthor;
169 |     json.ruleSearchCoverUrl = ruleSearchCoverUrl;
170 |     json.ruleSearchKind = ruleSearchKind;
171 |     json.ruleSearchLastChapter = ruleSearchLastChapter;
172 |     json.ruleSearchNoteUrl = ruleSearchNoteUrl;
173 |     json.ruleBookUrlPattern = ruleBookUrlPattern;
174 |     json.ruleBookName = ruleBookName;
175 |     json.ruleBookAuthor = ruleBookAuthor;
176 |     json.ruleCoverUrl = ruleCoverUrl;
177 |     json.ruleBookKind = ruleBookKind;
178 |     json.ruleBookLastChapter = ruleBookLastChapter;
179 |     json.ruleChapterUrl = ruleChapterUrl;
180 |     json.ruleChapterUrlNext = ruleChapterUrlNext;
181 |     json.ruleIntroduce = ruleIntroduce;
182 |     json.ruleChapterList = ruleChapterList;
183 |     json.ruleChapterName = ruleChapterName;
184 |     json.ruleContentUrl = ruleContentUrl;
185 |     json.ruleContentUrlNext = ruleContentUrlNext;
186 |     json.ruleBookContent = ruleBookContent;
187 |     HttpUtil.post("/createQr", "type=book&json=" + JSON.stringify(json))
188 |       .then(data => {
189 |         console.log(data);
190 |         console.log(data.result);
191 |         console.log(data.id);
192 |         if (data.result === "success") {
193 |           this.setState(
194 |             {
195 |               fabDisabled: false,
196 |               dialogTitle: "生成完毕",
197 |               qrShow: "block",
198 |               bookSource: JSON.stringify(json),
199 |               bookSourceUrl: "http://qr.daguduiyuan.xyz/getJson?id=" + data.id
200 |             },
201 |             () => {
202 |               this.handleClickOpen();
203 |             }
204 |           );
205 |         } else {
206 |           this.setState(
207 |             {
208 |               fabDisabled: false,
209 |               dialogTitle: "活码生成失败",
210 |               qrShow: "none",
211 |               bookSource: JSON.stringify(json)
212 |             },
213 |             () => {
214 |               this.handleClickOpen();
215 |             }
216 |           );
217 |         }
218 |       })
219 |       .catch(exception => {
220 |         console.log(exception);
221 |         this.setState(
222 |           {
223 |             fabDisabled: false,
224 |             dialogTitle: "活码生成失败",
225 |             qrShow: "none",
226 |             bookSource: JSON.stringify(json)
227 |           },
228 |           () => {
229 |             this.handleClickOpen();
230 |           }
231 |         );
232 |       });
233 |   };
234 | 
235 |   render() {
236 |     const { classes } = this.props;
237 | 
238 |     return (
239 |       <div className={classes.root}>
240 |         <Fab
241 |           color="secondary"
242 |           aria-label="Edit"
243 |           className={classes.fab}
244 |           onClick={this.buildJson}
245 |           disabled={this.state.fabDisabled}
246 |         >
247 |           <Icon>
248 |             <CheckIcon />
249 |           </Icon>
250 |         </Fab>
251 |         <div className={classes.sourceInfo}>
252 |           <div className={classes.divider}>书源基础信息</div>
253 |           <TextField
254 |             id="standard-name"
255 |             label="书源名称"
256 |             className={classes.textField}
257 |             margin="normal"
258 |             inputRef={el => (this.bookSourceName = el)}
259 |           />
260 |           <TextField
261 |             id="standard-name"
262 |             label="书源分组"
263 |             className={classes.textField}
264 |             margin="normal"
265 |             inputRef={el => (this.bookSourceGroup = el)}
266 |           />
267 |           <TextField
268 |             id="standard-name"
269 |             label="书源URL"
270 |             className={classes.textField}
271 |             margin="normal"
272 |             inputRef={el => (this.bookSourceUrl = el)}
273 |           />
274 |           <TextField
275 |             id="standard-name"
276 |             label="登陆URL"
277 |             className={classes.textField}
278 |             margin="normal"
279 |             inputRef={el => (this.loginUrl = el)}
280 |           />
281 |           <TextField
282 |             id="standard-name"
283 |             label="检测URL"
284 |             className={classes.textField}
285 |             margin="normal"
286 |             inputRef={el => (this.checkUrl = el)}
287 |           />
288 |           <TextField
289 |             id="standard-name"
290 |             label="User-Agent"
291 |             className={classes.textField}
292 |             margin="normal"
293 |             inputRef={el => (this.httpUserAgent = el)}
294 |           />
295 |           <div className={classes.itemempty} />
296 |           <div className={classes.itemempty} />
297 |           <div className={classes.itemempty} />
298 |           <div className={classes.itemempty} />
299 |         </div>
300 |         <div className={classes.find}>
301 |           <div className={classes.divider}>发现规则</div>
302 |           <TextField
303 |             id="standard-name"
304 |             label="发现规则"
305 |             className={classes.textField}
306 |             margin="normal"
307 |             multiline
308 |             inputRef={el => (this.ruleFindUrl = el)}
309 |           />
310 |           <div className={classes.itemempty} />
311 |           <div className={classes.itemempty} />
312 |           <div className={classes.itemempty} />
313 |           <div className={classes.itemempty} />
314 |         </div>
315 |         <div className={classes.search}>
316 |           <div className={classes.divider}>搜索规则</div>
317 |           <TextField
318 |             id="standard-name"
319 |             label="搜索地址"
320 |             className={classes.textField}
321 |             margin="normal"
322 |             inputRef={el => (this.ruleSearchUrl = el)}
323 |           />
324 |           <TextField
325 |             id="standard-name"
326 |             label="搜索结果列表规则"
327 |             className={classes.textField}
328 |             margin="normal"
329 |             inputRef={el => (this.ruleSearchList = el)}
330 |           />
331 |           <TextField
332 |             id="standard-name"
333 |             label="搜索结果书名规则"
334 |             className={classes.textField}
335 |             margin="normal"
336 |             inputRef={el => (this.ruleSearchName = el)}
337 |           />
338 |           <TextField
339 |             id="standard-name"
340 |             label="搜索结果作者规则"
341 |             className={classes.textField}
342 |             margin="normal"
343 |             inputRef={el => (this.ruleSearchAuthor = el)}
344 |           />
345 |           <TextField
346 |             id="standard-name"
347 |             label="搜索结果分类规则"
348 |             className={classes.textField}
349 |             margin="normal"
350 |             inputRef={el => (this.ruleSearchKind = el)}
351 |           />
352 |           <TextField
353 |             id="standard-name"
354 |             label="搜索结果最新章节规则"
355 |             className={classes.textField}
356 |             margin="normal"
357 |             inputRef={el => (this.ruleSearchLastChapter = el)}
358 |           />
359 |           <TextField
360 |             id="standard-name"
361 |             label="搜索结果封面规则"
362 |             className={classes.textField}
363 |             margin="normal"
364 |             inputRef={el => (this.ruleSearchCoverUrl = el)}
365 |           />
366 |           <TextField
367 |             id="standard-name"
368 |             label="搜索结果书籍URL规则"
369 |             className={classes.textField}
370 |             margin="normal"
371 |             multiline
372 |             inputRef={el => (this.ruleSearchNoteUrl = el)}
373 |           />
374 |           <div className={classes.itemempty} />
375 |           <div className={classes.itemempty} />
376 |           <div className={classes.itemempty} />
377 |           <div className={classes.itemempty} />
378 |         </div>
379 |         <div className={classes.detail}>
380 |           <div className={classes.divider}>书籍内容规则</div>
381 |           <TextField
382 |             id="standard-name"
383 |             label="书籍详情URL正则"
384 |             className={classes.textField}
385 |             margin="normal"
386 |             inputRef={el => (this.ruleBookUrlPattern = el)}
387 |           />
388 |           <TextField
389 |             id="standard-name"
390 |             label="书名规则"
391 |             className={classes.textField}
392 |             margin="normal"
393 |             inputRef={el => (this.ruleBookName = el)}
394 |           />
395 |           <TextField
396 |             id="standard-name"
397 |             label="作者规则"
398 |             className={classes.textField}
399 |             margin="normal"
400 |             inputRef={el => (this.ruleBookAuthor = el)}
401 |           />
402 |           <TextField
403 |             id="standard-name"
404 |             label="封面规则"
405 |             className={classes.textField}
406 |             margin="normal"
407 |             inputRef={el => (this.ruleCoverUrl = el)}
408 |           />
409 |           <TextField
410 |             id="standard-name"
411 |             label="分类规则"
412 |             className={classes.textField}
413 |             margin="normal"
414 |             inputRef={el => (this.ruleBookKind = el)}
415 |           />
416 |           <TextField
417 |             id="standard-name"
418 |             label="最新章节规则"
419 |             className={classes.textField}
420 |             margin="normal"
421 |             inputRef={el => (this.ruleBookLastChapter = el)}
422 |           />
423 |           <TextField
424 |             id="standard-name"
425 |             label="目录URL规则"
426 |             className={classes.textField}
427 |             margin="normal"
428 |             inputRef={el => (this.ruleChapterUrl = el)}
429 |           />
430 |           <TextField
431 |             id="standard-name"
432 |             label="章节列表下一页规则"
433 |             className={classes.textField}
434 |             margin="normal"
435 |             inputRef={el => (this.ruleChapterUrlNext = el)}
436 |           />
437 |           <TextField
438 |             id="standard-name"
439 |             label="简介规则"
440 |             className={classes.textField}
441 |             margin="normal"
442 |             inputRef={el => (this.ruleIntroduce = el)}
443 |           />
444 |           <TextField
445 |             id="standard-name"
446 |             label="目录列表规则"
447 |             className={classes.textField}
448 |             margin="normal"
449 |             inputRef={el => (this.ruleChapterList = el)}
450 |           />
451 |           <TextField
452 |             id="standard-name"
453 |             label="章节名规则"
454 |             className={classes.textField}
455 |             margin="normal"
456 |             inputRef={el => (this.ruleChapterName = el)}
457 |           />
458 |           <TextField
459 |             id="standard-name"
460 |             label="章节URL规则"
461 |             className={classes.textField}
462 |             margin="normal"
463 |             inputRef={el => (this.ruleContentUrl = el)}
464 |           />
465 |           <TextField
466 |             id="standard-name"
467 |             label="正文下一页URL规则"
468 |             className={classes.textField}
469 |             margin="normal"
470 |             inputRef={el => (this.ruleContentUrlNext = el)}
471 |           />
472 |           <TextField
473 |             id="standard-name"
474 |             label="正文规则"
475 |             className={classes.textField}
476 |             margin="normal"
477 |             multiline
478 |             inputRef={el => (this.ruleBookContent = el)}
479 |           />
480 |           <div className={classes.itemempty} />
481 |           <div className={classes.itemempty} />
482 |           <div className={classes.itemempty} />
483 |           <div className={classes.itemempty} />
484 |         </div>
485 | 
486 |         <Dialog
487 |           open={this.state.open}
488 |           onClose={this.handleClose}
489 |           aria-labelledby="alert-dialog-title"
490 |           aria-describedby="alert-dialog-description"
491 |         >
492 |           <DialogTitle>{this.state.dialogTitle}</DialogTitle>
493 |           <DialogContent
494 |             className={classes.qrContent}
495 |             display={this.state.qrShow}
496 |           >
497 |             <QRCode value={this.state.bookSourceUrl} size={200} />
498 |           </DialogContent>
499 |           <DialogActions>
500 |             <Button onClick={this.copySource} color="primary">
501 |               复制代码
502 |             </Button>
503 |           </DialogActions>
504 |         </Dialog>
505 |       </div>
506 |     );
507 |   }
508 | }
509 | 
510 | TextFields.propTypes = {
511 |   classes: PropTypes.object.isRequired
512 | };
513 | 
514 | export default withStyles(styles)(TextFields);
515 | 


--------------------------------------------------------------------------------
/public/bookSource.html:
--------------------------------------------------------------------------------
   1 | <!DOCTYPE html><html>
   2 | 
   3 | <head>
   4 | <meta charset="utf-8">
   5 | <title>bookSource</title>
   6 | <style>
   7 | @font-face {
   8 |   font-family: octicons-anchor;
   9 |   src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAYcAA0AAAAACjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABwAAAAca8vGTk9TLzIAAAFMAAAARAAAAFZG1VHVY21hcAAAAZAAAAA+AAABQgAP9AdjdnQgAAAB0AAAAAQAAAAEACICiGdhc3AAAAHUAAAACAAAAAj//wADZ2x5ZgAAAdwAAADRAAABEKyikaNoZWFkAAACsAAAAC0AAAA2AtXoA2hoZWEAAALgAAAAHAAAACQHngNFaG10eAAAAvwAAAAQAAAAEAwAACJsb2NhAAADDAAAAAoAAAAKALIAVG1heHAAAAMYAAAAHwAAACABEAB2bmFtZQAAAzgAAALBAAAFu3I9x/Nwb3N0AAAF/AAAAB0AAAAvaoFvbwAAAAEAAAAAzBdyYwAAAADP2IQvAAAAAM/bz7t4nGNgZGFgnMDAysDB1Ml0hoGBoR9CM75mMGLkYGBgYmBlZsAKAtJcUxgcPsR8iGF2+O/AEMPsznAYKMwIkgMA5REMOXicY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+h5j//yEk/3KoSgZGNgYYk4GRCUgwMaACRoZhDwCs7QgGAAAAIgKIAAAAAf//AAJ4nHWMMQrCQBBF/0zWrCCIKUQsTDCL2EXMohYGSSmorScInsRGL2DOYJe0Ntp7BK+gJ1BxF1stZvjz/v8DRghQzEc4kIgKwiAppcA9LtzKLSkdNhKFY3HF4lK69ExKslx7Xa+vPRVS43G98vG1DnkDMIBUgFN0MDXflU8tbaZOUkXUH0+U27RoRpOIyCKjbMCVejwypzJJG4jIwb43rfl6wbwanocrJm9XFYfskuVC5K/TPyczNU7b84CXcbxks1Un6H6tLH9vf2LRnn8Ax7A5WQAAAHicY2BkYGAA4teL1+yI57f5ysDNwgAC529f0kOmWRiYVgEpDgYmEA8AUzEKsQAAAHicY2BkYGB2+O/AEMPCAAJAkpEBFbAAADgKAe0EAAAiAAAAAAQAAAAEAAAAAAAAKgAqACoAiAAAeJxjYGRgYGBhsGFgYgABEMkFhAwM/xn0QAIAD6YBhwB4nI1Ty07cMBS9QwKlQapQW3VXySvEqDCZGbGaHULiIQ1FKgjWMxknMfLEke2A+IJu+wntrt/QbVf9gG75jK577Lg8K1qQPCfnnnt8fX1NRC/pmjrk/zprC+8D7tBy9DHgBXoWfQ44Av8t4Bj4Z8CLtBL9CniJluPXASf0Lm4CXqFX8Q84dOLnMB17N4c7tBo1AS/Qi+hTwBH4rwHHwN8DXqQ30XXAS7QaLwSc0Gn8NuAVWou/gFmnjLrEaEh9GmDdDGgL3B4JsrRPDU2hTOiMSuJUIdKQQayiAth69r6akSSFqIJuA19TrzCIaY8sIoxyrNIrL//pw7A2iMygkX5vDj+G+kuoLdX4GlGK/8Lnlz6/h9MpmoO9rafrz7ILXEHHaAx95s9lsI7AHNMBWEZHULnfAXwG9/ZqdzLI08iuwRloXE8kfhXYAvE23+23DU3t626rbs8/8adv+9DWknsHp3E17oCf+Z48rvEQNZ78paYM38qfk3v/u3l3u3GXN2Dmvmvpf1Srwk3pB/VSsp512bA/GG5i2WJ7wu430yQ5K3nFGiOqgtmSB5pJVSizwaacmUZzZhXLlZTq8qGGFY2YcSkqbth6aW1tRmlaCFs2016m5qn36SbJrqosG4uMV4aP2PHBmB3tjtmgN2izkGQyLWprekbIntJFing32a5rKWCN/SdSoga45EJykyQ7asZvHQ8PTm6cslIpwyeyjbVltNikc2HTR7YKh9LBl9DADC0U/jLcBZDKrMhUBfQBvXRzLtFtjU9eNHKin0x5InTqb8lNpfKv1s1xHzTXRqgKzek/mb7nB8RZTCDhGEX3kK/8Q75AmUM/eLkfA+0Hi908Kx4eNsMgudg5GLdRD7a84npi+YxNr5i5KIbW5izXas7cHXIMAau1OueZhfj+cOcP3P8MNIWLyYOBuxL6DRylJ4cAAAB4nGNgYoAALjDJyIAOWMCiTIxMLDmZedkABtIBygAAAA==) format('woff');
  10 | }
  11 | 
  12 | body {
  13 |   background-color: white;
  14 | }
  15 | 
  16 | .markdown-body {
  17 |   min-width: 200px;
  18 |   max-width: 760px;
  19 |   margin: 0 auto;
  20 |   padding: 20px;
  21 | 
  22 |   -ms-text-size-adjust: 100%;
  23 |   -webkit-text-size-adjust: 100%;
  24 |   color: #333;
  25 |   overflow: hidden;
  26 |   font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
  27 |   font-size: 16px;
  28 |   line-height: 1.6;
  29 |   word-wrap: break-word;
  30 | }
  31 | 
  32 | .markdown-body a {
  33 |   background: transparent;;word-wrap: break-word; word-break: break-all;
  34 | }
  35 | 
  36 | .markdown-body a:active,
  37 | .markdown-body a:hover {
  38 |   outline: 0;
  39 | }
  40 | 
  41 | .markdown-body strong {
  42 |   font-weight: bold;
  43 | }
  44 | 
  45 | .markdown-body h1 {
  46 |   font-size: 2em;
  47 |   margin: 0.67em 0;
  48 | }
  49 | 
  50 | .markdown-body img {
  51 |   border: 0;
  52 | }
  53 | 
  54 | .markdown-body hr {
  55 |   -moz-box-sizing: content-box;
  56 |   box-sizing: content-box;
  57 |   height: 0;
  58 | }
  59 | 
  60 | .markdown-body pre {
  61 |   overflow: auto;
  62 | }
  63 | 
  64 | .markdown-body code,
  65 | .markdown-body kbd,
  66 | .markdown-body pre {
  67 |   font-family: monospace, monospace;
  68 |   font-size: 1em;
  69 | }
  70 | 
  71 | .markdown-body input {
  72 |   color: inherit;
  73 |   font: inherit;
  74 |   margin: 0;
  75 | }
  76 | 
  77 | .markdown-body html input[disabled] {
  78 |   cursor: default;
  79 | }
  80 | 
  81 | .markdown-body input {
  82 |   line-height: normal;
  83 | }
  84 | 
  85 | .markdown-body input[type="checkbox"] {
  86 |   -moz-box-sizing: border-box;
  87 |   box-sizing: border-box;
  88 |   padding: 0;
  89 | }
  90 | 
  91 | .markdown-body table {
  92 |   border-collapse: collapse;
  93 |   border-spacing: 0;
  94 | }
  95 | 
  96 | .markdown-body td,
  97 | .markdown-body th {
  98 |   padding: 0;
  99 | }
 100 | 
 101 | .markdown-body * {
 102 |   -moz-box-sizing: border-box;
 103 |   box-sizing: border-box;
 104 | }
 105 | 
 106 | .markdown-body input {
 107 |   font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
 108 | }
 109 | 
 110 | .markdown-body a {
 111 |   color: #4183c4;
 112 |   text-decoration: none;
 113 | }
 114 | 
 115 | .markdown-body a:hover,
 116 | .markdown-body a:focus,
 117 | .markdown-body a:active {
 118 |   text-decoration: underline;
 119 | }
 120 | 
 121 | .markdown-body hr {
 122 |   height: 0;
 123 |   margin: 15px 0;
 124 |   overflow: hidden;
 125 |   background: transparent;
 126 |   border: 0;
 127 |   border-bottom: 1px solid #ddd;
 128 | }
 129 | 
 130 | .markdown-body hr:before {
 131 |   display: table;
 132 |   content: "";
 133 | }
 134 | 
 135 | .markdown-body hr:after {
 136 |   display: table;
 137 |   clear: both;
 138 |   content: "";
 139 | }
 140 | 
 141 | .markdown-body h1,
 142 | .markdown-body h2,
 143 | .markdown-body h3,
 144 | .markdown-body h4,
 145 | .markdown-body h5,
 146 | .markdown-body h6 {
 147 |   margin-top: 15px;
 148 |   margin-bottom: 15px;
 149 |   line-height: 1.1;
 150 | }
 151 | 
 152 | .markdown-body h1 {
 153 |   font-size: 30px;
 154 | }
 155 | 
 156 | .markdown-body h2 {
 157 |   font-size: 21px;
 158 | }
 159 | 
 160 | .markdown-body h3 {
 161 |   font-size: 16px;
 162 | }
 163 | 
 164 | .markdown-body h4 {
 165 |   font-size: 14px;
 166 | }
 167 | 
 168 | .markdown-body h5 {
 169 |   font-size: 12px;
 170 | }
 171 | 
 172 | .markdown-body h6 {
 173 |   font-size: 11px;
 174 | }
 175 | 
 176 | .markdown-body blockquote {
 177 |   margin: 0;
 178 | }
 179 | 
 180 | .markdown-body ul,
 181 | .markdown-body ol {
 182 |   padding: 0;
 183 |   margin-top: 0;
 184 |   margin-bottom: 0;
 185 | }
 186 | 
 187 | .markdown-body ol ol,
 188 | .markdown-body ul ol {
 189 |   list-style-type: lower-roman;
 190 | }
 191 | 
 192 | .markdown-body ul ul ol,
 193 | .markdown-body ul ol ol,
 194 | .markdown-body ol ul ol,
 195 | .markdown-body ol ol ol {
 196 |   list-style-type: lower-alpha;
 197 | }
 198 | 
 199 | .markdown-body dd {
 200 |   margin-left: 0;
 201 | }
 202 | 
 203 | .markdown-body code {
 204 |   font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
 205 | }
 206 | 
 207 | .markdown-body pre {
 208 |   margin-top: 0;
 209 |   margin-bottom: 0;
 210 |   font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
 211 | }
 212 | 
 213 | .markdown-body kbd {
 214 |   background-color: #e7e7e7;
 215 |   background-image: -webkit-linear-gradient(#fefefe, #e7e7e7);
 216 |   background-image: linear-gradient(#fefefe, #e7e7e7);
 217 |   background-repeat: repeat-x;
 218 |   border-radius: 2px;
 219 |   border: 1px solid #cfcfcf;
 220 |   color: #000;
 221 |   padding: 3px 5px;
 222 |   line-height: 10px;
 223 |   font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
 224 |   display: inline-block;
 225 | }
 226 | 
 227 | .markdown-body>*:first-child {
 228 |   margin-top: 0 !important;
 229 | }
 230 | 
 231 | .markdown-body>*:last-child {
 232 |   margin-bottom: 0 !important;
 233 | }
 234 | 
 235 | .markdown-body .anchor {
 236 |   position: absolute;
 237 |   top: 0;
 238 |   bottom: 0;
 239 |   left: 0;
 240 |   display: block;
 241 |   padding-right: 6px;
 242 |   padding-left: 30px;
 243 |   margin-left: -30px;
 244 | }
 245 | 
 246 | .markdown-body .anchor:focus {
 247 |   outline: none;
 248 | }
 249 | 
 250 | .markdown-body h1,
 251 | .markdown-body h2,
 252 | .markdown-body h3,
 253 | .markdown-body h4,
 254 | .markdown-body h5,
 255 | .markdown-body h6 {
 256 |   position: relative;
 257 |   margin-top: 1em;
 258 |   margin-bottom: 16px;
 259 |   font-weight: bold;
 260 |   line-height: 1.4;
 261 | }
 262 | 
 263 | .markdown-body h1 .octicon-link,
 264 | .markdown-body h2 .octicon-link,
 265 | .markdown-body h3 .octicon-link,
 266 | .markdown-body h4 .octicon-link,
 267 | .markdown-body h5 .octicon-link,
 268 | .markdown-body h6 .octicon-link {
 269 |   display: none;
 270 |   color: #000;
 271 |   vertical-align: middle;
 272 | }
 273 | 
 274 | .markdown-body h1:hover .anchor,
 275 | .markdown-body h2:hover .anchor,
 276 | .markdown-body h3:hover .anchor,
 277 | .markdown-body h4:hover .anchor,
 278 | .markdown-body h5:hover .anchor,
 279 | .markdown-body h6:hover .anchor {
 280 |   height: 1em;
 281 |   padding-left: 8px;
 282 |   margin-left: -30px;
 283 |   line-height: 1;
 284 |   text-decoration: none;
 285 | }
 286 | 
 287 | .markdown-body h1:hover .anchor .octicon-link,
 288 | .markdown-body h2:hover .anchor .octicon-link,
 289 | .markdown-body h3:hover .anchor .octicon-link,
 290 | .markdown-body h4:hover .anchor .octicon-link,
 291 | .markdown-body h5:hover .anchor .octicon-link,
 292 | .markdown-body h6:hover .anchor .octicon-link {
 293 |   display: inline-block;
 294 | }
 295 | 
 296 | .markdown-body h1 {
 297 |   padding-bottom: 0.3em;
 298 |   font-size: 2.25em;
 299 |   line-height: 1.2;
 300 |   border-bottom: 1px solid #eee;
 301 | }
 302 | 
 303 | .markdown-body h2 {
 304 |   padding-bottom: 0.3em;
 305 |   font-size: 1.75em;
 306 |   line-height: 1.225;
 307 |   border-bottom: 1px solid #eee;
 308 | }
 309 | 
 310 | .markdown-body h3 {
 311 |   font-size: 1.5em;
 312 |   line-height: 1.43;
 313 | }
 314 | 
 315 | .markdown-body h4 {
 316 |   font-size: 1.25em;
 317 | }
 318 | 
 319 | .markdown-body h5 {
 320 |   font-size: 1em;
 321 | }
 322 | 
 323 | .markdown-body h6 {
 324 |   font-size: 1em;
 325 |   color: #777;
 326 | }
 327 | 
 328 | .markdown-body p,
 329 | .markdown-body blockquote,
 330 | .markdown-body ul,
 331 | .markdown-body ol,
 332 | .markdown-body dl,
 333 | .markdown-body table,
 334 | .markdown-body pre {
 335 |   margin-top: 0;
 336 |   margin-bottom: 16px;
 337 | }
 338 | 
 339 | .markdown-body hr {
 340 |   height: 4px;
 341 |   padding: 0;
 342 |   margin: 16px 0;
 343 |   background-color: #e7e7e7;
 344 |   border: 0 none;
 345 | }
 346 | 
 347 | .markdown-body ul,
 348 | .markdown-body ol {
 349 |   padding-left: 2em;
 350 | }
 351 | 
 352 | .markdown-body ul ul,
 353 | .markdown-body ul ol,
 354 | .markdown-body ol ol,
 355 | .markdown-body ol ul {
 356 |   margin-top: 0;
 357 |   margin-bottom: 0;
 358 | }
 359 | 
 360 | .markdown-body li>p {
 361 |   margin-top: 16px;
 362 | }
 363 | 
 364 | .markdown-body dl {
 365 |   padding: 0;
 366 | }
 367 | 
 368 | .markdown-body dl dt {
 369 |   padding: 0;
 370 |   margin-top: 16px;
 371 |   font-size: 1em;
 372 |   font-style: italic;
 373 |   font-weight: bold;
 374 | }
 375 | 
 376 | .markdown-body dl dd {
 377 |   padding: 0 16px;
 378 |   margin-bottom: 16px;
 379 | }
 380 | 
 381 | .markdown-body blockquote {
 382 |   padding: 0 15px;
 383 |   color: #777;
 384 |   border-left: 4px solid #ddd;
 385 | }
 386 | 
 387 | .markdown-body blockquote>:first-child {
 388 |   margin-top: 0;
 389 | }
 390 | 
 391 | .markdown-body blockquote>:last-child {
 392 |   margin-bottom: 0;
 393 | }
 394 | 
 395 | .markdown-body table {
 396 |   display: block;
 397 |   width: 100%;
 398 |   overflow: auto;
 399 |   word-break: normal;
 400 |   word-break: keep-all;
 401 | }
 402 | 
 403 | .markdown-body table th {
 404 |   font-weight: bold;
 405 | }
 406 | 
 407 | .markdown-body table th,
 408 | .markdown-body table td {
 409 |   padding: 6px 13px;
 410 |   border: 1px solid #ddd;
 411 | }
 412 | 
 413 | .markdown-body table tr {
 414 |   background-color: #fff;
 415 |   border-top: 1px solid #ccc;
 416 | }
 417 | 
 418 | .markdown-body table tr:nth-child(2n) {
 419 |   background-color: #f8f8f8;
 420 | }
 421 | 
 422 | .markdown-body img {
 423 |   max-width: 100%;
 424 |   -moz-box-sizing: border-box;
 425 |   box-sizing: border-box;
 426 | }
 427 | 
 428 | .markdown-body code {
 429 |   padding: 0;
 430 |   padding-top: 0.2em;
 431 |   padding-bottom: 0.2em;
 432 |   margin: 0;
 433 |   font-size: 85%;
 434 |   background-color: rgba(0,0,0,0.04);
 435 |   border-radius: 3px;
 436 | }
 437 | 
 438 | .markdown-body code:before,
 439 | .markdown-body code:after {
 440 |   letter-spacing: -0.2em;
 441 |   content: "\00a0";
 442 | }
 443 | 
 444 | .markdown-body pre>code {
 445 |   padding: 0;
 446 |   margin: 0;
 447 |   font-size: 100%;
 448 |   word-break: normal;
 449 |   white-space: pre;
 450 |   background: transparent;
 451 |   border: 0;
 452 | }
 453 | 
 454 | .markdown-body .highlight {
 455 |   margin-bottom: 16px;
 456 | }
 457 | 
 458 | .markdown-body .highlight pre,
 459 | .markdown-body pre {
 460 |   padding: 16px;
 461 |   overflow: auto;
 462 |   font-size: 85%;
 463 |   line-height: 1.45;
 464 |   background-color: #f7f7f7;
 465 |   border-radius: 3px;
 466 | }
 467 | 
 468 | .markdown-body .highlight pre {
 469 |   margin-bottom: 0;
 470 |   word-break: normal;
 471 | }
 472 | 
 473 | .markdown-body pre {
 474 |   word-wrap: normal;
 475 | }
 476 | 
 477 | .markdown-body pre code {
 478 |   display: inline;
 479 |   max-width: initial;
 480 |   padding: 0;
 481 |   margin: 0;
 482 |   overflow: initial;
 483 |   line-height: inherit;
 484 |   word-wrap: normal;
 485 |   background-color: transparent;
 486 |   border: 0;
 487 | }
 488 | 
 489 | .markdown-body pre code:before,
 490 | .markdown-body pre code:after {
 491 |   content: normal;
 492 | }
 493 | 
 494 | .markdown-body .highlight {
 495 |   background: #fff;
 496 | }
 497 | 
 498 | .markdown-body .highlight .mf,
 499 | .markdown-body .highlight .mh,
 500 | .markdown-body .highlight .mi,
 501 | .markdown-body .highlight .mo,
 502 | .markdown-body .highlight .il,
 503 | .markdown-body .highlight .m {
 504 |   color: #945277;
 505 | }
 506 | 
 507 | .markdown-body .highlight .s,
 508 | .markdown-body .highlight .sb,
 509 | .markdown-body .highlight .sc,
 510 | .markdown-body .highlight .sd,
 511 | .markdown-body .highlight .s2,
 512 | .markdown-body .highlight .se,
 513 | .markdown-body .highlight .sh,
 514 | .markdown-body .highlight .si,
 515 | .markdown-body .highlight .sx,
 516 | .markdown-body .highlight .s1 {
 517 |   color: #df5000;
 518 | }
 519 | 
 520 | .markdown-body .highlight .kc,
 521 | .markdown-body .highlight .kd,
 522 | .markdown-body .highlight .kn,
 523 | .markdown-body .highlight .kp,
 524 | .markdown-body .highlight .kr,
 525 | .markdown-body .highlight .kt,
 526 | .markdown-body .highlight .k,
 527 | .markdown-body .highlight .o {
 528 |   font-weight: bold;
 529 | }
 530 | 
 531 | .markdown-body .highlight .kt {
 532 |   color: #458;
 533 | }
 534 | 
 535 | .markdown-body .highlight .c,
 536 | .markdown-body .highlight .cm,
 537 | .markdown-body .highlight .c1 {
 538 |   color: #998;
 539 |   font-style: italic;
 540 | }
 541 | 
 542 | .markdown-body .highlight .cp,
 543 | .markdown-body .highlight .cs {
 544 |   color: #999;
 545 |   font-weight: bold;
 546 | }
 547 | 
 548 | .markdown-body .highlight .cs {
 549 |   font-style: italic;
 550 | }
 551 | 
 552 | .markdown-body .highlight .n {
 553 |   color: #333;
 554 | }
 555 | 
 556 | .markdown-body .highlight .na,
 557 | .markdown-body .highlight .nv,
 558 | .markdown-body .highlight .vc,
 559 | .markdown-body .highlight .vg,
 560 | .markdown-body .highlight .vi {
 561 |   color: #008080;
 562 | }
 563 | 
 564 | .markdown-body .highlight .nb {
 565 |   color: #0086B3;
 566 | }
 567 | 
 568 | .markdown-body .highlight .nc {
 569 |   color: #458;
 570 |   font-weight: bold;
 571 | }
 572 | 
 573 | .markdown-body .highlight .no {
 574 |   color: #094e99;
 575 | }
 576 | 
 577 | .markdown-body .highlight .ni {
 578 |   color: #800080;
 579 | }
 580 | 
 581 | .markdown-body .highlight .ne {
 582 |   color: #990000;
 583 |   font-weight: bold;
 584 | }
 585 | 
 586 | .markdown-body .highlight .nf {
 587 |   color: #945277;
 588 |   font-weight: bold;
 589 | }
 590 | 
 591 | .markdown-body .highlight .nn {
 592 |   color: #555;
 593 | }
 594 | 
 595 | .markdown-body .highlight .nt {
 596 |   color: #000080;
 597 | }
 598 | 
 599 | .markdown-body .highlight .err {
 600 |   color: #a61717;
 601 |   background-color: #e3d2d2;
 602 | }
 603 | 
 604 | .markdown-body .highlight .gd {
 605 |   color: #000;
 606 |   background-color: #fdd;
 607 | }
 608 | 
 609 | .markdown-body .highlight .gd .x {
 610 |   color: #000;
 611 |   background-color: #faa;
 612 | }
 613 | 
 614 | .markdown-body .highlight .ge {
 615 |   font-style: italic;
 616 | }
 617 | 
 618 | .markdown-body .highlight .gr {
 619 |   color: #aa0000;
 620 | }
 621 | 
 622 | .markdown-body .highlight .gh {
 623 |   color: #999;
 624 | }
 625 | 
 626 | .markdown-body .highlight .gi {
 627 |   color: #000;
 628 |   background-color: #dfd;
 629 | }
 630 | 
 631 | .markdown-body .highlight .gi .x {
 632 |   color: #000;
 633 |   background-color: #afa;
 634 | }
 635 | 
 636 | .markdown-body .highlight .go {
 637 |   color: #888;
 638 | }
 639 | 
 640 | .markdown-body .highlight .gp {
 641 |   color: #555;
 642 | }
 643 | 
 644 | .markdown-body .highlight .gs {
 645 |   font-weight: bold;
 646 | }
 647 | 
 648 | .markdown-body .highlight .gu {
 649 |   color: #800080;
 650 |   font-weight: bold;
 651 | }
 652 | 
 653 | .markdown-body .highlight .gt {
 654 |   color: #aa0000;
 655 | }
 656 | 
 657 | .markdown-body .highlight .ow {
 658 |   font-weight: bold;
 659 | }
 660 | 
 661 | .markdown-body .highlight .w {
 662 |   color: #bbb;
 663 | }
 664 | 
 665 | .markdown-body .highlight .sr {
 666 |   color: #017936;
 667 | }
 668 | 
 669 | .markdown-body .highlight .ss {
 670 |   color: #8b467f;
 671 | }
 672 | 
 673 | .markdown-body .highlight .bp {
 674 |   color: #999;
 675 | }
 676 | 
 677 | .markdown-body .highlight .gc {
 678 |   color: #999;
 679 |   background-color: #EAF2F5;
 680 | }
 681 | 
 682 | .markdown-body .octicon {
 683 |   font: normal normal 16px octicons-anchor;
 684 |   line-height: 1;
 685 |   display: inline-block;
 686 |   text-decoration: none;
 687 |   -webkit-font-smoothing: antialiased;
 688 |   -moz-osx-font-smoothing: grayscale;
 689 |   -webkit-user-select: none;
 690 |   -moz-user-select: none;
 691 |   -ms-user-select: none;
 692 |   user-select: none;
 693 | }
 694 | 
 695 | .markdown-body .octicon-link:before {
 696 |   content: '\f05c';
 697 | }
 698 | 
 699 | .markdown-body .task-list-item {
 700 |   list-style-type: none;
 701 | }
 702 | 
 703 | .markdown-body .task-list-item+.task-list-item {
 704 |   margin-top: 3px;
 705 | }
 706 | 
 707 | .markdown-body .task-list-item input {
 708 |   float: left;
 709 |   margin: 0.3em 0 0.25em -1.6em;
 710 |   vertical-align: middle;
 711 | }
 712 | 
 713 | 
 714 | 
 715 | /* PrismJS 1.14.0
 716 |  http://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
 717 | /**
 718 |  * prism.js default theme for JavaScript, CSS and HTML
 719 |  * Based on dabblet (http://dabblet.com)
 720 |  * @author Lea Verou
 721 |  */
 722 | 
 723 | code[class*="language-"],
 724 | pre[class*="language-"] {
 725 |     color: black;
 726 |     background: none;
 727 |     text-shadow: 0 1px white;
 728 |     font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
 729 |     text-align: left;
 730 |     white-space: pre;
 731 |     word-spacing: normal;
 732 |     word-break: normal;
 733 |     word-wrap: normal;
 734 |     line-height: 1.5;
 735 |     
 736 |     -moz-tab-size: 4;
 737 |     -o-tab-size: 4;
 738 |     tab-size: 4;
 739 |     
 740 |     -webkit-hyphens: none;
 741 |     -moz-hyphens: none;
 742 |     -ms-hyphens: none;
 743 |     hyphens: none;
 744 | }
 745 | 
 746 | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
 747 | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
 748 |     text-shadow: none;
 749 |     background:#b3d4fc;
 750 | }
 751 | 
 752 | pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
 753 | code[class*="language-"]::selection, code[class*="language-"] ::selection {
 754 |     text-shadow: none;
 755 |     background: #b3d4fc;
 756 | }
 757 | 
 758 | @media print {
 759 |     code[class*="language-"],
 760 |     pre[class*="language-"] {
 761 |         text-shadow: none;
 762 |     }
 763 | }
 764 | 
 765 | /* Code blocks */
 766 | pre[class*="language-"] {
 767 |     padding: 1em;
 768 |     margin: .5em 0;
 769 |     overflow: auto;
 770 | }
 771 | 
 772 | :not(pre) > code[class*="language-"],
 773 | pre[class*="language-"] {
 774 |     background: #F7F7F7;
 775 | }
 776 | 
 777 | /* Inline code */
 778 | :not(pre) > code[class*="language-"] {
 779 |     padding: .1em;
 780 |     border-radius: .3em;
 781 |     white-space: normal;
 782 | }
 783 | 
 784 | .token.comment,
 785 | .token.prolog,
 786 | .token.doctype,
 787 | .token.cdata {
 788 |     color: slategray;
 789 | }
 790 | 
 791 | .token.punctuation {
 792 |     color: #999;
 793 | }
 794 | 
 795 | .namespace {
 796 |     opacity: .7;
 797 | }
 798 | 
 799 | .token.property,
 800 | .token.tag,
 801 | .token.boolean,
 802 | .token.number,
 803 | .token.constant,
 804 | .token.symbol,
 805 | .token.deleted {
 806 |     color: #905;
 807 | }
 808 | 
 809 | .token.selector,
 810 | .token.attr-name,
 811 | .token.string,
 812 | .token.char,
 813 | .token.builtin,
 814 | .token.inserted {
 815 |     color: #690;
 816 | }
 817 | 
 818 | .token.operator,
 819 | .token.entity,
 820 | .token.url,
 821 | .language-css .token.string,
 822 | .style .token.string {
 823 |     color: #9a6e3a;
 824 |     background: hsla(0, 0%, 100%, .5);
 825 | }
 826 | 
 827 | .token.atrule,
 828 | .token.attr-value,
 829 | .token.keyword {
 830 |     color: #07a;
 831 | }
 832 | 
 833 | .token.function,
 834 | .token.class-name {
 835 |     color: #DD4A68;
 836 | }
 837 | 
 838 | .token.regex,
 839 | .token.important,
 840 | .token.variable {
 841 |     color: #e90;
 842 | }
 843 | 
 844 | .token.important,
 845 | .token.bold {
 846 |     font-weight: bold;
 847 | }
 848 | .token.italic {
 849 |     font-style: italic;
 850 | }
 851 | 
 852 | .token.entity {
 853 |     cursor: help;
 854 | }
 855 | 
 856 | 
 857 | pre[class*="language-"].line-numbers {
 858 |     position: relative;
 859 |     padding-left: 3.8em;
 860 |     counter-reset: linenumber;
 861 | }
 862 | 
 863 | pre[class*="language-"].line-numbers > code {
 864 |     position: relative;
 865 |     white-space: inherit;
 866 | }
 867 | 
 868 | .line-numbers .line-numbers-rows {
 869 |     position: absolute;
 870 |     pointer-events: none;
 871 |     top: 0;
 872 |     font-size: 100%;
 873 |     left: -3.8em;
 874 |     width: 3em; /* works for line-numbers below 1000 lines */
 875 |     letter-spacing: -1px;
 876 |     border-right: 1px solid #999;
 877 | 
 878 |     -webkit-user-select: none;
 879 |     -moz-user-select: none;
 880 |     -ms-user-select: none;
 881 |     user-select: none;
 882 | 
 883 | }
 884 | 
 885 |     .line-numbers-rows > span {
 886 |         pointer-events: none;
 887 |         display: block;
 888 |         counter-increment: linenumber;
 889 |     }
 890 | 
 891 |         .line-numbers-rows > span:before {
 892 |             content: counter(linenumber);
 893 |             color: #999;
 894 |             display: block;
 895 |             padding-right: 0.8em;
 896 |             text-align: right;
 897 |         }
 898 | 
 899 | 
 900 | 
 901 | 
 902 | </style>
 903 | 
 904 | <style> @media print{ code[class*="language-"],pre[class*="language-"]{overflow: visible; word-wrap: break-word !important;} }</style></head><body><div class="markdown-body">
 905 | <h1 id="toc_0">书源制作教程</h1>
 906 | 
 907 | <blockquote>
 908 | <p>第三方教程：<br/>
 909 | <a href="https://www.hostfans.cn/make-course">https://www.hostfans.cn/make-course</a><br/>
 910 | <a href="https://www.52pojie.cn/thread-758541-1-1.html">https://www.52pojie.cn/thread-758541-1-1.html</a></p>
 911 | </blockquote>
 912 | 
 913 | <h1 id="toc_1">规则更新日志</h1>
 914 | 
 915 | <h2 id="toc_2">2.18.120813 版本：</h2>
 916 | 
 917 | <ul>
 918 | <li><p>支持 XPath 语法, 以 @XPath: 开头, 语法见 <code>http://www.w3school.com.cn/xpath/index.asp</code></p></li>
 919 | <li><p>支持 JSonPath 语法, 以 @JSon: 开头, 语法见 <code>https://blog.csdn.net/koflance/article/details/63262484</code></p></li>
 920 | <li><p>XPath 语法测试地址 <code>http://www.bejson.com/testtools/xpath/</code> </p></li>
 921 | <li><p>JSonPath 语法测试地址 <code>http://jsonpath.herokuapp.com</code></p></li>
 922 | <li><p>支持用 js 处理结果, 以 @js: 开头, 结果变量为 result 如 </p></li>
 923 | </ul>
 924 | 
 925 | <p><code>@JSon:$.link@js:&quot;http://chapterup.zhuishushenqi.com/chapter/&quot; + encodeURIComponent(result)</code></p>
 926 | 
 927 | <ul>
 928 | <li><p><em>注意</em> JSon 的值如果不是 String, 用 js 处理时需自己进行类型转换</p></li>
 929 | <li><p><em>注意</em> <code>#</code>替换规则在新语法下无法使用, 新的语法用 js 处理结果</p></li>
 930 | <li><p>原有的规则不变, 见下方</p></li>
 931 | </ul>
 932 | 
 933 | <h1 id="toc_3">书源规则说明</h1>
 934 | 
 935 | <ul>
 936 | <li><p>书源规则基于 HTML 标记, 如 class,id,tag 等</p></li>
 937 | <li><p>想要写规则先要打开网页源代码, 在里面找到想要获取内容对应的标签</p></li>
 938 | <li><p>Chrome 可以在网页上右击点击检查可以方便的查看标签</p></li>
 939 | </ul>
 940 | 
 941 | <h1 id="toc_4">基本写法</h1>
 942 | 
 943 | <h2 id="toc_5">基本规则</h2>
 944 | 
 945 | <ul>
 946 | <li><p><code>@</code>为分隔符, 用来分隔获取规则</p></li>
 947 | <li><p>每段规则可分为 <strong>3</strong> 段</p></li>
 948 | <li><p>第一段是类型, 如 <code>class,id,tag,text,children</code> 等, <code>children</code> 获取所有子标签, 不需要第二段和第三段, <code>text</code> 可以根据文本内容获取</p></li>
 949 | <li><p>第二段是名称, <code>text</code> 第二段为文本内容的一部分</p></li>
 950 | <li><p>第三段是位置, <code>class,tag</code> 会获取到多个, 所以要加位置, <code>id</code> 类型不要加</p></li>
 951 | <li><p>如不加位置会获取所有</p></li>
 952 | <li><p>位置正数从 0 开始, 0 是第一个, 如为负数则是取倒数的值, -1 为最倒数第一个,-2 为倒数第二个</p></li>
 953 | <li><p><code>!</code> 是排除, 有些位置不符合需要排除用<code>!</code>, 后面的序号用: 隔开 0 是第 1 个, 负数为倒数序号,-1 最后一个,-2 倒数第 2 个, 依次</p></li>
 954 | <li><p>获取列表的最前面加上负号 <code>-</code> 可以使列表倒置, 有些网站目录列表是倒的, 前面加个负号可变为正的</p></li>
 955 | <li><p><code>@</code> 的最后一段为获取内容, 如 <code>text,textNodes,href,src,html</code> 等</p></li>
 956 | <li><p>如果有不同网页的规则可以用 <code>| 或 &amp; 分隔 或 %</code></p></li>
 957 | <li><p><code>|</code> 会以第一个取到值的为准</p></li>
 958 | <li><p><code>&amp;</code> 会合并所有规则取到的值</p></li>
 959 | <li><p><code>%</code> 会依次取数, 如三个列表, 先取列表 1 的第一个, 再取列表 2 的第一个, 再取列表 3 的第一个, 再取列表 1 的第 2 个.......</p></li>
 960 | <li><p><del>如需要正则替换在最后加上 #正则表达式 #替换为</del></p></li>
 961 | <li><p><del>例:class.odd.0@tag.a.0@text|tag.dd.0@tag.h1@text# 全文阅读</del></p></li>
 962 | <li><p><del>例:class.odd.0@tag.a.0@text&amp;tag.dd.0@tag.h1@text# 全文阅读</del></p></li>
 963 | </ul>
 964 | 
 965 | <h2 id="toc_6">名词解释</h2>
 966 | 
 967 | <ul>
 968 | <li><p>BookSourceUrl 书源网址</p></li>
 969 | <li><p>BookSourceName 书源名称</p></li>
 970 | <li><p>BookSourceGroup 书源分组</p></li>
 971 | <li><p>RuleSearchUrl 搜索网址</p>
 972 | <blockquote>
 973 | <p>例:<code>http://www.gxwztv.com/search.htm?keyword=searchKey&amp;pn=searchPage-1</code></p>
 974 | <p><code>?</code> 为 <code>get</code>，<code>@</code>为 <code>post</code></p>
 975 | <p><code>searchKey</code> 为关键字标识, 运行时会替换为搜索关键字,</p>
 976 | <p><code>searchPage</code> 为搜索页数, 从 0 开始的用 <code>searchPage-1</code></p>
 977 | <p>page 规则还可以写成 <code>{index（第一页</code>）, <code>indexSecond（第二页）</code>, <code>indexThird（第三页）</code>, <code>index-searchPage+1</code> 或 <code>index-searchPage-1</code> 或 <code>index-searchPage}</code></p>
 978 | <p>要添加转码编码在最后加 <code>|char=gbk</code></p>
 979 | <p><code>|char=escape</code> 会模拟 <em>js escape</em> 方法进行编码</p>
 980 | </blockquote></li>
 981 | <li><p>ruleFindUrl 发现规则</p>
 982 | <blockquote>
 983 | <p>发现规则分为两段, 名称和 url 用:: 分开, 如</p>
 984 | <p><code>起点风云榜::https://www.qidian.com/rank/yuepiao?page=searchPage</code></p>
 985 | <p>url 规则和搜索规则一样, 多个规则用 &amp;&amp; 或换行分开, 如</p>
 986 | <p><code>起点风云榜::https://www.qidian.com/rank/yuepiao?page=searchPage&amp;&amp; 原创风云榜::https://www.qidian.com/rank/yuepiao?style=1&amp;page=searchPage</code></p>
 987 | <p>也可以每行写一个, 域名可以省略, 如省略会调用书源域名</p>
 988 | <p><code>起点风云榜::/rank/yuepiao?page=searchPage</code><br/>
 989 | <code>原创风云榜::/rank/yuepiao?style=1&amp;page=searchPage</code></p>
 990 | </blockquote></li>
 991 | <li><p>RuleSearchList 搜索列表</p>
 992 | <blockquote>
 993 | <p>例: <code>class.list-group-item!0:%</code></p>
 994 | </blockquote></li>
 995 | <li><p>RuleSearchAuthor 搜索里的作者</p>
 996 | <blockquote>
 997 | <p>例: <code>class.col-xs-2.0@text</code></p>
 998 | </blockquote></li>
 999 | <li><p>RuleSearchKind 搜索里的类型</p>
1000 | <blockquote>
1001 | <p>例: <code>class.col-xs-1.0@text</code></p>
1002 | </blockquote></li>
1003 | <li><p>RuleSearchLastChapter 搜索里的最新章节</p>
1004 | <blockquote>
1005 | <p>例:<code>class.col-xs-4.0@tag.a.0@text</code></p>
1006 | </blockquote></li>
1007 | <li><p>RuleSearchName 获取搜索里的书名</p>
1008 | <blockquote>
1009 | <p>例:<code>class.col-xs-3.0@tag.a.0@text</code></p>
1010 | </blockquote></li>
1011 | <li><p>RuleSearchNoteUrl 搜索里的书链接</p>
1012 | <blockquote>
1013 | <p>例:<code>class.col-xs-3.0@tag.a.0@href</code></p>
1014 | </blockquote></li>
1015 | <li><p>RuleSearchCoverUrl 搜索里的书封面</p>
1016 | <blockquote>
1017 | <p>例: tag.img.0@src</p>
1018 | </blockquote></li>
1019 | <li><p>RuleBookUrlPattern 书籍页面里的 URL 正则</p>
1020 | <blockquote>
1021 | <p>例: <code>https?://www.piaotian.com/bookinfo/.*&quot;</code></p>
1022 | </blockquote></li>
1023 | <li><p>RuleBookName 书籍页面里的书名称</p>
1024 | <blockquote>
1025 | <p>例: class.active.0@text</p>
1026 | </blockquote></li>
1027 | <li><p>RuleBookAuthor 书籍页面里的作者</p>
1028 | <blockquote>
1029 | <p>例:<code>class.col-xs-12.0@tag.small.0@text</code></p>
1030 | </blockquote></li>
1031 | <li><p>RuleIntroduce 书籍页面里的简介</p>
1032 | <blockquote>
1033 | <p>例: <code>class.panel panel-default mt20.0@id.shot@text</code></p>
1034 | </blockquote></li>
1035 | <li><p>RuleCoverUrl 书籍页面里的封面</p>
1036 | <blockquote>
1037 | <p>例:<code>class.panel-body.0@class.img-thumbnail.0@src</code></p>
1038 | </blockquote></li>
1039 | <li><p>RuleBookKind 书籍页面里的分类</p>
1040 | <blockquote>
1041 | <p>例:<code>id.centerm@tag.td.3@text#.*：</code></p>
1042 | </blockquote></li>
1043 | <li><p>RuleBookLastChapter 书籍页面里的最新章节</p>
1044 | <blockquote>
1045 | <p>例 <code>class.grid.0@tag.td.0@tag.a@text</code></p>
1046 | </blockquote></li>
1047 | <li><p>RuleChapterUrl 书籍页面里的目录地址</p>
1048 | <blockquote>
1049 | <p>如果目录地址和书籍地址一样则留空</p>
1050 | <p>例: <code>class.list-group-item tac.0@tag.a.0@href</code></p>
1051 | </blockquote></li>
1052 | <li><p>RuleChapterUrlNext 目录页面里的下一页目录地址</p>
1053 | <blockquote>
1054 | <p>如果没有下一页则留空</p>
1055 | <p>例: <code>class.page.0@text.下一页.0@href</code> 也可以获取所有目录页 &gt;url 的列表, 会依次获取</p>
1056 | <p>例:<code>class.chapter.0@tag.a@href (class.chapter.0)</code> 里包含第 1 页第 2 页第三页等</p>
1057 | </blockquote></li>
1058 | <li><p>RuleChapterList 目录页面的目录列表</p>
1059 | <blockquote>
1060 | <p>前面加 - 号倒序排列</p>
1061 | <p>例:<code>id.chapters-list@tag.a</code></p>
1062 | <p>例:<code>-id.chapters-list@tag.a</code></p>
1063 | </blockquote></li>
1064 | <li><p>RuleChapterName 目录列表的章节名称</p>
1065 | <blockquote>
1066 | <p>例: <code>text</code></p>
1067 | </blockquote></li>
1068 | <li><p>RuleContentUrl 目录列表的章节链接</p>
1069 | <blockquote>
1070 | <p>例: <code>href</code></p>
1071 | </blockquote></li>
1072 | <li><p>RuleBookContent 章节内容</p>
1073 | <blockquote>
1074 | <p>例: <code>id.txtContent@textNodes</code></p>
1075 | <p>如需获取 AJAX 动态内容前面加 <code>$</code></p>
1076 | <p>例:<code>$id.txtContent@textNodes</code></p>
1077 | </blockquote></li>
1078 | </ul>
1079 | 
1080 | </div></body>
1081 | 
1082 | </html>
1083 | 


--------------------------------------------------------------------------------