首页 » 建站手册 » Typecho写文章时插入表格最简单的方法

Typecho写文章时插入表格最简单的方法

谷歌已收录,更新于2019年06月29日; 如遇到问题,请留言及时通知站长; 欢迎加入 三生三世,讨论各种问题!

说明

我们写文章时,经常会引入一些表格,有可能是数据之类的表格,有可能是图片表格(比如,两张图对比,表格看起来好些,可以一排放好几个图片,而不需要额外自己写css)。当然,这种操作,是基于markdown的,也是markdown插入表格的方法。好啦,废话到此为止。接下来,让我们一起给文章插入表格。

插入表格

下面分别给出了表格居中对齐、靠左对齐、靠右对齐的方法,以及一个站长推荐的对齐方式,很简单就能写出一个表格。

typecho预览

居中对齐

:-:|:-:|:-:
网站名称|网站地址|网站描述
黑冰技术站|black1ce.com|黑驿测不止于评测,海量工具相应教程应有尽有
网站名称网站地址网站描述
黑冰技术站black1ce.com黑驿测不止于评测,海量工具相应教程应有尽有

靠左对齐

:-:|:-:|:-:
网站名称|网站地址|网站描述
黑冰技术站|black1ce.com|黑驿测不止于评测,海量工具相应教程应有尽有
网站名称网站地址网站描述
黑冰技术站black1ce.com黑驿测不止于评测,海量工具相应教程应有尽有

靠右对齐

-:|-:|-:
网站名称|网站地址|网站描述
黑冰技术站|black1ce.com|黑驿测不止于评测,海量工具相应教程应有尽有
网站名称网站地址网站描述
黑冰技术站black1ce.com黑驿测不止于评测,海量工具相应教程应有尽有

推荐对齐方式

网站名称|网站地址|网站描述
-:|:-:|:-
黑冰技术站|black1ce.com|黑驿测不止于评测,海量工具相应教程应有尽有
网站名称网站地址网站描述
黑冰技术站black1ce.com黑驿测不止于评测,海量工具相应教程应有尽有

后续

学会了吧,不管几×几的表格,都可以这么写。注意其中的:-:,代表居中的意思;:-,代表靠左对齐;-:,代表靠右对齐;|,代表表格线。当然,请忽略本文中表格的样式,站长改了而已。默认的话,就是你们认为的那种表格。

一个只会魔改主题,而不会制作主题的站长,专业扒各种网站的各种样式。希望每一位来到这里的访客,都能拿到你们需要的资源!

发表评论

已有 12 条评论

  1. dayday dayday说道:

    那在表格中输出这个|符号如何输出

    1. 枂下 枂下说道:

      我又更新了下文章,多给了几个例子,你可以参考下

    2. 枂下 枂下说道:

      键盘上不就有吗,回车键旁边。摁住shift键,再加反斜杠

      1. dayday dayday说道:

        比如我的是
        :-:|:-:|:-:|:-:
        \||按位或运算符|有1为1|(a\|b)=61|0011 1101
        无法转义
        我只能用/替代

        1. 枂下 枂下说道:

          转义什么的,我就不懂了😂

          1. dayday dayday说道:

            好吧,感谢你博客的方法,🙂,我只能找别的的解决方法,如果找到我会回复

      2. dayday dayday说道:

        反斜杠在好像无效这里无效,\||这种格式他输出来表格只是\,并不是|

        1. 枂下 枂下说道:

          shift+\,不行就复制
          ||||||||

  2. 逝雪蓝冰 逝雪蓝冰说道:

    有用,很实用!markdown语法真的生动形象而且简单,我的博客网站使用hexo生成静态文件,所有的博文都是直接使用markdown语法书写的。

    1. 枂下 枂下说道:

      hexo也算是静态网页了,没用过。typecho支持的markdown语法还是很少的

      1. 逝雪蓝冰 逝雪蓝冰说道:

        一般都够用了,markdown本来就是主打简单粗暴,一般的博文排版都够用的,不用多少学习成本,想用复杂的还是可以使用html标记语言的,typecho也是支持在markdown中插入html的,最新版为了安全起见需要用上下三个感叹号包围起来:
        !!!
        html标记语句
        !!!

        1. 枂下 枂下说道:

          嗯嗯,这个东西在我用过两次,挺方便的

最近动态查看

    利用短代码实现了文章正文任意位置插入[googleads],前端自动变为谷歌广告。这样,文章过长时,可以随意插入广告了。
返回主页看更多
赏杯咖啡给站长 支付宝 扫一扫