自己开发制作一个typecho主题需要什么知识？ typecho作为轻量级的博客系统，要自己开发制作一个Typecho主题，您需要具备以下知识：基本网站架构知识：了解网站由哪些部分组成，以及它们之间的关系。主题开发知识：掌握HTML、CSS、JavaScript和PHP等前端开发技术的基本要求，以及如何使用这些技术来创建个性化主题。虽然做主题主要的html的事，但是毕竟这个html是要嵌入PHP中的，所以PHP语言也是需要懂一点的，不过只要能看懂基本的语句就可以，比如条件语句，循环语句，还有字符串输出等等基本的东西就可以了，对于初学者来说在做主题的时候尽量不要改里面PHP部分，很容易改出问题。Typecho知识：了解Typecho的工作原理和核心功能、原始目的、遵循的开源协议、主题更换的简单方法等。了解Typecho主题开发知识，包括如何编写、修改和维护主题源代码，如何使用插件进行主题修改和个性化定制等，第一次做主题尽量在默认主题或找个模板上修改，因为这样知道自己修改的地方是什么效果，是什么样子。熟悉Typecho的主题个性化方法，包括修改主题源代码、使用插件进行修改、使用CSS进行修改等。具备团队合作和沟通协调能力，因为在制作Typecho主题的过程中，可能需要与其他开发人员或团队协作。需要注意的是，在实际开发中，还需要掌握更多的前端开发技术和工具，需要对网站设计和开发有一定的了解和经验，同时需要具备较强的自学能力和解决问题的能力，Typecho官方提供了主题开发文档和教程，可以帮助开发者更好地了解和使用Typecho。我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=9xc7fyujqxsp

