终于在Typecho中实现图片居中了
侧边栏壁纸
  • 累计撰写 291 篇文章
  • 累计收到 2,718 条评论

终于在Typecho中实现图片居中了

秦大叔
2019-11-15 / 49 评论 / 18,093 阅读 / 正在检测是否收录...

  自打换用Typecho写博后,最伤脑筋的一件事就是图片没法居中。

  为此,在网上搜过一段时间Markdown语法。很多文章说这玩意好用,各种吹捧,但我是真心体会不到一点好,只觉得弱爆了。关于在Typecho中实现图片居中的文章看过不少,一直没找到管用的,今天看到一篇《为 Typecho编辑器增加 HTML标签支持》,总算解决了这个问题。原文链接:https://wenhairu.com/typecho-html.html

  垃圾Markdown,到头来还是要靠HTML来解决问题:修改/var/HyperDown.php文件第17行,在现有标签中直接增加新标签即可。我就加了个center和a标签,完美实现图片居中和链接在新窗口打开。

本文共 182 个字数,平均阅读时长 ≈ 1分钟
0

打赏

海报

正在生成.....

评论 (49)

取消
  1. 头像
    repostone Lv.1
    Windows 8.1 · Google Chrome
    沙发

    居中总是好的。

    回复 删除 垃圾
  2. 头像
    两对半 Lv.2
    Windows 7 · Google Chrome
    板凳

    最近刚听说Typecho,据说挺不错的

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ 两对半

      功能够用,不那么耗资源,速度相应的也要快一点。

      回复 删除 垃圾
  3. 头像
    云中君 Lv.3
    Windows 10 · Google Chrome
    地毯

    我感觉还是居中好看!

    回复 删除 垃圾
  4. 头像
    平顶山 Lv.2
    Android Pie · Google Chrome
    第4楼

    过来看看,居中也可以定义下css

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ 平顶山

      css不知道怎么改,折腾过几次都没成功。再者,css定义了居中,我想靠左或者靠右又怎么办呢?

      回复 删除 垃圾
      1. 头像
        平顶山 Lv.2
        Windows 10 · Google Chrome
        @ 秦大叔

        修改img定义margin: 0 auto;

        回复 删除 垃圾
        1. 头像
          秦大叔 Lv.6 作者
          Windows 10 · MicroSoft Edge
          @ 平顶山

          我都不知所云,无从改起

          回复 删除 垃圾
        2. 头像
          yu Lv.1
          Windows 10 · Google Chrome
          @ 平顶山

          请问在哪个文件里面修改css呢

          回复 删除 垃圾
  5. 头像
    FROYO Lv.4
    Windows 7 · Google Chrome
    第5楼

    一直想换成typecho,没找到完美的转换方法

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ FROYO

      我反正是用简单粗暴的方法,一篇篇复制粘贴,所以至今还有大半博文没转过来。

      回复 删除 垃圾
      1. 头像
        FROYO Lv.4
        Windows 7 · Google Chrome
        @ 秦大叔

        大叔这是什么主题,求一款
        另外,我把wp转成typecho了,官方有个转换插件也有说明文档,评论和文章很容易转过去,不要再复制粘贴啦

        回复 删除 垃圾
        1. 头像
          秦大叔 Lv.6 作者
          Windows 10 · MicroSoft Edge
          @ FROYO

          页脚下有主题作者的链接。有空我看看转换的说明文档,看看能搞不。

          回复 删除 垃圾
    2. 头像
      不亦乐乎 Lv.3
      Windows 10 · Google Chrome
      @ FROYO

      现在都玩全静态了,不过wp转全静态更麻烦

      回复 删除 垃圾
      1. 头像
        秦大叔 Lv.6 作者
        Windows 10 · MicroSoft Edge
        @ 不亦乐乎

        我倒不是追求全静态,而是现在这个腾讯学生主机比以前那个京东的学生机性能差很多,感觉WP用起来卡,这才试试typecho

        回复 删除 垃圾
  6. 头像
    大致 Lv.4
    Windows 7 · FireFox
    第6楼

    markdown落到最后还是要改css的。

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ 大致

      改css就恕我无能为力了

      回复 删除 垃圾
  7. 头像
    行吟游子 Lv.1
    Windows 10 · Google Chrome
    第7楼

    这个不错,做个记号,说不定随时要用到。

    回复 删除 垃圾
  8. 头像
    Mai1Me Lv.1
    Windows 7 · Google Chrome
    第8楼

    还能折腾
    年轻真好

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ Mai1Me

      这都是被逼的,实在是受不了啦!

      回复 删除 垃圾
  9. 头像
    不亦乐乎 Lv.3
    Windows 10 · Google Chrome
    第9楼

    图片在哪里?

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ 不亦乐乎

      之前有两篇带图的博文改了下,再往前的懒得动了。

      回复 删除 垃圾
  10. 头像
    Betty Lv.3
    MacOS · Google Chrome
    第10楼

    Typecho 我之前用过三天就卸了,搜索太不人性 —— 搜索关键词居然只支持标题,WP 就支持标题+内文。

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ Betty

      我试了下,可以搜内文内容啊。

      回复 删除 垃圾
      1. 头像
        Betty Lv.3
        MacOS · Google Chrome
        @ 秦大叔

        那大概也许可能有过版本升级后就支持搜整站了吧

        当时头两天还不亦乐乎搞着主题,第三天发现在后台搜索的话,关键词仅限标题我就删了……

        回复 删除 垃圾
        1. 头像
          秦大叔 Lv.6 作者
          Windows 10 · MicroSoft Edge
          @ Betty

          呃,原来你说的后台搜索……我又试了下,不支持内文。

          回复 删除 垃圾
  11. 头像
    归臧 Lv.1
    MacOS · Google Chrome
    第11楼

    我都是直接在样式中强制图片居中。完全忍受不了图片参差不齐的样子。

    回复 删除 垃圾
  12. 头像
    大事记 Lv.1
    Windows 10 · Google Chrome
    第12楼

    Typecho 编辑器真的要好好改造一下,不过人家从一开始就是为Markdown而生,用不惯还真不方便

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ 大事记

      习惯我可以改,但是功能缺失这种硬伤没法忍。

      回复 删除 垃圾
  13. 头像
    老陳网志 Lv.1
    Windows 10 · FireFox
    第13楼

    这主题简洁大方~

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 7 · Google Chrome
      @ 老陳网志

      主机太烂,不足以支撑豪华主题

      回复 删除 垃圾
  14. 头像
    心灵博客 Lv.2
    MacOS · Google Chrome
    第14楼

    图片居中?
    直接在编辑器里面用html代码调用图片就行了吧。

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ 心灵博客

      没在编辑器里见过你说的东西

      回复 删除 垃圾
  15. 头像
    响石潭 Lv.3
    Windows 10 · Google Chrome
    第15楼

    之前也安装过试了试,但是觉得不方便,又不懂技术,大眼瞪小眼,无奈

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ 响石潭

      看需求吧,只是简单的写博,typecho足够用了,安装使用也简单。

      回复 删除 垃圾
  16. 头像
    zmmio Lv.2
    Windows 10 · Google Chrome
    第16楼

    直接在markdown里面使用就可以了

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 7 · Google Chrome
      @ zmmio

      我用过center,代码也会被当文字显示出来

      回复 删除 垃圾
  17. 头像
    zmmio Lv.2
    Windows 10 · Google Chrome
    第17楼

    center

    回复 删除 垃圾
  18. 头像
    Loekman Lv.1
    MacOS · Safari
    第18楼

    默认编辑器直接上html,和markdown混着用,加个div

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ Loekman

      反正这个方法我没成功过

      回复 删除 垃圾
  19. 头像
    ゆパパ Lv.1
    Windows 10 · Google Chrome
    第19楼

    Typecho之前用过,感觉刚开始的时候挺折腾的

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ ゆパパ

      我感觉还好,安装什么的也没遇到问题,其它可能我也要求不高不需要折腾,唯一觉得折腾的就是排版什么的不方便。

      回复 删除 垃圾
  20. 头像
    大大的小蜗牛 Lv.1
    Linux · Google Chrome
    第20楼

    一般是动CSS,能不能程序文件就不动程序文件。

    回复 删除 垃圾
    1. 头像
      秦大叔 Lv.6 作者
      Windows 10 · MicroSoft Edge
      @ 大大的小蜗牛

      无奈不知道怎么动css

      回复 删除 垃圾