Question

我正在尝试使用markdown来创建音符，但我觉得我的音符风格有限并且使其风格丰富。例如我想使用bootstrap css添加警告/信息样式块。我怎样才能做到这一点？我试着在我的markdown文件中添加html，如下所示：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js">
</head>
#Class 1

<button type="submit" class="btn btn-info">Submit</button>

但这似乎不起作用。我希望在我的降价文件中执行以下操作：

添加引导样式警告/评论/建议块
将图像放在jQuery滑块中
在我的降价处放置YouTube或vimeo视频，并使用功能控制播放控件
使用jQuery插件放置soundcloud音频剪辑
使用工具提示文字并排放置两张或多张图片

请建议降价可以处理上述问题。我寻找Markdown，MultiMarkdown，Jekyll，但无法找到我的问题的答案。降价如何运作？我可以将html和markdown混合在一起吗？

更新：尝试使用多标记语法来包含css，但这似乎不起作用。以下是我试过的内容

CSS: https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js

<style type="text/css"> 
 @import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js");
</style>
<button type="submit" class="btn btn-default">Submit</button>

Answer 1

我自己只使用Linux命令行markdown应用程序，它几乎完全符合您的要求。

命令的输出

markdown demo > demo.html

是这样的：

<p><html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js">
</head></p>

<h1>Class 1</h1>

<p><button type="submit" class="btn btn-info">Submit</button></p>

问题是，它将所有内容都包含在段落中。解决方案很简单。页眉和页脚应该是一个单独的HTML文件。例如，在Linux下我会做以下事情：

写下降价文件。
运行markdown demo.md > demo.html
连接三个文件：cat header.html demo.html footer.html >> fullpage.html

任何操作系统都可以使用相同的原理。

页眉和页脚文件：

这应该转到标题：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="path/to/bootstrap.min.js">
</head>
<body>

这应该转到页脚：

<script type="text/javascript" src="path/to/jquery.min.js" />
</body>
</html>

因此假设身体只是这个降价线：

# Title

完成上述步骤后，将会达到以下结果：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="path/to/bootstrap.min.js">
</head>
<body>
<h1>Title</h1>
<script type="text/javascript" src="path/to/jquery.min.js" />
</body>
</html>

我可以在我的markdown文件中使用自定义css / jquery插件/ html

1 个答案:

页眉和页脚文件：