docusaurus创建React页面

表白：黑白圣堂血天使，天剑鬼刀阿修罗。 
讲解对象：/docusaurus创建React页面
作者：融水公子 rsgz
Docusaurus教程

Docusaurus教程 http://www.rsgz.top/post/341.html

新建一个文件\my-website\src\pages\helloReact.js

文件内容：

import React from 'react';
import Layout from '@theme/Layout';
function Hello() {
    return (
        <Layout title="Hello">
            <div
                style={{
                    display: 'flex',
                    justifyContent: 'center',
                    alignItems: 'center',
                    height: '50vh',
                    fontSize: '20px',
                }}>
                <img src="https://rsgz001.oss-cn-shenzhen.aliyuncs.com/rsgz_web/UC%E6%88%AA%E5%9B%BE20200621100021.png" width="auto" height="auto" />
                <p>
                    123Edit <code>pages/hello.js</code> and save to reload.
                </p>
            </div>
        </Layout>
    );
}
export default Hello;

运行结果：

===

公众号：小雪妃

谢谢大家的支持！可以点击我的头像，进入我的空间浏览更多文章呢。建议大家360doc[www.360doc.com]注册一个账号登录，里面真的有很多优秀的文章，欢迎大家的到来。
---

赞 (0)

相关推荐