DefaultPro双栏主题

DefaultPro
Typecho默认主题增强版,支持暗色模式、代码高亮、图片灯箱、渐入渐出、RESTAPI等功能。
演示
{button href="https://demo.typecho.work/?theme=DefaultPro" type="blue"}在线预览{/button}
Typecho默认主题增强版,支持暗色模式、代码高亮、图片灯箱、渐入渐出、RESTAPI等功能。
{button href="https://demo.typecho.work/?theme=DefaultPro" type="blue"}在线预览{/button}
测试在pjax
重载函数里追加这些即可
if(document.querySelector('pre')){
$(function(){var compatibility={as3:"actionscript","c#":"csharp",delphi:"pascal",html:"markup",xml:"markup",vb:"basic",js:"javascript",plain:"markdown",pl:"perl",ps:"powershell"};var runFunction=function(doms,callback){doms.each(function(index,unwrappedDom){var dom=$(unwrappedDom);var codeDom=$("<code>");if(callback)callback(dom);var languageClass="prism-language-"+function(classObject){if(classObject===null)return"markdown";var className=classObject[1];return compatibility[className]?compatibility[className]:className}(dom.attr("class").match(/prism-language-([0-9a-zA-Z]+)/));
codeDom.html(dom.html()).addClass("prism-line-numbers").addClass(languageClass);dom.html("").addClass(languageClass).append(codeDom)})};runFunction($("pre.prism-highlight"));runFunction($('pre[class*="brush:"]'),function(preDom){var original;if((original=preDom.attr("class").match(/brush:([a-zA-Z0-9\#]+);/))!==null){preDom.get(0).className="prism-highlight prism-language-"+original[1]}});Prism.highlightAll()});
}
测试环境为Z-blogPHP1.7.4
主要用户各种列表页面显示 xx分类/标签下有xx篇文章
{if $type == 'index'}
<h2>最新文章</h2>
{else}
<h2>
{if $type == 'category'}
找到<span>{$category.Count}</span>篇与
{elseif $type == 'tag'}
找到<span>{$tag.Count}</span>篇与
{elseif $type == 'author'}
找到<span>{$author.Articles}</span>篇与
{/if}
<span>{$title}</span> 相关的结果</h2>
{/if}
如有更好的方式欢迎评论区补充哈!
Z-blogPHP1.7.4
判断用户是否登录
{if $user.ID > 0}
<!-- 判断用户ID是否大于0 -->
欢迎你:<a href="{$host}zb_system/cmd.php?act=login" target="_blank">{$zbp->user->StaticName}</a>
<!-- 用户登录后显示的内容 -->
{else}
<a href="{$host}zb_system/cmd.php?act=login" target="_blank">登录</a>
<!-- 用户未登录显示的内容 -->
{/if}
在zblog后台插件管理里面找到【静态管理中心】插件,注意,这个插件是安装程序后自带的,默认是没有开启的,我们启动一下,然后点击扳手图标进入插件设置。
然后点击伪静态(高手也可以修改下默认伪静态下的网址规则,新手直接略过即可),然后滚动页面到最下面点击保存
此时页面会跳转伪静态规则页面
不同服务器环境规则写法不同,根据自己环境选择下,然后复制伪静态规则,填到自己网站控制面板伪静态规则里面保存即可
Typecho
博客评论邮件提醒,支持异步回调(异步回调优点就是不影响博客评论提交速度),支持编辑邮件模板,支持第三方开发邮件模板,发信方式支持SMTP与阿里云邮箱推送,支持表情回调(需要主题支持)
下载后将压缩包解压到 /usr/plugins
目录
文件夹名改为CommentNotifier
登录管理后台,激活插件
配置插件 填写SMTP参数/阿里云邮箱推送参数
支持显示大部分主题的评论表情
typecho
版本为1.2.0
及以上
php: >=7.2.0
如果启用SMTP
加密模式PHP需要打开openssl
扩展
邮件服务基于PHPMailer
本插件为 Typecho 博客系统提供密码找回功能。用户可以通过注册邮箱接收密码重置链接,从而重新设置账户密码。
原始仓库地址: typecho-fans/plugins/Passport
此版本在原版基础上进行了功能增强和 UI 优化。
开源地址:https://github.com/little-gt/PLUGION-Passport
支持多种验证码服务:
zblog输出20个热门标签
{php}$tags = $zbp->GetTagList('','',array('tag_Count'=>'DESC'),array(20),'');{/php}
{foreach $tags as $tag}
<a href="{$tag.Url}" rel="tag" title="{$tag.Count} 篇文章">#{$tag.Name}</a>
{/foreach}
其中数量可以自行修改代码中的20
,改成你想要的数量
标签网址:{$tag.Url}
标签名字:{$tag.Name}
标签下文章数量:{$tag.Count}
zblog输出所有分类列表,一般用于侧栏显示
{foreach $categoriesbyorder as $category}
<a href="{$category.Url}" title="{$category.Count} 篇文章" >
{$category.Name}
</a>
{/foreach}
详细参数说明如下图:
Aplayer to Typecho背景音乐插件,支持使用InstantClick
或常规pjax
的主题。
InstantClick
/ 常规Pjax
两种模式在喧嚣的网络世界,Nook为你打造一处专注表达的宁静之地。极简的设计、温柔的色调、流畅的阅读体验,让每一篇文字都如角落里的微光,安静却充满力量。
支持自定义字体 支持邮箱提醒 拥有文章归档 友链 后台文章类型展现在归档上
Archives.html
Links.html
About.html
Lving.html
{button href="https://demo.typecho.work/?theme=Nook" type="blue"}在线预览{/button}
从wordpress移植到Typecho的主题,原主题为[Mango]。
https://github.com/jkjoy/Typecho-Theme-Mango
主题发布自:https://www.imsun.pw/archives/typecho-theme-mango.html
鉴于Typecho1.3.0
迟迟未发布,故发布1.2.3
版本,相比之前发布的非官方1.2.2
修复了4
处伪静态未适配问题
删除旧版本根目录下var
和admin
文件夹,上传新版本的var
和admin
文件夹即可!
后续如果升级typecho1.3.0
之类的版本,按照官方升级文档升级即可,不会任何影响
jkOptionsFramework
是由即刻学术开发的一款 Typecho
选项框架,移植于WordPress
。
熟悉Typecho的伙计都知道,typecho 以简洁为主,然而,开发主题或者插件的过程中,其设置选项对于用户来说并不是很友好。
由于内容很多,只简要介绍部分设置。
例如,一个typecho 的主题设置可能长这样:
Typecho外链转内链插件
解压后里面的LinkGo
文件夹上传到插件目录,go
文件夹上传至typecho
主目录下。
开源地址:https://github.com/xyzbz/LinkGo
Typecho机器人提醒插件,支持登录提醒,支持评论提醒,支持钉钉、飞书、企微机器人。
开源地址:https://github.com/xyzbz/Robotpush
RobotPush
上传到 Typecho
的 usr/plugins/
目录下。RobotPush
插件并启用。登录Typecho后台,会触发一条登录推送,通过钉钉机器人webhook,发送至群提醒,一定程度上可以避免密码泄露被登录。目前可以显示登录的用户名,登录时间,登录IP。
安装插件
DingTalkLoginNotify
上传到 Typecho
的 usr/plugins/
目录下。Typecho
后台,进入“控制台” -> “插件”,找到 DingTalkLoginNotify
插件并启用配置插件
一款Live图的Typecho插件
开源地址:https://github.com/Musenxi/LivePhotos-for-Typecho
启用插件后,会自动引入 livephotoskitjs
,在编辑文章页面功能栏末尾加入 Live
标识。
功能栏点击 Live
标识后,即可在弹出的文本框中输入 Live
图对应的 JPG(JPEG)
和 MOV
文件的链接地址。
LskyUploader
是一个 Typecho
插件,用于将图片和其他文件上传至兰空图床(Lsky Pro)。它基于 isYangs
的 LskyProUpload
插件开发,经过优化和改进,提供稳定的文件上传功能。
开源地址:https://github.com/xiangmingya/LskyUploade
Api
https://your-lsky-domain.com
/
Token
API Token
1|UYsgSjmtTkPjS8qPaLl98dJwdVtU492vQbDFI6pg
Strategy_id(可选)
ID
,若留空则使用默认策略Album_id(可选)
ID
,若留空则不指定相册最后保存设置
上传文件
Typecho
后台撰写文章时,点击编辑器中的“添加媒体”「采风」是一款专为创作者设计的极简风格 Typecho 主题,强调内容呈现与阅读体验,适合技术博客、个人随笔与生活记录。
{button href="https://demo.typecho.work/?theme=caifeng" type="blue"}在线预览{/button}
开源地址:https://github.com/lovefc/typecho_caifeng
release
包/usr/themes/
目录Markdown
编辑器使用近期刷B站发现个大佬 codevtool 开发的主题生成器支持zblogPhP,emlog,还有Typecho,很是666,特此分享下!
大佬的网址:https://codevtool.com/
基于 UIkit css
框架的typecho
主题,评论功能依赖waline
{button href="https://demo.typecho.work/?theme=UIkitty" type="blue"}在线预览{/button}
网盘版相对于github版本修复了了两个报错问题
https://github.com/zmoyi/UIkittys
https://typecho.work/archives/walineJson.html
https://typecho.work/archives/Links.html
typecho的waline评论插件
按照Waline官方教程引入Waline即可,其中配置js改成如下代码
<script>
Waline({
el: '#waline',
serverURL: '你的域名/index.php/api/',
path:'<?php $this->cid() ?>',
dark:'body[class="uk-light"]',
avatar: 'retro',
copyright: false,
math:true,
highlight: 'github-dark-dimmed',
login:'disable'
});
</script>
如果你开了伪静态则可以去掉代码中的index.php
。
一款Typecho友情链接管理插件,支持 typecho1.2.0
及以上.
本版本的友情链接可以支持以下的功能:
1、自建独立数据表,干净无上限的添加友情链接信息。
2、支持两种输出方式:函数方式,用于主题模板侧边栏等嵌入位置显示;HTML标签方式,用于独立页面等编辑内容显示。
3、三种输出模式:文字友链、图片友链、图文混合友链等。内设三种默认输出规则,支持自定议设定输出规则。
4、管理面板:支持友链的分类,拖拽排序以及友链启用禁用等
5、支持友链邮箱解析头像链接(数字QQ邮箱自动优先解析无QQ号头像链接,其次有QQ号链接。其他邮箱解析Gravatar头像),方便用户添加无图片的友链。
6、支持增加自定义字段,方便用户做一些个性扩展。
二次元美化插件,在网站底部显示舰娘在水上漂,四个舰娘随机显示,舰娘支持鼠标拖拽,基于https://typecho.work/archives/Kankour.html 修改去除jquery
依赖(感谢deepseek
),删掉点击舰娘跳转网页功能。
使用南博APP需要安装南博插件, 因为所有的服务代码都整合在插件里,起初是给Typecho博客做的客户端,经过后期发展支持了更多的博客平台。
Halo,Typecho(需安装插件),WordPress(需安装插件)
https://nabo.krait.cn/docs/#/start
来自一款wp主题,小夜大佬分享出来的,主题转自https://typechx.com/themes/light-house.html。
因为是大佬自用主题,很多东西写死或者写的不人性化,使用需要自己有折腾能力.
{button href="https://liehuo.cc/" type="blue"}在线预览{/button}
依赖插件:https://typecho.work/archives/Fimg.html
Typecho评论IP归属地显示插件,插件支持IPV6和IPV4归属地获取,并且 为了避免卡顿或者获取失败 数据库都是本地 不调用任何第三方API接口。
解压后修改文件夹名为 XQLocation
,将插件上传至网站目录的 /usr/plugins
下,在 Typecho
后台「插件管理」处启用插件。
在需要显示的地方插入以下代码:
<?php XQLocation_Plugin::render($comments->ip); ?>
(此项也适用于后台)
如果是系统自带的评论框架
找到var/Widget/Comments/Archive.php
大概为108行,插入
<?php XQLocation_Plugin::render($this->ip); ?>
这是本站自用主题,近期考虑换别的主题,所以就把这个放出来吧。
主题设置功能设置里可以设置首页要显示的分类,需要填写分类mid,需要填写4个,比如我站的2,5,1,57
,填写后首页就会显示不同样式排版的四个分类了,其他设置看主题设置里的描述自行配置即可。
插件适配了:https://github.com/jrotty/soso 启用插件后弹窗搜索可以支持按分类进行搜索
详见这个文章:https://store.typecho.work/archives/shortcode.html
支持大部分的短代码(少部分不支持)
UserLog是一款Typecho的用户登陆日志插件,支持记录常规登录与通过插件接口登录(一般为社交登录)的用户信息,且支持按月归档。
保留插件目录下history
文件夹(里面就是存的登录日志的json文件),替换其余文件即可完成升级。
2024年2月17日发布1.0.9版本
支持记录ip
,旧版本升级此版本覆盖插件文件夹里面的两个php文件即可,本次升级由 @苏晓晴 和 @泽泽社长 共同完成
2023年11月7日发布1.0.8版本
修正一个链接地址,解决与NewAdmin插件的兼容问题
2023年2月26日发布1.0.7版本
新插入的数据改为插入的数据最前面,月份显示文字调整。
2023年2月23日发布1.0.5版本
支持只显示今天/昨天的登录记录,css调整优化移动端体验效果
2023年2月20日发布1.0.1版本
合计界面下支持统计当前年份下登录的用户人数,同时支持显示平均每人登录的次数。
2023年2月19日发布1.0.0版本
支持记录常规登录与通过插件接口登录的用户信息,且支持按月归档,支持显示最近5年的记录
Password Protected 插件用密码保护你的整个网站。要查看网站内容,访客必须输入密码。
理论支持 Typecho1.2.0
及以上,制作过程中仅在 Typecho1.2.1
版本上进行了实际测试.
启动插件,在插件设置中设置访问密码,设置好后,用户访问网站需要输入正确密码才能访问,正确的密码会存储7天,七天内用户免输入密码。
插件注释清晰,方便二次开发扩展,比如将写死的密码有效期7天,弄成可以自行设置的有效期,亦或是弄个密码提示,比如引导用户加微信或关注xxx公众号来获取密码等。
在HTML中解决锚点定位被顶部固定导航栏遮挡的问题,可以通过以下多种方法实现。以下是综合各技术方案的总结和推荐:
原理:通过为目标元素设置 padding-top
将其内容下移,再通过负 margin-top
抵消布局偏移,使锚点定位时实际显示位置避开顶部导航栏。
实现代码:
.target-element {
padding-top: 60px; /* 导航栏高度 */
margin-top: -60px; /* 反向抵消 */
}
优点:无需添加额外元素,纯CSS实现。
缺点:若目标元素本身有定位(如 relative),可能影响其他元素的交互(如遮挡文本选中)。
原理:在目标元素前添加一个不可见的占位锚点元素(如 <span>
),通过绝对定位调整其位置,使其成为实际跳转的锚点。
实现代码:
<!-- HTML -->
<div class="anchor-wrapper">
<span id="hidden-anchor"></span>
<h2>实际内容标题</h2>
</div>
<!-- CSS -->
<style>
.anchor-wrapper {
position: relative;
}
#hidden-anchor {
position: absolute;
top: -60px; /* 导航栏高度 */
}
</style>
优点:不破坏原有布局,兼容性好。
缺点:需额外维护隐藏锚点元素。
原理:在滚动容器(如 html)上设置 scroll-padding-top
,直接预留顶部空间。
实现代码:
html {
scroll-padding-top: 60px; /* 导航栏高度 */
}
优点:代码简洁,无需修改目标元素。
缺点:兼容性需注意(不支持IE及部分旧版本浏览器)。
原理:通过 :before
伪元素为目标元素创建占位空间,并向上偏移。
实现代码:
.target-element:before {
content: "";
display: block;
height: 60px; /* 导航栏高度 */
margin-top: -60px; /* 向上偏移 */
}
优点:不添加额外HTML元素,避免布局污染。
缺点:伪元素可能影响交互事件的触发区域。
原理:监听锚点跳转事件,手动修正滚动位置。
实现代码:
window.addEventListener('hashchange', () => {
const target = document.querySelector(window.location.hash);
if (target) {
window.scrollTo(0, target.offsetTop - 60); // 60为导航栏高度
}
});
优点:灵活控制偏移量,适用于复杂场景。
缺点:依赖JavaScript
,可能影响SEO和首屏性能。
“简洁、可爱、功能强大,适合个人博客的理想选择”
Rorical Theme 是一款专为 Typecho 博客系统设计的主题,由 Rorical 开发,版本号为 1.0。它以现代化的卡片式设计和丰富的交互功能为特色,旨在为用户提供美观且实用的博客体验。无论是个人记录、生活分享还是技术笔记,这个主题都能满足你的需求。
依赖插件:https://github.com/SocialSisterYi/Typecho-Plugin-CommentShowIp
愚人节整蛊插件
目前有三个效果:随机在网页上显示根毛,随机显示个苍蝇,显示系统激活水印
安装启动插件后需要再插件设置里开启对应效果
Hani在线生成式主题,Hani名字由honey音译。
项目地址:https://store.typecho.work/archives/typecho-theme-hani.html
下方提供的为免费版(就是其中一种组合方式合成诞生的主题)
{button href="https://demo.typecho.work/?theme=Hani" type="blue"}在线预览{/button}
https://91ntr.cn/doc/docx/hani
移植自一款hexo
主题Stellar
。
{button href="https://demo.typecho.work/?theme=kuhehetheme" type="blue"}在线预览{/button}
Robots.txt是一个存放在网站根目录的纯文本文件(必须小写命名),采用ASCII编码格式。其核心功能是通过声明规则,指导搜索引擎蜘蛛(如Googlebot、Baiduspider)抓取权限范围:
- 允许访问:开放优质内容抓取,提升SEO收录效率
User-agent: [指定搜索引擎名称]
Disallow: [禁止路径]
Allow: [允许路径]
Sitemap: [网站地图地址]
User-agent:指定规则适用的蜘蛛(*
表示所有引擎)
路径规则:支持绝对路径(如/admin/
)和通配符(*
匹配任意字符,$
标识结尾)
在网站根目录下新建txt文本,名字为robots.txt
(全是小写字母),然后放置下方的代码即可,如果你站没有安装网站地图插件,那sitemap
那行可以删掉。
User-agent: *
Disallow: /admin/
Disallow:/install/
sitemap:https://你的域名/sitemap.xml
这里的意思就是,所有搜索引擎禁止爬后台路径以及程序安装路径,并告知网站地图链接。
Zblog的主题和插件压缩包都是zba
后缀的,zba后缀的文件是zblog专用文件。
因此,它的解压工具也是专用的,尝试了通常的解压软件,发现是解压不了的。
然后再网上找到了zba
专用解压工具下载:
解压后的文件夹里面是zba.exe
将要解压的.zba目标文件直接拖到zba.exe
工具图标上,这样就会跳出一个黑色解压界面,完成解压。
Typecho 博客集成 Apprise 通知插件,在收到新评论/留言时通过 Apprise API 推送通知到多种服务,包括 Telegram、Email、Discord 等,通知服务列表参考 🔗 Apprise。
作者发布地址:https://logs.do/logs/apprise-integration-plugin-for-typecho-apprisify.html
Apprisify
上传到 Typecho
插件目录:/usr/plugins/
Apprisify
并启用使用以下变量自定义通知内容:
{author} - 评论者称呼
{title} - 文章标题
{content} - 评论内容
{permalink} - 评论链接
{status} - 评论状态(已通过/待审核)
直接 URL
通知包含敏感凭据 (如 API Key
),建议本地部署 Apprise API
,并限制外部访问。
如需外部访问,建议设置 Nginx
反向代理、启用 HTTPS
并设置访问控制且定期检查服务器日志。
主题整体是偏冷色调,响应式设计
{button href="https://demo.typecho.work/?theme=SlateFlow" type="blue"}在线预览{/button}
S3协议文件上传插件,支持自定义域名、CDN 等功能。
usr/plugins/S3Upload
目录“念念不忘,必有回响”是一句充满哲理的中文俗语,最早出自李叔同(弘一法师)的《晚晴集》。它的字面意思是:如果心中长久地挂念、执着于某件事或某个目标,最终一定会得到某种回应或结果。
需要注意的是,这里的“回响”并非必然指向最初期待的结果,而可能是另一种形式的反馈或机缘,强调过程的坚持本身就会带来意义。
一款typecho优雅的图片排版插件,支持短代码快速插入图片组,实现一行多图,支持自定义宽度和最大数量
最符合直觉的垃圾评论过滤插件
详细统计:在插件管理页面显示以下统计信息:
根据作者hongweipeng的开源项目CodeStyle_for_typecho修改,重新在highlightjs
官网勾选需要的语言,下载打包后的文件并替换项目中的css
,js
资源
.css
或.min.css
iframe
沙箱隔离css
样式Typecho的BingIndexNow插件,文章更新或者新文章发布时,会及时提交给Bing。
原版本:https://github.com/fluffyox/Typecho_BingIndexNow
基于原版本完善插件设置提示,新增删除数据表功能,修复新增的文章丢失标题,正文内容
RssFeed插件是一个为 Typecho 博客系统设计的 RSS/Atom 订阅插件,主要功能是从指定的 RSS/Atom 源获取最新的文章,并在博客中展示。
将插件文件夹上传到 usr/plugins/
目录。
在 Typecho 后台启用插件并配置订阅源。
在文章或页面中使用 [rssfeed]
短代码显示订阅内容。
Typecho文章导出PDF
文件插件
下载该插件放到插件目录下
该插件依赖 mPDF
来生成 PDF
,需要安装 mPDF
。可以使用 Composer
来安装库:
终端进入插件目录 usr/plugins/PDFPreview
运行以下命令来安装 mPDF: composer require mpdf/mpdf
这会在 PDFPreview
目录中生成一个 vendor
文件夹,该文件夹包含 mPDF
所需的依赖文件。
安装成功后可以看到插件目录下新添了几个文件:
然后登录 Typecho
后台,进入插件管理页面。 在插件列表中找到 PDFPreview
插件,点击“启用” 即可。在前端页面右下角出会出现导出文章按钮。 使用中文字体依旧有乱码情况请参照(就激活三个参数很简单):
https://cloud.tencent.com/developer/article/2162330
导出的pdf的截图示例(目录是摆设):
一个简单而强大的Typecho PDF阅读器插件,可以直接在文章页面中嵌入PDF查看器。
Typecho 同步 Notion 笔记插件,支持将 Typecho 文章同步到 Notion 数据库中。
Notion API
密钥ID
PS: 受限于 Notion 的限制,部分Markdown
格式可能无法被正常识别,请注意!
比如 Code
区块,超过 2000
个字符串会被识别成段落,否则 Notion API
报错,还有表格区块、有序列表等
一款基于 Typecho 默认主题 Replica 开发的博客主题,旨在简约现代的基础上提升阅读体验。
作者博客:https://inuebisu.cn/
{button href="https://demo.typecho.work/?theme=Replicon" type="blue"}在线预览{/button}
一个用于插入Google和百度统计代码以及Google自动广告代码的Typecho插件
微言大“艺”(The Art of Sublime Words),一款适用于 Typecho 的仿新浪微博主题。
{button href="https://demo.typecho.work/?theme=weibo" type="blue"}在线预览{/button}
官方文档:https://weibo.rowingbohe.com
Typecho
最新版本(1.2.1
)与 PHP 8.0
追求极致简约简单。未引用任何js
,CSS
压缩后页面可以到2K
以内。无评论功能。
{button href="https://demo.typecho.work/?theme=final" type="blue"}在线预览{/button}
tags
默认没有导航,需要导航可使用以下代码
<nav>
<p>
<a<?php if ($this->is('index')): ?> <?php endif; ?>
href="<?php $this->options->siteUrl(); ?>"><?php _e('首页'); ?></a>
<?php \Widget\Contents\Page\Rows::alloc()->to($pages); ?>
<?php while ($pages->next()): ?>
<a<?php if ($this->is('page', $pages->slug)): ?> <?php endif; ?>
href="<?php $pages->permalink(); ?>"
title="<?php $pages->title(); ?>"><?php $pages->title(); ?></a>
<?php endwhile; ?>
</p>
</nav>
基于 WxPusher
实现的 Typecho
评论微信推送插件,当博客收到新评论时,将通过微信向您推送通知。
实时推送评论通知到微信,支持 SSL
安全连接,异常处理和错误日志。
通知内容包含:
访问 WxPusher官网 并使用微信扫码登录
appToken
,这就是插件需要的 AppToken
UID
UID
,这就是插件需要的 UID
Typecho
的 /usr/plugins
目录CommentPusher
Typecho
后台CommentPusher
」插件,点击「启用」AppToken
和 UID
一款基于 bootstrap@5.3.3 开发的 Typecho 单栏主题
{button href="https://demo.typecho.work/?theme=xiao" type="blue"}在线预览{/button}
网格模式
这是一个基于Typecho默认主题的微调版,保留了Typecho原汁原味的设计,同时有满足了当前大屏当道的现状。
{button href="https://demo.typecho.work/?theme=memoo" type="blue"}在线预览{/button}
Typecho默认的主题,在屏幕的两侧有大量的空白,现在计算机屏幕分辨率都非常高,默认的外观对高分辨率不友好。
当前主题采取尽量占据整个屏幕的设计理念,尽可能的占满整个屏幕。
页面使用双栏布局,内容和侧栏比例为8:4。
“上一篇”和“下一篇”的位置,由页面底部调整到了紧挨着文章内容的下方,同时将上下布局修改为了左右布局,更符合使用习惯。
评论表单由原来的页面底部提升到了文章内容下面,在评论列表的上方,阅读完文章内容之后,就可以立即评价。
将评论列表放置在了页面的最下方。
为了更符合中文阅读习惯,本主题将字间距调大了(1.5px),要不然中文过于紧凑会提高阅读难度。
同时,将行间距由原来的1.5调整为现在的1.8,进一步提升文字之间的间隔,提高可读性。
最后,将搜索框的长度由原来的内容的四分之一,调整为当前的三分之一,更加修长。
一款Typecho
主题菜单自定义插件,支持拖拽,市面上其实已经有同类型产品了,不过代码不够简洁,我玩不转,所以自己花了点时间搞了个简单直接的!
启动插件后,在typecho
后台的菜单中就会多出来一项【管理菜单】,进入该页面即可自定义主题菜单,可创建菜单,也可以从右侧候选里面向左拖拽菜单。
菜单内部顺序也支持上下拖拽,且支持二级分类
如下,先判断插件是否激活,激活了就获取菜单数组,自行遍历数组适配自己主题即可。
<?php
if (array_key_exists('ZeMenu', Typecho_Plugin::export()['activated'])){
$nemuarray=ZeMenu_Plugin::zemenu();
}
?>
如何判断菜单是否处于active
状态?通过判断链接即可实现,如下即可获取当前页面网址,然后判断菜单链接和它是否一致最后在为其追加active
的class
$thisPageUrl=$this->request->getRequestUrl();
TYPECHO,纯文字博客主题,精心雕琢五年,专为写作爱好者打造,响应式设计。
{button href="https://demo.typecho.work/?theme=ONEBLOG" type="blue"}在线预览{/button}
0.03 s
;前端基于MDUI1后端基于TTDF框架开发的一款Typecho博客主题。
{button href="https://demo.typecho.work/?theme=Bocchi" type="blue"}在线预览{/button}
设计来自nice,一个比较简单的单栏模板,没有评论功能,部分链接写死的需要自行修改。
{button href="https://demo.typecho.work/?theme=LivingCoral" type="blue"}在线预览{/button}
Typecho同步分享文章到telegram频道插件
有些写内容blog或者做图片blog的可能会有自己的tg频道,这个时候需要一个可以同步push到tg频道的插件。
条件允许尽量从github进行下载,其他网盘渠道不能保证是最新的版本!
移植自 hugo-theme-farallon
( https://github.com/bigfa/hugo-theme-farallon ),感谢bigfa大大制作的主题。
{button href="https://demo.typecho.work/?theme=farallon" type="blue"}在线预览{/button}
详见作者介绍文章:https://www.imsun.org/archives/1640.html
从Hugo主题Stack移植而来( https://github.com/CaiJimmy/hugo-theme-stack ),没有评论功能,支持深色模式
{button href="https://demo.typecho.work/?theme=Stack" type="blue"}在线预览{/button}
移植自 Gridea
主题 Space
,没有评论功能。
增加友情链接页面 需要配合插件 links
使用
{button href="https://demo.typecho.work/?theme=space" type="blue"}在线预览{/button}
移植的是一款Gridea主题 (https://github.com/fullstack-kingj/gridea-theme-smartisan )
原主题不支持响应式 自己随便改了改.
不支持系统自带评论. 只支持第三方评论.
{button href="https://demo.typecho.work/?theme=Smartisan" type="blue"}在线预览{/button}
在使用php
开发小型项目时,不想自己写数据库操作api,如何调用typecho
的数据库操作api呢,本文讲解下。
将typecho
程序的var
文件夹放入自己的项目,var
文件夹下有四个文件夹保留Typecho
文件夹,其余删掉(不删也行只是用不到)。
然后在自己项目里,新建个php文件,如typechoDb.php
,代码如下
<?php
// site root path
define('__TYPECHO_ROOT_DIR__', dirname(__FILE__));
// register autoload
require_once __TYPECHO_ROOT_DIR__ . '/var/Typecho/Common.php';
// init
\Typecho\Common::init();
// config db
$db = new \Typecho\Db('Pdo_Mysql', 'doc_');
$db->addServer(array (
'host' => 'localhost',
'port' => 3306,
'user' => '数据库用户名',
'password' => '密码',
'charset' => 'utf8mb4',
'database' => '数据库名',
'engine' => 'InnoDB',
), \Typecho\Db::READ | \Typecho\Db::WRITE);
\Typecho\Db::set($db);
将里面的数据库地址名字以及密码对应填好,需要用到数据库操作api时,引用下这个文件即可,如
include_once 'typechoDb.php';
一款 typecho 微信公账号涨粉插件,支持动态验证码
下载后插件文件夹改名为 WxFans 后启用。
公众号URL
这个是我们需要在前端显示的公众号二维码的图片。尺寸适当。
验证码获取关键字
根据我们预设值要对应后面微信公众号自动回复调用一致。
验证码有效时间
一般设置 2 分钟。单位是默认的。
接口文件名
这个是会在我们网站根目录生成的PHP文件,对应后面要设置到自动回复的返回URL。
回复模板
这个一般默认,也可以根据自己需要微调。
我们在插件配置完毕之后,就需要在公众号设置自动回复。
<a href="http://我们的网站URL/api.php?url_captcha=get_captcha">查看验证码</a>
这里我们看到上面需要注意的。对应我们插件设置的api 接口文件名称,后面的尾巴(url_captcha=get_captcha)是固定的。
<!--wxfans start-->请输入加密内容<!--wxfans end-->
去微信公众号后台: 开发->基本配置-> 服务器配置填写相关信息,服务器地址为: https://你的网址/api.php
,令牌 token
自己设置的记住,填写到插件后台。
功能本质是在文档里面插入video
视频标签,禁用插件不影响之前的文章。
精简DPlay的原因是浏览器访问我觉得有点重,控制台不干净,有第三方引用,所以砍掉了很多功能,最终整个插件不到4Kb的大小
下载后将文件夹名改为VideoInsertion
上传启用即可
三栏Typecho主题,令人耳目一新的配色风格,作者还为主题设置页面专门写了样式。
{button href="https://demo.typecho.work/?theme=Atopos" type="blue"}在线预览{/button}
原本以为 Typecho
内置的 addRule
验证规则仅限于文件 var/Typecho/Validate.php
中已定义的常用的验证类,无意中瞥见 var/Widget/Metas/Tag/Edit.php
文件,才意识到 addRule
可以通过自定义验证规则的方式,快捷的引用新增的验证规则。
插件 Plugin.php
直接输出表单:
$form->addInput($var);
插件 Plugin.php
使用内置的验证类(如 xssCheck
)输出表单:
$form->addInput($var->addRule('xssCheck', _t('请勿使用特殊字符')));
插件 Plugin.php
使用自定义验证规则(如 minValue
)输出表单:
// 新增验证规则 minValue
public static function minValue($value) {
return $value > 3; // 判断输入值是否大于 3
}
// 引入验证规则 minValue
$form->addInput($var->addRule(['PluginFolderName_Plugin', 'minValue'], _t('请输入大于 3 的数值'))); // 方式一,请将 PluginFolderName 替换为插件的文件夹名称
// $form->addInput($var->addRule([self::class, 'minValue'], _t('请输入大于 3 的数值'))); // 方式二
至此,在不修改文件 Validate.php
的前提下,也能快捷的引用新增的验证规则,理论上也适用于主题设置的表单验证。
鉴于Typecho1.3.0
迟迟未发布,且Typecho1.2.1
版本主题或插件设置checkbox
组件有无法勾选的破坏体验的BUG,故发布1.2.2
版本,支持修复了checkbox
组件有无法勾选的bug。
删除旧版本根目录下var
文件夹,上传新版本的var
文件夹即可!
后续如果升级typecho1.3.0
之类的版本,按照官方升级文档升级即可,不会任何影响
一款仿微信typecho主题,主题来自(https://shawnzeng.com/archives/30/)
{button href="https://demo.typecho.work/?theme=reborn" type="blue"}在线预览{/button}
sessionStorage
进行存储,关闭浏览器后销毁markdown
编辑器,使用了开源的Editor.md
编辑器sitemap
详见主题作者介绍文章:https://shawnzeng.com/archives/30/
一款非常吸引眼球,让人眼前一亮的Typecho手绘风格主题。(主题来自:https://ouyu.me/111)
{button href="https://demo.typecho.work/?theme=Pamper" type="blue"}在线预览{/button}
山海,一款不怎么花哨的主题,带点情怀,愿天下骚客,“重拾写作的乐趣”。
{button href="https://demo.typecho.work/?theme=shanhai" type="blue"}在线预览{/button}
PureSuck
的初衷————干净,纯洁,淡雅朴素Pure
即纯洁、纯粹的含义,至于 Suck
则来主题作者挚爱的名字~
{button href="https://demo.typecho.work/?theme=PureSuck" type="blue"}在线预览{/button}