typecho主题开发中常用的函数（更新版） 本文收集一些在typecho主题开发中常用的函数，并不断更新。typecho输出文章缩略图/** 输出文章缩略图 */ function showThumbnail($widget) { // 当文章无图片时的默认缩略图 $rand = rand(1,5); // 随机 1-5 张缩略图 $random = $widget->widget('Widget_Options')->themeUrl . '/img/' . $rand . '.jpg'; // 随机缩略图路径 // $random = $widget->widget('Widget_Options')->themeUrl . '/img/mr.jpg'; // 若只想要一张默认缩略图请删除本行开头的"//" $attach = $widget->attachments(1)->attachment; $pattern = '/\<img.*?src\=\"(.*?)\"[^>]*>/i'; if (preg_match_all($pattern, $widget->content, $thumbUrl)) { echo $thumbUrl[1][0]; } else if ($attach->isImage) { echo $attach->url; } else { echo $random; } }调用方法<?php showThumbnail($this); ?>typecho输出随机文章class Widget_Contents_Post_Rand extends Widget_Abstract_Contents { public function execute() { $this->parameter->setDefault(array('pageSize' => $this->options->postsListSize)); $this->db->fetchAll($this->select() ->where('table.contents.status = ?', 'publish') ->where('table.contents.created options->time) ->where('table.contents.type = ?', 'post') ->order('RAND()', Typecho_Db::SORT_DESC) ->limit($this->parameter->pageSize), array($this, 'push')); } }调用方法<?php $this->widget('Widget_Contents_Post_Rand','pageSize=10')->to($Rand);while($Rand->next()): ?>Title增加副标题<?php if ($this->is('index')): ?> - 副标题<?php endif; ?> 分页标题<title><?php if($this->_currentPage>1) echo '第 '.$this->_currentPage.' 页 - '; ?><?php $this->archiveTitle(' » ', '', ' - '); ?><?php $this->options->title(); ?></title> typecho输出相关文章<?php $this->related(5)->to($relatedPosts); ?> <ul> <?php while ($relatedPosts->next()): ?> <li><a href="<?php $relatedPosts->permalink(); ?>" title="<?php $relatedPosts->title(); ?>"><?php $relatedPosts->title(); ?></a></li> <?php endwhile; ?> </ul>文章阅读量统计在 模板文件func­tions.php 中加入下面代码function get_post_view($archive) { $cid = $archive->cid; $db = Typecho_Db::get(); $prefix = $db->getPrefix(); if (!array_key_exists('views', $db->fetchRow($db->select()->from('table.contents')))) { $db->query('ALTER TABLE `' . $prefix . 'contents` ADD `views` INT(10) DEFAULT 0;'); echo 0; return; } $row = $db->fetchRow($db->select('views')->from('table.contents')->where('cid = ?', $cid)); if ($archive->is('single')) { $db->query($db->update('table.contents')->rows(array('views' => (int) $row['views'] + 1))->where('cid = ?', $cid)); } echo $row['views']; }调用方法<?php get_post_view($this) ?>

typecho主题开发 — 巧妙运用时间处理库Day.js（轻量级，拿来就能用） 什么是Day.js？它是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。,文件大小只有2KB左右，下载、解析js更少。Day.js使用实战今天改主题时候发现原主题的js太笨重了，看着有点眼花(ps:主要是一直在重复造轮子)网上找了下最好的解决办法就是用时间处理库dayjs,一开始我也想过用moment.js，但是moment太大了这个主题用到的东西不多，Dayjs刚刚好。主题代码分析原主题统计网站运用日期jsfunction show_date_time(){ window.setTimeout("show_date_time()", 1000); BirthDay=new Date("2001-1-1"); <!-- 网站运行时间 --> today=new Date(); timeold=(today.getTime()-BirthDay.getTime()); sectimeold=timeold/1000 secondsold=Math.floor(sectimeold); msPerDay=24*60*60*1000 e_daysold=timeold/msPerDay daysold=Math.floor(e_daysold); e_hrsold=(e_daysold-daysold)*24; hrsold=Math.floor(e_hrsold); e_minsold=(e_hrsold-hrsold)*60; minsold=Math.floor((e_hrsold-hrsold)*60); seconds=Math.floor((e_minsold-minsold)*60); span_dt_dt.innerHTML='已运行 <font style=color:#C40000>'+daysold+'</font> 天 <font style=color:#C40000>'+hrsold+'</font> 时 <font style=color:#C40000>'+minsold+'</font> 分<!--<font style=color:#C40000>'+seconds+'</font> 秒-->'; } show_date_time();用了dayjs后 let qingrenjie = dayjs().diff(dayjs('<2001-1-1'), 'days') document.getElementById('begin_time').innerHTML = qingrenjie原生的js差不多快20行了，用来插件后的只需2行代码看着也简洁很多，这个主题中要用到很多倒计时的功能(！重复造轮子)，为了方便看的不花用dayjs是最好的选择。在dayjs中有很多的函数是我们经常可以用到的1）初始化日期 / 时间dayjs().format('YYYY-MM-DD'); // 初始化日期 dayjs().format('YYYY-MM-DD HH:mm:ss'); // 初始化日期时间 2）式化日期 / 时间dayjs(value).format('YYYY-MM-DD'); // 初始化日期 dayjs(value).format('YYYY-MM-DD HH:mm:ss'); // 初始化日期时间 3）加 / 减dayjs().add / dayjs().subtract 代表在当前时间上去加减；dayjs(value).add / dayjs(value).subtract 代表在指定时间（value）上去加减；dayjs().add(7, 'day').format('YYYY-MM-DD'); // 2023-05- 8 今天（2023-05-15）加上7天 dayjs().add(1, 'month').format('YYYY-MM-DD'); // 2023-06-15 今天（2023-05-15）加上一月 dayjs().subtract(2, 'year').format('YYYY-MM-DD'); // 2021-05-15 今天（2023-05-15）减去2年 dayjs().subtract(2, 'hour').format('YYYY-MM-DD HH:mm:ss'); // 2023-05-15 18:00:00 今天现在（2023-05-15 20:00:00）减去2小时4）计算日期dayjs().diff(dayjs('2023-5-14'), 'days') //当前日期 - dayjs（）中的日期5)参考当前时间 dayjs() 时间字符串 dayjs('2018-06-03') 时间戳 dayjs(1528361259484) Date 对象 dayjs(new Date(2018,8,18)) 复制 dayjs().clone() 检测当前 Dayjs 对象是否是一个有效的时间 dayjs().isValid() 获取 年 ： dayjs().year() 月 ： dayjs().month() 日 ： dayjs().date() 星期 ： dayjs().day() 时 ： dayjs().hour() 分 ： dayjs().minute() 秒 ： dayjs().second() 毫秒 ： dayjs().millisecond() 设置 dayjs().set('year',2017) dayjs().set('month',9) 增加时间并返回一个新的 Dayjs() 对象 dayjs().add(7, 'day') dayjs().add(7, 'year') 减少时间并返回一个新的 Dayjs() 对象 dayjs().subtract(7, 'year') dayjs().subtract(7, 'month') 返回当前时间的开头时间的 Dayjs() 对象，如月份的第一天。 dayjs().startOf('year') dayjs().startOf('month') 返回当前时间的末尾时间的 Dayjs() 对象，如月份的最后一天。 dayjs().endOf('month') dayjs().endOf('year') 格式化 dayjs().format() dayjs().format('YYYY-MM-DD dddd HH:mm:ss.SSS A') 时间差 dayjs('2018-06-08').diff(dayjs('2017-06-01'),'years') dayjs('2018-06-08').diff(dayjs('2017-06-01'),'day') dayjs('2018-06-08').diff(dayjs('2017-06-01'),'hour') Unix 时间戳 (毫秒) dayjs().valueOf() Unix 时间戳 (秒) dayjs().unix() 返回月份的天数 dayjs().daysInMonth() 返回原生的 Date 对象 dayjs().toDate() 返回包含时间数值的数组 dayjs().toArray() 当序列化 Dayjs 对象时，会返回 ISO8601 格式的字符串 dayjs().toJSON() //2018-06-08T02:44:30.599Z 返回 ISO8601 格式的字符串 dayjs().toISOString() //2018-06-08T02:46:06.554Z 返回包含时间数值的对象 dayjs().toObject() 字符串 dayjs().toString() 检查一个 Dayjs 对象是否在另一个 Dayjs 对象时间之前 dayjs('2018-06-01').isBefore(dayjs('2018-06-02')) 检查一个 Dayjs 对象是否和另一个 Dayjs 对象时间相同 dayjs().isSame(dayjs()) 检查一个 Dayjs 对象是否在另一个 Dayjs 对象时间之后 dayjs().isAfter(dayjs()) 本文只是我一个学习过程的文章，后续本文会一直更新

typecho主题开发— typecho获取文章缩略图,随机图 前言用Brave勇敢爱主题很多年了，原开源作者是免费的，在作者看到有人美化了一下就开价52块钱（ps:比我之前买handsome的主题还要贵）还在博客说今年的520过后就涨价到99，看了下对方的源代码写的不是很好,感觉不值这个加钱,我还是自己重新改下在开源吧，等空的时候也把小程序也弄出来。网上写获取文章缩略图的文章不是很多，这里记录一下今天在主题中添加的代码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,7).".jpg"; } }` 文件调用方式<?php echo img_postthumb($this); ?>

Typecho纯代码添加浏览量代码 Typecho 作为一个简洁高效的博客平台，其添加浏览量的功能十分重要。以下是 Typecho 纯代码添加浏览量代码的步骤：1) 打开 Typecho 主题文件夹，找到 post.php 文件，打开并找到文章正文下方的 “<?php $this->content ();?>” 代码处。 2) 在该代码之前添加如下代码： <?php $db = Typecho_Db::get(); $cid = $this->cid; $sql = "UPDATE " . $db->getPrefix() . "contents SET views = (views + 1) WHERE cid = ".$cid; $db->query($sql); $views = $this->viewsNum($this->cid); ?> <p>阅读量：<?php echo $views;?></p>3) 保存文件，上传至服务器，刷新文章页面即可看到已经添加上去的浏览量功能。到这里纯代码添加浏览量代码就完成了