在 Markdown 中嵌入 JavaScript

Question

我正在使用 Maruku markdown 处理器。我想要这个，

*blah* blah "blah" in [markdown](blah)

<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
...do stuff...
</script>

但是当我渲染它时出现大量错误时它会抱怨。第一个是

 ___________________________________________________________________________
| Maruku tells you:
+---------------------------------------------------------------------------
| Could you please format this better?
| I see that "<script type='text/javascript'>" is left after the raw HTML.
| At line 31
|   raw_html     |<script src='http://code.jquery.com/jquery-1.4.2.min.js' /><script type='text/javascript'>|
|       text --> |//<![CDATA[|

，然后其余的似乎解析器都疯了。然后它将 javascript 渲染到页面上的 div 中。我尝试将其设为 CDATA 块并在 jquery 和我的脚本之间添加额外的间距。

帮助？

Answer 1

我遇到了同样的问题，但我设法通过在开始标记后添加换行符来使 JavaScript 出现在我的代码中。

Answer 2

在某些情况下可能有效的不同解决方案：（当我尝试嵌入 CodePen 示例时，所选答案对我不起作用）

• 将其添加到您的默认布局中：

  
  {% 用于 page.customjs 中的 js %}
  <脚本异步类型=“text/javascript”src=“{{ js }}”>
  {% 结束 %}
  

• 在需要一些 JavaScript 文件的帖子中，您可以将它们添加到 YAML 前面的内容中，如下所示：

  <前><代码>---
  布局：帖子
  标题：为特定帖子添加自定义 JavaScript
  类别： 帖子
  定制：
  - http://code.jquery.com/jquery-1.4.2.min.js
  - http://yourdomain.com/yourscript.js
  ---

async 可能不是必需的或不需要的，但您可以添加它作为 customjs 中的参数。 （有关详细信息，请参阅 Jekyll 和嵌套列表的 YAML front Matter ）

Answer 3

我使用这段代码在 Markdown 中编写 JavaScript 代码。

只需在 "```" 之后添加 js ，您的 JavaScript 代码就会突出显示。

 ```js
   const myvar = "hello"
   module.exports.response = response = ()=>{mycode here}
    ```

Answer 4

Markdown 支持内联 XHTML，但不支持 Javascript。

Answer 5

他们在他们的网站上提供的示例显示了一个空的

Answer 6

我发现转义结束 '>'开始和结束“script”标签中的符号将正确显示，例如：

• 如果您键入以下内容：

  ;
  

• 它将呈现如下：

  ;
  

这只是我的两分钱。

Answer 7

我用一个名为 Showdown 的库构建了一个 Express 服务器，该库将 Markdown 转换为 HTML，并且还允许您在 Markdown 文件中使用 HTML，这就是我能够使用 javascript 并链接到我的 css 文件的方式。

TOC.md

<script src="/js/toc"></script>

server.js

app.get('/js/toc', (req, res) => {
    fs.readFile(path.join(__dirname, 'public', 'js', 'toc.js'), 'utf-8', (err, data) => {
        if(err) throw err;
        res.set({
            'Content-Type': 'text/javascript'
        })
        res.send(data)
    })
})

或者您可以使用快速静态中间件来完成。您只需将 javascript 文件放入名为 public 的文件夹中即可。

TOC.md

<script src="/static/js/toc.js"></script>

server.js

app.use('/static', express.static('public'))

Answer 8

您可以使用 pandoc，它可以很好地处理此输入（通常是 javascript）。

Answer 9

根据我的经验，只要删除可能混淆 Markdown 的代码格式，Markdown 就会将 JavaScript 文本输出为纯文本。

1. 从 javascript 中删除注释，因为 /* ... */ 被翻译为 < em>
2. 删除每行前面的空格缩进。 < p>可以根据您的缩进插入。

基本上我所做的就是检查生成的 html 并找出通过 markdown 在我的 javascript 代码之间插入了哪些额外标签。并删除生成额外标签的格式。

Answer 10

一个好主意是将本地和云 js 源分开：

在帖子文件中：

cloudjs:
 - //cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js
 - //cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js
localjs:
 - datamaps.world.min.js
 - custom.js  

在页脚包含后的默认文件中：

   {% for js in page.cloudjs %}

        <script type="text/javascript" src="{{ js }}"></script>

    {% endfor %}


    {% for js in page.localjs %}

        <script type="text/javascript" src="{{ "/assets/scripts/" | prepend: site.baseurl | append: js }}"></script>

    {% endfor %}

Answer 11

只需缩进第一行包含 <脚本>标签。