Omi应用md2site发布-markdown转网站利器 -- JavaScript -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> JavaScript --> Omi应用md2site发布-markdown转网站利器

Omi应用md2site发布-markdown转网站利器

浏览:1725次出处信息

写在前面

Md2site是基于Omi的一款Markdown转网站工具，使用简单，生成的文件轻巧，功能强大。
当我们想把一堆markdown文档转成网站时，你可能有许多选择，倘若选择 md2site ，你一定会爱上她。

官网：http://alloyteam.github.io/omi/md2site/
Github: https://github.com/AlloyTeam/omi/tree/master/md2site
真实案例:http://alloyteam.github.io/omi/website/docs-cn.html

特性

超轻巧，生成的网站除了Omi不依赖其他第三方库，超级小的尺寸让你加载更快
完整支持Markdown，使用markdown写你的文档或者网站，完整支持markdown所有语法
响应式，生成的网站是响应式的，手机和PC都有不错的阅读体验
多语言，天生支持多语言，只需增加修改配置便可。让世界了解你的网站
代码美，请记住:不仅仅是代码高亮，使用md2site轻松可以让代码内的某些代码高亮
超方便，npm run dev预览，npm run dist一键生成网站。不满足现有布局或样式可轻松进行二次开发

快速开始

1
2
$npm install md2site-g
 

安装完之后就可以使用md2site 命令了。

1
2
$md2site init your_project_name
 

比如我创建一个omi的文档：

这个时间比较长，因为还会安装相关的npm依赖包。安装成功可以看到：

1
2
$cd your_project_name
 

转到对应的项目目录。

找到your_project_name目录下的docs目录：

在里面写你的markdown文档。在config.js中配置对应的目录树：

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
let config={
    menus:{
        cn:[
            {
                active:true,
                title:'快速开始',
                currentIndex:0,
                list:[
                    {name:'安装',md:'installation'},
                    {name:'组件',md:'components'},
                    {name:'组件通讯',md:'communication'}
                ]
            }
        ],
        en:[
            {
                active:true,
                title:'QUICK START',
                currentIndex:0,
                list:[
                    {name:'Installation',md:'installation'},
                    {name:'Components',md:'components'},
                    {name:'Communication',md:'communication'}
                ]
            }
        ]
    }
}
 
export defaultconfig;
 