木灵鱼儿
阅读:5070
开源主题-高仿掘金《JJ》
前言
写这个主题花了一些时间,我的想法是希望有一个优秀的阅读体验,毕竟本人喜欢记笔记,分享一些平遇到的问题和解决方法。
于是乎看中了掘金的样式,挺适合阅读的,加上个人审美确实不太行,就想仿一下样式。
随着现在前端的发展,一些新的特性增加,如果还是保持在旧的思维上,我觉得限制了开发者的自我提升,所以,本主题采用了大量es6的js语法,css上采用scss编译,如果你有兴趣,可以一起参与开发。
主题预览
github地址
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。
相关推荐
typecho 真的很简单的自定义评论列表
以前写过一个关于自定义评论的文章,时至如今来看,还是有很多不足的,昨晚再新写主题的时候,也重新写了一次自定义评论,嗯,有了新的理解,因为其实真的很简单,仔细阅读本篇文章,相信你会有收获的。[hide]自定义评论模板到底要怎么做很简单,可以理解为两步:编写自定义评论的模板通过php渲染出自定义模板评论而为什么大多数人不会,其实就是因为官方的文档真的是,如果懂php的人,可能看了一两遍后明白了怎么回事,但是如果是小白入门,纯前端的童鞋,可能看的一脸蒙蔽。就算是原封不动的copy官方的示例代码也还是会报错,心累...因为,你不知道他要做什么,我编写了自定义模板函数threadedComment...

Lay 响应式Typecho博客主题 V1.1.2
Lay 是一个精心制作的侧边栏主题,提高了响应速度,优化了诸多地方历经时间打磨,更贴合需求预览特性基于Layui框架制作,模块化结构,异步加载js,加快页面响应响应式布局html5+css3+es5+es6基于Layui框架模块化结构异步js加载优秀的灯箱比较全面的代码高亮,精选四种高亮主题,支持常用的语言,还支持:shell、sass、scss、styles、less、c++、go、php、nginx、等语言。缩略文章无刷新加载,增加用户体验支持主题可视化配置侧边栏导航三种主题,可设置支持微信、支付宝二维码赞助符合国内的分享功能支持评论表情,更新了一些表情支持前台登录支持前台注册点赞效...

