上篇文章总结了Markdown的基本语法,在编辑文章的过程中,碰到一些不便之处。比如:如何使段首缩进;如何使图片居中;如何在新窗口中打开链接?这些问题将在这里迎刃而解。

如何使段首缩进

  使段首缩进,最好使用css来实现,这样可以保证数据和展示分离。当然,也有可以替代的方法。通常在段首文字前使用" "占位一个字符,缩进两个字符使用"  "。

如何使图片居中

  Markdown语法可以和Html同时使用,单纯的markdown语法无法实现图片的位置,所以借助html标签来实现。除此之外,定义图片的宽和高也需要借助html元素来实现。如下图:

<center>
    ![CSDN图标](http://imgtech.gmw.cn/attachement/jpg/site2/20111223/f04da22d7ba7105e1d7507.jpg "这是CSDN的图标")
</center>


CSDN图标

如何在新窗口中打开链接

  默认是在本窗口打开的,为了有更好的阅读体验,我们往往希望在新窗口打开超链接,并不希望影响阅读本文。markdown目前应该还不支持这种语法的,但可以用其他方式来解决 比如jQuery 在合适的地方加上如下代码:

<script type="text/javascript">
    $(document).ready(function() {
        //为超链接加上target='_blank'属性
        $('a[href^="http"]').each(function() {
            $(this).attr('target', '_blank');
        });
    });
</script>
文章作者:admin
本文链接:https://javatech.wang/index.php/archives/12/
版本所有 ©转载时必须以链接形式注明作者和原始出处