Blame view

src/routes/page.tsx 2.74 KB
36821dd7   张志伟   feat: init
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
  import { Helmet } from '@modern-js/runtime/head';
  import './index.css';
  
  const Index = () => (
    <div className="container-box">
      <Helmet>
        <link
          rel="icon"
          type="image/x-icon"
          href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"
        />
      </Helmet>
      <main>
        <div className="title">
          Welcome to
          <img
            className="logo"
            src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg"
            alt="Modern.js Logo"
          />
          <p className="name">Modern.js</p>
        </div>
        <p className="description">
          Get started by editing <code className="code">src/routes/page.tsx</code>
        </p>
        <div className="grid">
          <a
            href="https://modernjs.dev/guides/get-started/introduction.html"
            target="_blank"
            rel="noopener noreferrer"
            className="card"
          >
            <h2>
              Guide
              <img
                className="arrow-right"
                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
              />
            </h2>
            <p>Follow the guides to use all features of Modern.js.</p>
          </a>
          <a
            href="https://modernjs.dev/tutorials/foundations/introduction.html"
            target="_blank"
            className="card"
            rel="noreferrer"
          >
            <h2>
              Tutorials
              <img
                className="arrow-right"
                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
              />
            </h2>
            <p>Learn to use Modern.js to create your first application.</p>
          </a>
          <a
            href="https://modernjs.dev/configure/app/usage.html"
            target="_blank"
            className="card"
            rel="noreferrer"
          >
            <h2>
              Config
              <img
                className="arrow-right"
                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
              />
            </h2>
            <p>Find all configuration options provided by Modern.js.</p>
          </a>
          <a
            href="https://github.com/web-infra-dev/modern.js"
            target="_blank"
            rel="noopener noreferrer"
            className="card"
          >
            <h2>
              Github
              <img
                className="arrow-right"
                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
              />
            </h2>
            <p>View the source code of Github, feel free to contribute.</p>
          </a>
        </div>
      </main>
    </div>
  );
  
  export default Index;