typecho 超完美上一篇下一篇文章加文章缩略图
之前写过一篇typecho上一篇下一篇的文章,但是当时是对官方的代码进行小改,虽然文章标题,链接都能获取到,但是没法获取到更多,包括文章缩略图。为此我是绞尽脑汁啊,还参考了一些有这种效果的作品,发现,不行,没有我想要的效果。他们的效果都是获取文章的自定义字段,也就是和自定义文章缩略图的那种路子,你只有设置了,他这里才能显示,他不能自动去获取,有的好像连个随机不够做吧。终于,有一天晚上,我一时兴起,想解决下这个问题,于是有了这篇文章,首先我们需要两段代码,这两段代码我是通过网上的代码进行修改的,去掉了一些部分。[hide]获取文章上一篇,下一篇cid/** * 显示上一篇 * * 如果没有...
typecho 评论表单头像
关于评论表单的这个头像,其实挺麻烦的,动不动代码就会报错,超蛋疼的,于是我琢磨了下,想了个思路。用户未登录使用固定头像用户登录了使用登录头像用户是访客,已经留言了,使用留言的邮箱获取头像众所周知,typecho的头像是使用全球头像Gravatar的,Gravatar他本身也是通过邮箱来设置账户的,所以我们通过邮箱也能获取到头像地址。不多说,上代码[hide]<?php //已登录?> <?php if ($this->user->hasLogin()) : ?> <?php $this->author->g...

typecho 获取相关文章,指定数量
typecho获取相关文章页挺常用的,官方有这个代码,这里特意分享一下,讲一下用法。<?php $this->related(4,NULL); ?> <?php if ($relatedPosts->have()): ?> <?php while ($relatedPosts->next()): ?> <a href="<?php $relatedPosts->permalink(); ?>"> <h3><?php $relatedP...
typecho 获取最新文章,指定数量
发现这个方法还常用的,特意分享出来。<?php $this->widget('Widget_Contents_Post_Recent','pageSize=5')->to($news);?> <?php if($news->have()):?> <?php while($news->next()): ?> <a href="<?php $news->permalink();?>"> <h2 class="ca...
typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速
typecho的缩略图,其实自己用了好久,最近才发现了一种最简单的组合,不用太多代码,有需要改改方法就行了。目前我总结了一个对文章缩略图的获取顺序:用户自定义缩略图文章第一张缩略图文章附件第一张图文章随机图是否开启cdn加速,使用加速地址前段本地地址基本上按照这个思路,所有的情况都能照顾到,当然我看了一些付费的主题,他会对用户自定义的缩略图进行定制,比如,大图,小图这些,其实我感觉挺麻烦的,哈哈这里我们一步一步完善这三步教程[hide]自定缩略图自定义缩略图我们需要一个自定义字段,这个自定义字段也是在网上找的别人的分享技术,这里贴出来用法直接在主题function.php文件里面,插入如...

typecho 获取当前时间 格式:2020年9月17日 星期四
因为我尝试使用function去封装一个,结果不知道为什么就是提示data这个函数不存在,这个不是php默认的吗,所以只能写成显示语法了。<?php $weekarray=array("日","一","二","三","四","五","六"); echo date("Y年n月j日")." 星期".$weekarray[date("w")];?>
Reach2 响应式Typecho博客主题 V2.5
Reach 基于Bootsarp4的响应式博客主题,目的是为了更好的阅读体验,更快捷的使用方式,更优质的UI而存在。历经时间打磨,更贴合需求预览变化基于以前的Reach主题进行重构,V2版本修复了之前的一些bug,也更新了新的功能。[x] 整个框架重构,更加符合现代化代码要求[x] 主题加入可视化操作[x] 评论快捷展示作为消息通知放在顶部[x] 轮播模块调整,可关闭[x] 加入标签云[x] pro版天气样式优化,天气可切换,可关闭[x] 完美的自定义page分页[x] 友链模板调整,精简部分js代码提高性能[x] 关于模板重写,统计视觉设计(强烈推荐)[x] 主题ui设置本地化处理(黑...

typecho 判断用户在哪个用户组 用户鉴权
既然开放了注册,那么用户组就是一个问题,我们需要进行鉴权。获取用户处在什么用户组typecho有5个角色,一个是访客,我们通过是否登录来判断。剩下四个为:administrator 管理员editor 编辑contributor 贡献者subscriber 关注者具体权限可以查看官方的这个说明: 用户组<?php echo get_object_vars($this->user)['row']['group'];?>通过这个可以判断当前用户的用户组是什么,管理员就输出administrator鉴权<?php $userGroup=get_object_var...
Hao
Google Chrome MacOS大佬,请问typecho版本用哪个?一直报错。
木灵鱼儿
FireFox Windows 101.1
i咳咳咳
Google Chrome Windows 10还会更新吗,希望首页侧边栏完善些
木灵鱼儿
FireFox Windows 10慢慢弄吧,在学设计模式,等差不多了再来搞
i咳咳咳
Google Chrome Windows 10期待
i咳咳咳
Google Chrome Windows 10php7.0,7.1,7.2,都没用,报错或者网站空白
木灵鱼儿
FireFox Windows 10别用1.2的typecho
i咳咳咳
Google Chrome Windows 10OK了
木灵鱼儿
FireFox Windows 10[doge]好
nginx
Google Chrome MacOS大佬请问一下主题设置备案号和跳转链接设置了但是在博客页面中并没有显示,是我哪里设置有问题吗
木灵鱼儿
FireFox Windows 10bug,一直没修,你自己手动加到php里吧[辣眼睛],上班太忙了
RawChen
Google Chrome Windows 10[嗑瓜子]点赞咋实现的嘞[嗑瓜子]
yingyue
Google Chrome MacOS[打call]太像了,恍惚好几次以为在浏览掘金[打call]
long
Google Chrome Windows 10文章页打开,不显示内容,空白是什么问题
若志奕鑫
Google Chrome Android简约好看[doge]
佩奇
QQ Browser Windows 10修改好了,头像地址,,管理员头像怎么修改呢
木灵鱼儿
FireFox Windows 10建议多去看看typecho的后台设置页面[藏狐]
佩奇
QQ Browser Windows 10大佬,我这不显示头像,怎么修改头像地址啊
木灵鱼儿
FireFox Windows 10百度下typecho头像换源就行了,或者查看我的reachV2 的主题使用文档,里面有