Loading...  typecho文章使用markdown解析器可以插入图片,但图片信息只能作为alt属性存在,还需要单独为图片写注释,如: - 插入方式如下: >!\[我是注释](https://i.loli.net/2019/08/22/aMzOEdkTth1F4Km.png) - 原始markdown插入图片  - 更改后插入图片  将注释信息直接显示出来,更清晰直观。 **** ###修改方式如下: 1. 找到typecho安装目录下的var/HyperDown.php,搜索image,找到如下代码 ```php // image $text = preg_replace_callback( "/!\[((?:[^\]]|\\\\\]|\\\\\[)*?)\]\(((?:[^\)]|\\\\\)|\\\\\()+?)\)/", function ($matches) use ($self) { $escaped = htmlspecialchars($self->escapeBracket($matches[1])); $url = $self->escapeBracket($matches[2]); $url = $self->cleanUrl($url); return $self->makeHolder( "<img src=\"{$url}\" alt=\"{$escaped}\" title=\"{$escaped}\">" ); }, $text ); ``` 将357行的: ``` <img src=\"{$url}\" alt=\"{$escaped}\" title=\"{$escaped}\"> ``` 修改为 ``` <img class=\"img\" src=\"{$url}\" alt=\"{$escaped}\" title=\"{$escaped}\"><center><div class=\"image-caption\">{$escaped}</div></center> ``` 2. 添加自定义css ```css /*设置图片插入居中*/ .img {clear:both;display:block;margin:auto;} /* 设置注释样式*/ .image-caption{ min-width: 20%; max-width: 80%; min-height: 22px; display: inline-block; padding: 10px; margin: 0 auto; border-bottom: 1px solid #d9d9d9; font-size: 14px; color: #969696; line-height: 1.7; } ``` 默认的字体颜色是配合非透明模式的,透明模式将上面color: #969696;改为color:white; <hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal"><p class="content-copyright">版权属于:gogobody</p><p class="content-copyright">本文链接:<a class="content-copyright" href="https://blog.gogobody.cn/archives/17/">https://blog.gogobody.cn/archives/17/</a></p><p class="content-copyright">转载时须注明出处及本声明</p></blockquote> Last modification:September 18th, 2019 at 05:01 pm © 允许规范转载 Support 如果觉得我的文章对你有用,请随意赞赏 ×Close Appreciate the author Sweeping payments Pay by AliPay Pay by WeChat
没生效啊
主题更新了,居中字体颜色没改
知道了,原来是与文章内图片浮动 css冲突了
貌似表情出现问题
效率很高博主,赞
欢迎常来~φ( ̄∇ ̄o)
等下 好像并没有生效。我的qq 36472214
清一下缓存~
样式里少一个img
没生效,就很奇怪。
感谢反馈!!!和表情样式重叠了,我修改一下