首页 > 网站 > WEB开发 > 正文

使用Markdown在博客里插入代码

2024-04-27 14:28:03
字体:
来源:转载
供稿:网友
使用Markdown在博客里插入代码

今天尝试了一下在线使用Markdown编辑器写博客,发现想要实现下面这样的效果还真得折腾一会儿。

<html>   <head>      <meta charset="utf-8" />      <title>固定宽度的圆角</title>      <link rel="stylesheet" type="text/CSS" href="test.css">   </head>   <body>      <div class="midground">         <div class="foreground">            <p>Your content will go here!</p>         </div>      </div>   </body></html>

可以看到,在将设置默认编辑器选为"Markdown"之后,就没有插入代码的选择项了,我便开始了摸索的过程。刚开始我按照语法,直接把代码粘贴在了两个反引号之间,效果显示如下:

<html> <head> <meta charset="utf-8" /> <title>固定宽度的圆角</title> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> <div class="midground"> <div class="foreground"> <p>Your content will go here!</p> </div> </div> </body> </html>

=_=不想吐槽了。然后又折腾了老半天,终于弄出上面那样的效果,具体格式:

如果有哪行没有按照格式写,那么就会出现下面这样的情况:

固定宽度的圆角

Your content will go here!

很奇怪有木有,直接执行了代码(PS:发现这点之后我就去看了一些关于XSS攻击的知识,各种尝试,没有成功,应该是因为我写的那些意图比较明显,全被过滤或者禁止掉了,等学高级点再试)。在编辑器里是写成这样的:

刚开始都拿反引号包住代码,后来发现反引号没有消失,尝试删了一下,没有出现问题,就酱紫了!


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表