2

我正在尝试使用降价来创建笔记，但我觉得在设置笔记样式和使其风格丰富方面受到限制。例如，我想使用引导 css 添加警告/信息样式块。我怎样才能做到这一点？我尝试在我的降价文件中添加 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>

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

  1. 添加引导样式警告/评论/建议块
  2. 将图像放置在 jQuery 滑块中
  3. 将 youtube 或 vimeo 视频放在我的 markdown 中，并具有控制播放控件的功能
  4. 使用 jQuery 插件放置 soundcloud 音频剪辑
  5. 将两个或多个图像与工具提示文本并排放置

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

更新：尝试了包含 css 的 multimarkdown 语法，但这似乎不起作用。以下是我尝试过的

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>
4

1 回答 1

0

我自己只使用了 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>

所以假设 body 就是这个 markdown 行：

# 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>
于 2015-01-04T15:35:12.637 回答