美文网首页
使用 Docusaurus 搭建个人博客

使用 Docusaurus 搭建个人博客

作者: 秋天下雨淋湿冬天 | 来源:发表于2021-03-22 17:54 被阅读0次

    官方文档:https://www.docusaurus.cn/docs/

    1、安装项目

    //创建文件夹,假如叫 myz
    mkdir myz 
    //进入文件夹
    cd myz
    //安装项目,官网上少了这一步。慢的话建议npm改为淘宝源
    npm install docusaurus-init  
    //创建第一个项目。 my-website是项目名,随意改成你喜欢的;classic 是官方支持的主题,具体看官方文档
    npx @docusaurus/init@latest init my-website classic
    

    下图是安装成功的画面


    image.png

    2、启动项目

    cd my-website 
    npm start
    

    下图是启动成功的画面


    image.png

    3、写Markdown文档

    blog 和 docs对应页面上的两个栏目
    这里随意添加一个


    image.png
    image.png

    4、写react独立页面

    这个Docusaurus的一大优点就是支持react组件,官网写的很清楚,这里直接截图吧


    image.png image.png

    5、隐藏掉 Edit this page

    image.png

    6、生成build文件

    按两次cmd+C停掉项目

    npm run build
    

    会生成build文件夹,里面是静态网页文件


    image.png

    如果有帮助到你,请帮我点个赞!

    相关文章

      网友评论

          本文标题:使用 Docusaurus 搭建个人博客

          本文链接:https://www.haomeiwen.com/subject/juwfhltx.html