技术学习

Typecho获取文章缩略图,文章缩略图

众所周知,Typehco使用的是MARKDOWN语法,优点就是不用在排版上费太多功夫。整理笔记非常方便。(想要居中的时候想哭……)不过这不是今天讨论的重点。

连续制作了几套Typecho模板,百度找了几个获取缩略图都是需要手动在文章里面找一个图片替换为IMG标签

  • //Markdown内联式图片编写方式
  • ![我是图片描述](https://cdn1.qqzmly.com/usr/uploads/2019/10/2050932897.jpg)
  • //Markdown脚部式图片编写方式
  • ![请输入图片描述][1]
  • [1]: https://cdn1.qqzmly.com/usr/uploads/2019/10/2050932897.jpg
  • //HTML5图片编写方式 (传统方法都要把前面两种改为下面这个
  • <img src="https://cdn1.qqzmly.com/usr/uploads/2019/10/2050932897.jpg" alt="请输入图片描述">

今天分享的是Typecho获取文章缩略图,随机缩略图(非插件)

上面三种方式随便一种都能够调用出缩略图,如果文章没有图则输出一张随机图。优先级为HTML5图片编写方式>Markdown内联式图片编写方式>Markdown脚部式图片编写方式>随机缩略图

  • 主题functions.php添加以下代码
  • function img_postthumb($thumbThis) {
  • $db = Typecho_Db::get();
  • $rs = $db->fetchRow($db->select('table.contents.text')
  • ->from('table.contents')
  • ->where('table.contents.cid=?', $thumbThis->cid)
  • ->order('table.contents.cid', Typecho_Db::SORT_ASC)
  • ->limit(1));
  • preg_match_all('/\<img.*?src\=\"(.*?)\"[^>]*>/i', $rs['text'], $thumbUrl); //通过正则式获取图片地址
  • preg_match_all('/\!\[.*?\]\((http(s)?:\/\/.*?(jpg|png))/i', $rs['text'], $patternMD); //通过正则式获取图片地址
  • preg_match_all('/\[.*?\]:\s*(http(s)?:\/\/.*?(jpg|png))/i', $rs['text'], $patternMDfoot); //通过正则式获取图片地址
  • if(count($thumbUrl[0])>0){
  • return $thumbUrl[1][0]; //当找到一个src地址的时候,输出缩略图
  • }else if(count($patternMD[0])>0){
  • return $patternMD[1][0];
  • }else if(count($patternMDfoot[0])>0){
  • return $patternMDfoot[1][0];
  • }else{
  • //在主题根目录下的 /img 目录下放随机图片 thumb_开头
  • //如:thumb_1.jpg
  • return $thumbThis->widget('Widget_Options')->themeUrl."/img/thumb_".rand(1,5).".jpg";
  • }
  • }
  • index.php等文件里调用方式
  • <?php echo img_postthumb($this); ?>
GouGe
程志辉 前行的路充满未知,不努力尝试,永远都不知道有多精彩。

发表评论

已有 41 条评论
  1. 前些日子过来看了几次没更新,不知你情况如何?
    现在冒泡了证明一切安好!
    现在在哪里?

    1. 谢谢关心,目前在湖北黄石,身体一切正常没有任何异样。放假在家想更些内容,又不知道从何写起。

      1. 那边比我们老家这边好,注意防护!

      2. 一定要注意防护,加油静待春暖花开时..

  2. 新模板不错哦

  3. 换模板了,不错啊

  4. 其实Markdown里面还是可以直接插入HTML语言的,我的hexo是直接插入,居左、居右直接使用HTML代码即可;至于typecho,可以用单独的两行感叹号包裹HTML语言实现插入。Markdown语言值得好好学一下,发明之初就是方便写博客和新闻的,像插入图片、链接、表格、列表,功能强大使用简单。有些模板主题还能按小标题自动实现目录功能,如我现在的网站next主题,next主题里面还有多种不同风格可供选择,只要简单大气方便阅读看着舒服,不用太折腾。

  5. MARKDOWN语法确实烦人-.-

    1. 嘿嘿,但总体还是很舒服的,写作上内容永远都是王道,而不是一直考虑怎么样排版好看。

      1. 单词的写作够用了!加些代码就很难受了!