登 录
注册
Search
标签搜索
技术教程
typecho
JavaScript
成长日记
Joe主题
Typecho主题
前端学习
网站搭建
typecho函数
影视分享
情感
css
帮助文档
虚拟机
服务器
typecho编辑器
插件
Linux
typecho插件
Windows
Brains - 灵感乌托邦
累计撰写
81
篇文章
累计收到
4,290
条评论
文章首页
分类栏目
技术教程
Typecho
程序代码
学习笔记
Web前端
CSS
JavaScript
其他文章
生活
独立页面
胡言乱语
生活吐槽
友情链接
网站统计
关于博主
自建图床
自建网盘
博主推荐
灵感宝物库
灵感图床库
Code-Server
在线工具箱
TypechoDoc
在线转换
灵感导航页
登录
丨
注册
技术教程
(共
63
篇)
搜索到
63
篇与
技术教程
的结果
『转载』『代码』Typecho自定义调用如热门文章随机文章等
Typecho自定义调用这是面向模板开发者的一篇干货文章,通过学习下面的两个事例,你可以通过调整数据库语句来实现自定义调用文章,如随机文章等。调用热门文章在 functions.php 中加入如下代码class Widget_Post_hot extends Widget_Abstract_Contents { public function __construct($request, $response, $params = NULL) { parent::__construct($request, $response, $params); $this->parameter->setDefault(array('pageSize' => $this->options->commentsListSize, 'parentId' => 0, 'ignoreAuthor' => false)); } public function execute() { $select = $this->select()->from('table.contents') ->where("table.contents.password IS NULL OR table.contents.password = ''") ->where('table.contents.status = ?','publish') ->where('table.contents.created <= ?', time()) ->where('table.contents.type = ?', 'post') ->limit($this->parameter->pageSize) ->order('table.contents.views', Typecho_Db::SORT_DESC); $this->db->fetchAll($select, array($this, 'push')); $db = Typecho_Db::get(); } }前台调用文章<?php $this->widget('Widget_Post_hot@hot', 'pageSize=6')->to($hot); ?> <?php while($hot->next()): ?> 文章链接:<?php $hot->permalink() ?> 文章标题:<?php $hot->title(); ?> 文章缩略图:<?php $hot->fields->img(); ?> <!--等等--> <?php endwhile; ?>这种写法非常原生,使用方法也同typecho调用某分类下的文章语法一致调用指定文章集合在 functions.php 中加入如下代码class Widget_Post_fanjubiao extends Widget_Abstract_Contents { public function __construct($request, $response, $params = NULL) { parent::__construct($request, $response, $params); $this->parameter->setDefault(array('pageSize' => $this->options->commentsListSize, 'parentId' => 0, 'ignoreAuthor' => false)); } public function execute() { $select = $this->select()->from('table.contents') ->where("table.contents.password IS NULL OR table.contents.password = ''") ->where('table.contents.type = ?', 'post') ->limit($this->parameter->pageSize) ->order('table.contents.modified', Typecho_Db::SORT_DESC); if ($this->parameter->fanjubiao) { $fanju=explode(",",$this->parameter->fanjubiao); $select->where('table.contents.cid in ?', $fanju); } $this->db->fetchAll($select, array($this, 'push')); } }前台调用<?php $week1="728,1197";//指定文章id集合多个文章中间用英文逗号隔开 $this->widget('Widget_Post_fanjubiao@fanjubiao', 'fanjubiao='.$week1)->to($fanju); ?> <?php while($fanju->next()): ?> 文章链接:<?php $fanju->permalink() ?> 文章标题:<?php $fanju->title(); ?> <!--等等--> <?php endwhile; ?>总结这样的写法只要懂得数据库语句,就可以定制各种自己所需的调用文章!语法贴近原生且内部支持调用各种函数,比如缩略图函数等等!
2021年10月03日
4,659 阅读
0 评论
9 点赞
2021-10-03
『笔记』站长建站维运必备网站
一、查询域名建站历史:https://www.123ymw.com/domainTool/history用于查询域名建站历史,防止注册新域名时注册到有黑历史的域名。二、站长之家-站长工具:http://tool.chinaz.com/站长工具是站长的必备工具,上站长工具可以了解SEO数据变化。三、创客贴logo设计:https://www.chuangkit.com/建站logo做图做视频必备网站。四、抠图:https://koutu.gaoding.com/抠图是一款AI人工智能在线自动抠图工具。五、字体下载网站:https://www.100font.com/免版权字体下载、免费商用字体下载网站。六、字体格式转换器:https://www.pdf365.cn/convfont/字体格式转换器_在线字体格式转换_在线字体格式转换网{dotted startColor="#ff6c6c" endColor="#1989fa"/}以上网站我自己有在用,免费的。如果链接打不开就在下方评论留言。
2021年09月16日
1,824 阅读
0 评论
2 点赞
2021-09-16
『原创』『教程』Typecho后台开关进入网站维护状态
前言因为经常捣鼓网站,有时候会直接在服务器上热更新,这样会导致用户体验很不好所以就想到了设置一个维护通知页面,告知访问的用户正在维护,防止用户因无法访问放弃访问本站。成果展示{tabs}{tabs-pane label="PC端展示"}{/tabs-pane}{tabs-pane label="PE端展示"}{/tabs-pane}{tabs-pane label="后台展示"}{/tabs-pane}{/tabs}教程分享本教程基于Joe主题,当然其他Typecho主题也可以使用,代码是固定的,但是方法是灵活的,期待您的灵感大爆发!一、添加后台开关在主题目录下的 functions.php 里添加以下代码(因为我引入了自定义配置文件,所以我是放在 public/custom.php 文件里的)隐藏内容,请前往内页查看详情二、添加全局跳转因为我一般更新都是整站屏蔽的,所以我这里是添加的全局跳转,直接在public/header.php顶部添加以下代码如果你只想某些页面跳转,比如只想跳转首页,你可以在index.php添加下面的代码隐藏内容,请前往内页查看详情三、上传维护页面下载下面的文件,上传到Typecho主程序的 根目录 ,记得把文件名改为 Maintain.html (区分大小写) 注意:不是 主题 根目录 注意:不是 主题 根目录 注意:不是 主题 根目录 隐藏内容,请前往内页查看详情到此就大功告成了,去后台打开全站维护后再访问你的网站试试吧!
2021年07月21日
5,839 阅读
94 评论
231 点赞
2021-07-21
『原创』『教程』在Linux中搭建Windows环境
前言众所周知,搭建网站最好用是Linux系统,但是有一些Windows软件没法运行在Linux服务器上,就很痛苦经过我千辛万苦的寻找,我终于找到可以在Linux上运行的Windows环境了虽然版本比较老,功能也很少,但是能够勉强运行大部分Windows软件,比如QQ机器人、自动运行的小软件等成果展示{tabs}{tabs-pane label="机器人"}{/tabs-pane}{tabs-pane label="爬图"}{/tabs-pane}{/tabs}教程建议安装宝塔面板,如果实在无法安装宝塔面板又想拥有Windows环境的话也可以,但是一定要仔细看教程一、宝塔面板下安装教程1、安装环境 宝塔面板-软件商店中安装 Docker管理器2、开始搭建 (1)第一步安装镜像文件,在终端ssh输入以下指令隐藏内容,请前往内页查看详情(2)第二步打开Docker管理器 点击容器列表-创建容器{tabs}{tabs-pane label="创建容器"}{/tabs-pane}{tabs-pane label="参数解释"}绑定IP: 0.0.0.0 端口映射: 8080 TCP 8080 网页中的端口 TCP不可修改 (需要在服务器放行该端口)目录映射: /home/user 读写 /bot 左边是容器目录(虚拟机目录),右边是当前服务器目录(必须是绝对目录,从根目录开始)环境变量:name=xiaolz #镜像名字,请勿修改 VNC_PASS=12345678 #VNC密码 VNC_SCREEN=1024x768 #VNC屏幕分辨率内存配额: 1000 你的服务器的内存大小,越大越好 CPU权重: 100 填写0-100的数值,越大越好 执行命令: /bin/bash 默认,可不填{/tabs-pane}{/tabs}点击保存即可,不要忘了点击端口映射和目录映射旁边的小加号 3、进入界面 浏览器输入 你服务器的IP地址:8080 假设你的服务器IP为 127.0.0.1 那么你的访问地址就是 127.0.0.1:8080进入后,点击连接,输入密码即可进入Wine系统4、添加文件或软件 打开你 2 — 第二步 中填写的服务器目录,把文件或者软件上传到该目录,然后在虚拟机中直接运行就可以了二、非宝塔面板下安装教程1、安装Docker 如果你没法安装宝塔面板,那就直接在ssh输入以下代码安装Docker安装命令:yum install -y git docker wget也可以使用国内 daocloud 一键安装命令:curl -sSL https://get.daocloud.io/docker | sh启动Dockersystemctl start docker2、下载docker镜像 隐藏内容,请前往内页查看详情3、启动虚拟机 隐藏内容,请前往内页查看详情其中 VNC_PASS 为VNC(远程桌面)连接密码,必填其中 VNC_SCREEN 为VNC(远程桌面)分辨率,必填其中 8080 为VNC(远程桌面)端口其中 /bot/ 为虚拟机在当前服务器映射的目录启动后可以使用 docker ps 查看Docker下运行的目录4、进入界面登录虚拟机远程桌面跟上面一样,直接打开 服务器IP:8080 就行
2021年07月12日
6,468 阅读
19 评论
333 点赞
2021-07-12
『转载』『教程』利用宝塔面板和PHP实现Typecho定时推送链接到百度
前言网站SEO是一个网站的痛点,虽然没有很好的SEO技术,但是最基础的百度推送还是要做的这里就是一个实现定时自动推送你网站sitemap到百度的方法,管不管用谁也说不准,但是做了总比不做的好一、 编写PHP文件在网站根目录创建一个php文件添加以下内容隐藏内容,请前往内页查看详情二、添加自己的推送接口想必大家都知道在百度站长添加网站吧,这里就不赘述了百度站长平台:https://ziyuan.baidu.com/dashboard/index在百度站长中打开自己的网站( 注意: 这里的网站一定要跟你推送的网站一致 )复制推送接口到上面的代码里,然后在浏览器中访问 你的域名/文件名.php ,出现以下结果说明配置成功三、实现定时自动推送接下来就是定时推送到百度首先,打开 宝塔面板-计划任务 ,然后添加计划任务任务类型:访问URL任务名称:随意填写执行周期:随意(建议6小时,一天4次)URL地址:你的域名/文件名.php(例如:https://www.fuuuy.cn/pages/baidu/baidu.php)然后点击执行出现以下代码就表示成功了
2021年07月05日
3,990 阅读
42 评论
94 点赞
2021-07-05
『转载』『插件』B站来源的Typecho追番页插件
前言前段时间,在浏览其他博客时发现一个很有意思的插件,可以显示B站的追番动态放在个人介绍页,可以让别人看到你在追哪些番,更容易找到志趣相投的好朋友成果展示教程首先下载这个插件,插件我进行了一些美化,主要是美化了上/下一页的按钮(其他的挺好看的,没必要美化)隐藏内容,请前往内页查看详情然后放到你的typecho的插件目录 根目录/usr/plugins 里解压,文件夹名称一定为 BiliBangumi 接着进入网站后台启用并设置相应的数据就可以了UID和cookie获取一、UID获取二、cookie获取1、打开你的B站个人主页2、F12检查源码3、点Network4、F5刷新网页5、找到你的UID,点击 Headers 再点击 Request Headers 就可以看到你的cookie了6、创建独立页面模板在 主题根目录 下创建一个php文件,名字随意,然后打开粘贴以下代码并保存即可隐藏内容,请前往内页查看详情最后在后台修改个人介绍的独立页面,自定义模板选择追番即可(当然你也可以直接新建独立页面来显示追番列表) 注意: 你的追番列表必须是公开的才可以!
2021年07月05日
7,169 阅读
42 评论
136 点赞
2021-07-05
『原创』『教程』博客主题修改记录(长期不定时更新)
前言最近一直在摸鱼,也好久没更新博客了,今天登陆上一看,发现博客自动更新出问题了。简单了解了一下,发现是自己改动的东西太多了,服务器本地主题和作者github内容重复了所以只好重新下载作者的主题,再把自己改的加上去,但是突然发现自己已经记不太清楚修改了哪些了所以打算摸鱼写一篇文章来记录自己博客的修改内容,毕竟好记性不如烂笔头嘛修改目录主要修改的内容{timeline}{timeline-item color="#19be6b"} PC端&PE端侧栏自定义 恋爱计时 {/timeline-item}{timeline-item color="#19be6b"} 文章底部端 打赏按钮 {/timeline-item}{timeline-item color="#19be6b"} PC端&PE端 登录按钮 {/timeline-item}{timeline-item color="#19be6b"} PC端 评论弹幕 {/timeline-item}{timeline-item color="#19be6b"} 关于页 我的追番 页面 {/timeline-item}{timeline-item color="#19be6b"} QQ自动跳转浏览器 {/timeline-item}{timeline-item color="#19be6b"} 复制内容时添加转载说明 {/timeline-item}{timeline-item color="#19be6b"} 修改了恋爱计时,将其内嵌到主题了 {/timeline-item}{timeline-item color="#19be6b"} 修改了时光机的发表权限为贡献者以上 {/timeline-item}{timeline-item color="#19be6b"} 修改了评论上传图片的尺寸和清晰度 {/timeline-item}{timeline-item color="#19be6b"} 添加了评论上传图片的审核功能 {/timeline-item}{timeline-item color="#19be6b"} 新增了评论可选小电视和QQ表情包 {/timeline-item}{timeline-item color="#19be6b"} 添加了全站的JS广告及广告位 {/timeline-item}{/timeline}补充教程因为在学习了一些Typecho的后端设置后,觉得直接把所有自定义功能放在一起,然后通过 functions.php 调用更为方便所以就有了以下教程,虽然也是在其他人那里嫖来的,但是根据自己的理解也进行了举一反三,所以在此记录一下(一)引入自定义配置文件1、创建自定义文件首先在主题根目录或者/public目录下创建一个 custom.php 文件(文件名可自定义)内容包含在 <?php ?>内 2、引入配置文件接着在根目录的 functions.php 文件内引入自定义配置文件{tabs}{tabs-pane label="代码"}// 引入自定义设置 require_once("public/custom.php");{/tabs-pane}{tabs-pane label="添加位置"}放在 functions.php 的倒数第二行,只要放在 function themeConfig($form){} 里面就行了。{/tabs-pane}{/tabs}3、添加tabs最后在根目录的 functions.php 文件的外观设置tabs里再加一个自定义配置{tabs}{tabs-pane label="代码"}<li class="item" data-current="joe_custom">自定义设置</li>{/tabs-pane}{tabs-pane label="添加位置"}以Joe主题为例{/tabs-pane}{/tabs}这样就可以引入自定义配置文件了(二)引入自定义JS和CSS文件1、引入到主题框架直接在 Joe/public/include.php 插入以下代码即可<!--引入自定义模块CSS--> <link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/custom.min.css'); ?>"> <!--引入自定义模块JS--> <script src="<?php $this->options->themeUrl('assets/js/custom.min.js'); ?>"></script>2、添加自定义JS和CSS文件在 Joe/assets/js 文件夹下创建 custom.min.js 在 Joe/assets/css 文件夹下创建 custom.min.css(三)添加后台自定义功能1、PC端&PE端 侧栏自定义{collapse}{collapse-item label="PC端&PE端 侧栏自定义 "}要添加侧栏或者底栏,只需要在 custom.php 文件里添加相应的ID就行了(ID唯一,切勿重复)例如:// 自定义侧边栏模块 - PC $JCustomAside = new Typecho_Widget_Helper_Form_Element_Textarea( 'JCustomAside', NULL, NULL, '自定义侧边栏模块 - PC', '介绍:用于自定义手机端侧边栏模块 <br /> 格式:请填写前端代码,不会写请勿填写 <br /> 例如:您可以在此处添加一个搜索框、时间、宠物、恋爱计时等等' ); $JCustomAside->setAttribute('class', 'joe_content joe_custom'); $form->addInput($JCustomAside);然后再到侧栏文件 public/aside.php 或者底栏文件 public/footer.php 引用就行了如果是PE端的侧栏,需要到 public/header.php 引用{/collapse-item}{/collapse}2、文章底部端 打赏按钮{collapse}{collapse-item label="文章底部端 打赏按钮 "}(1)添加后台开关及配置首先在 custom.php 文件里添加打赏申明,关闭时可以不显示,默认开启隐藏内容,请前往内页查看详情(2)添加打赏功能然后再在 handle.php 里添加打赏功能代码隐藏内容,请前往内页查看详情我这里把css另外放在了 assets/css/custom.css 里了,方面统一管理如果把样式放在了外部,记得引入相关样式表哦,在 public/include.php 引入样式表{/collapse-item}{/collapse}3、PC端&PE端 登录按钮{collapse}{collapse-item label="PC端&PE端 登录按钮 "}PC端登录Joe主题已经添加上了,而且功能比较完善,直接使用就行PE端的直接在 public/header.php 相应位置添加以下代码就行{tabs}{tabs-pane label="代码"}隐藏内容,请前往内页查看详情{/tabs-pane}{tabs-pane label="添加位置"}放在PE侧栏的最底下,当然,你也可以放在其他位置,你开心就好{/tabs-pane}{/tabs}{/collapse-item}{/collapse}4、PC端 评论弹幕弹幕功能的教程已经设置了后台管理功能,所以直接看教程就行传送门 『教程』Typecho的Joe主题添加评论弹幕功能(限PC)5、关于页 我的追番 页面{timeline}{timeline-item color="#ed4014"}2021.6.21 我的追番功能是一款插件,所以等我空了再水一篇文章,先鸽在这里了{/timeline-item}{timeline-item color="#19be6b"}2021.7.5 教程更新了出来了『插件』B站来源的Typecho追番页插件 {/timeline-item}{/timeline}6、QQ自动跳转浏览器同样的,教程已经设置了后台管理,直接按照教程修改即可传送门 『代码』Typecho的Joe主题新增QQ打开自动跳转到浏览器7、复制内容时添加转载说明{collapse}{collapse-item label=" 复制内容时添加转载说明 " }在post.php最下面添加隐藏内容,请前往内页查看详情{/collapse-item}{/collapse}写在后面本文章不定时更新,主要记录博主修改内容,想到的都会尽量写上
2021年06月21日
26,583 阅读
102 评论
362 点赞
『转载』『教程』Typecho的Joe主题添加评论弹幕功能(限PC)
前言主要是结合自己实践,总结遇到的问题和做个备份成果展示{tabs}{tabs-pane label="前端"}{/tabs-pane}{tabs-pane label="后台"}{/tabs-pane}{/tabs}一、修改header.php文件新增代码,文件路径:usr/themes/Joe/public/header.php(一)第一段{tabs}{tabs-pane label="放在最上面"}<!-- 弹幕 --> <?php if ($this->options->JBarragerStatus === 'on') : ?> <?php $this->widget('Widget_Comments_Recent@index', 'ignoreAuthor=true&pageSize=15')->to($comments); ?> <ul class="j-barrager-list"> <?php if ($comments->have()) : ?> <?php while ($comments->next()) : ?> <li> <span class="j-barrager-list-avatar" data-src="<?php _getAvatarByMail($comments->mail) ?>"></span> <span class="j-barrager-list-content"><?php _parseAsideReply($comments->content); ?></span> </li> <?php endwhile; ?> <?php endif; ?> </ul> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}(二)第二段{tabs}{tabs-pane label="放在登录旁"}<!-- 弹幕 --> <?php if ($this->options->JBarragerStatus === 'on') : ?> <div class="item"> <input id="barrager" class="barrager" type="checkbox" title="开启/关闭弹幕"> </div> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}(三)第三段不要耍小聪明,放到include.php里去,不会显示弹幕的 {tabs}{tabs-pane label="放在最后面"}<!-- 弹幕 --> <?php if ($this->options->JBarragerStatus === 'on') : ?> <script src="<?php $this->options->themeUrl('library/barrager/joe.barrager.js'); ?>"></script> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}二、修改include.php文件新增如下代码;文件路径:usr/themes/Joe/public/include.php{tabs}{tabs-pane label=" include.php 文件"}<?php if ($this->options->JBarragerStatus === 'on') : ?> <link rel="stylesheet" href="<?php $this->options->themeUrl('library/barrager/joe.barrager.css'); ?>"> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}三、修改functions.php文件路径usr/themes/Joe/functions.php{tabs}{tabs-pane label="添加代码"}$JBarragerStatus = new Typecho_Widget_Helper_Form_Element_Select( 'JBarragerStatus', array('off' => '关闭(默认)', 'on' => '开启'), 'off', '是否开启弹幕功能(仅限PC)', '介绍:开启后,网站将会显示评论弹幕功能,该功能采用CSS动画引擎,并非传统JS操作DOM,无任何性能消耗。' ); $JBarragerStatus->setAttribute('class', 'joe_content joe_custom'); $form->addInput($JBarragerStatus->multiMode());{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}如果创建过 custom.php 文件,直接放到 custom.php 里就行了 但是记得要在 functions.php 引入 custom.php 哦四、修改config.php文件文件路径:usr/themes/Joe/public/config.php{tabs}{tabs-pane label="添加代码"}/* 弹幕 */ DOCUMENT_BARRAGER: '<?php echo $this->options->JBarragerStatus === 'on' ? 'on' : 'off' ?>',{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}五、上传CSS和JS将以下文件,放在usr/themes/Joe/library里就行了隐藏内容,请前往内页查看详情转自执念博客
2021年06月11日
4,734 阅读
27 评论
47 点赞
2021-06-11
『转载』『教程』Typecho的Joe主题新增QQ打开自动跳转到浏览器
前言最近QQ抽风,很多站长的网站都被屏蔽白了,我的也不例外而且很多人上午解了下午又白,所以我就想做一个跳转,跳转到浏览器访问然后看到执念有教程,就直接搬过来了,也就当做个备份吧效果图{tabs}{tabs-pane label="后台"}{/tabs-pane}{tabs-pane label="跳转"}{/tabs-pane}{/tabs}修改步骤一、修改functions.php文件新增如下代码;文件路径: usr/themes/Joe/functions.php 如果创建了 custom.php 就放在 custom.php 里隐藏内容,请前往内页查看详情二、修改include.php文件路径如下: usr/themes/Joe/public/include.php ,在最顶部新增隐藏内容,请前往内页查看详情三、新增prevent.php文件下载以下文件,上传路径: usr/themes/Joe/public文件下载:隐藏内容,请前往内页查看详情
2021年06月02日
4,324 阅读
36 评论
124 点赞
2021-06-02
『游戏』小霸王游戏机
在线小霸王游戏机,1秒找回童年。超级玛丽、魂斗罗、淘金者、冒险岛!80,90一代人的回忆
2021年05月24日
1,784 阅读
2 评论
94 点赞
2021-05-24
『转载』『代码』Joe主题自定义搭配色教程
转自: Joe的博客今天看到每个使用本站主题的用户,全部用的都是主题默认样式,如何自定义一套自己的色彩风格?此篇文章适合非常非常白的小白(萌新)阅读,不适用于大佬前言本篇教程无任何技术类的知识,只需对颜色有些了解即可!第一步打开主题外观设置 - 全局设置 - 自定义CSS,填写以下内容:body { --theme: #409eff; }填写完后如下图所示(复制粘贴不会的洗洗睡吧):第二步随便百度一个颜色网站,例如:https://www.5tu.cn/colors/yansebiao.html复制自己喜欢的颜色色彩值,例如珊瑚色: #f8aba6 。接着替换掉上面填写的颜色即可,上面的代码就如下所示:body { --theme: #f8aba6; }接着保存,去前台刷新就能看见变化了,这里只是举一个栗子进行说明。到这里纯小白的教程结束 ,下面的内容是更加强大的全套主题色补充。完整版内容首先打开主题外观设置 - 全局设置 - 自定义CSS,填写以下内容:不用管这一步的作用是什么,后面会逐个介绍body { --theme: #409eff; --background: #fff; --main: #303133; --routine: #606266; --minor: #909399; --seat: #c0c4cc; --classA: #dcdfe6; --classB: #e4e7ed; --classC: #ebeef5; --classD: #f2f6fc; --radius-wrap: 8px; --radius-inner: 4px; --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); --box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); }首先随便拿上面的一个属性进行介绍,懂了一个后面都懂,dddd(懂的都懂 ::(阴险) )例如: --theme: #409eff; --theme 这个不能修改,固定的主题调用语法。--theme 冒号后面的是颜色的色彩值,这个色彩值可以用常见的颜色格式。例如 #ff6800 、rgba(0,0,0,1) 等等都可以{lamp/}明白上面的意思后,接下来对上面的每个属性做一个描述--theme顾名思义,主题色的意思,用于修改整个网站的主题色彩--background这个介绍不太好描述,用一个图形容下,比如下面这张图,他的背景色就是用的这个属性值(白色),如果想变成透明的话,可以填写 rgba 值,例如: rgba(255,255,255,0.5) 半透明--main这个是文字的颜色,颜色最深的--routine这个是文字的颜色,颜色稍微次于上面那个--minor这个是文字的颜色,颜色稍微次于上面那个--seat这个是文字的颜色,颜色稍微次于上面那个--classA这个主要用于横线、分割线用的颜色,颜色最深的--classB这个主要用于横线、分割线用的颜色,颜色稍微次于上面那个--classC这个主要用于横线、分割线用的颜色,颜色稍微次于上面那个--classD这个主要用于横线、分割线用的颜色,颜色稍微次于上面那个--radius-wrap这个主要用外层包裹的圆角度数的,如果不需要圆角,可以写0,例如--radius-inner这个主要用里层包裹的圆角度数的,如果不需要圆角,可以写0--text-shadow这个是文章标题的字体阴影,这个只在文章详情页用到,改不改区别不大--box-shadow这个是阴影,这个弄得好,网站炫酷的一批,例如拟态等都是通过这个实现的其他上面的设置都是控制主题白昼下的样式,黑夜模式的样式和这个修改方法一致
2021年05月18日
1,669 阅读
4 评论
43 点赞
2021-05-18
『转载』『教程』Joe主题的归档和动态页面分享(其他主题也能用)
之前老版的Joe主题有归档和动态页面,5.0版本以后,作者就没有移植了 但是有大佬把之前的页面做了移植,然后分享在了群里,但是后面不知道为什么又不见了 今天还是逼自己一把,把这篇水文写了出来
2021年05月18日
4,914 阅读
67 评论
63 点赞
2021-05-18
1
2
3
4
...
6