六六丶
(共79篇)
搜索到
79
篇与
六六丶
的结果
-
『转载』『代码』Joe主题自定义搭配色教程 转自： [Joe的博客](https://78.al/post/194.html) > 今天看到每个使用本站主题的用户，全部用的都是主题默认样式，如何自定义一套自己的色彩风格？此篇文章适合非常非常白的小白（萌新）阅读，不适用于大佬 ## 前言 本篇教程无任何技术类的知识，只需对颜色有些了解即可！ ### 第一步 打开主题外观设置 - 全局设置 - 自定义CSS，填写以下内容： ```php body { --theme: #409eff; } ``` 填写完后如下图所示（复制粘贴不会的洗洗睡吧）：  ### 第二步 随便百度一个颜色网站，例如：https://www.5tu.cn/colors/yansebiao.html 复制自己喜欢的颜色色彩值，例如珊瑚色： `#f8aba6` 。接着替换掉上面填写的颜色即可，上面的代码就如下所示： ```php body { --theme: #f8aba6; } ``` 接着保存，去前台刷新就能看见变化了，这里只是举一个栗子进行说明。 **到这里纯小白的教程结束** ，下面的内容是更加强大的全套主题色补充。 ### 完整版内容 首先打开主题外观设置 - 全局设置 - 自定义CSS，填写以下内容： 不用管这一步的作用是什么，后面会逐个介绍 ```php 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 这个是阴影，这个弄得好，网站炫酷的一批，例如拟态等都是通过这个实现的 ### 其他 上面的设置都是控制主题白昼下的样式，黑夜模式的样式和这个修改方法一致
-
『转载』『教程』Joe主题的归档和动态页面分享（其他主题也能用） 之前老版的Joe主题有归档和动态页面，5.0版本以后，作者就没有移植了 但是有大佬把之前的页面做了移植，然后分享在了群里，但是后面不知道为什么又不见了 今天还是逼自己一把，把这篇水文写了出来
-
-
-
『笔记』『代码』Typecho 主题模版制作常用调用变量和函数、参数 > 前言 博主对Typecho博客程序情有独钟，但是还不会PHP所以四处收集Typecho制作模板的代码和函数什么的。 一个是方便自己使用，另外一个方便大家查看，又找到了点代码，今天发一下。 修改 Typecho 主题时，需要判断当前用户角色，对于管理员角色，显示内容，可使用如下： ```php 若为管理员，显示此区域内容 //else可去 非管理员，显示此区域内容 ``` 登录 ```php ``` 注册 ```php ``` 站点名称 ```php ``` 域名地址 ```php ``` 后台地址 ```php ``` 完整路径标题，比如 文章 站点 ```php ``` 站点说明 ```php ``` 模版文件夹地址 ```php ``` 作者名字 ```php ``` 当前登陆用户名字 ```php ``` 退出链接 ```php ``` 作者头像 ```php ``` ` 参数说明` `此函数是完整 img 标签，200代表长和宽` 该文作者全部文章列表链接 ```php ``` 该文作者个人主页链接 ```php ``` 该文作者的邮箱地址 ```php ``` 引用模版文件夹内php文件 ```php ``` ` 参数说明` ` 可以使用相对路径获取上级目录php文件` 评论 ```php ``` 常用调用代码： ```php /*头部HEAD常用 //关键词 //站点名称 //站点描述 //标题 //模板路径 //主页网址 //分页 //版本号 /*文章页面常用 //标题 //分类 //标签 //时间 //内容 //上一篇 //下一篇 ``` 调用作者信息： ```php //作者名称 //作者文章列表连接 //作者主页 //作者邮箱 //作者头像 ``` 评论者信息： ```php //带连接的作者名 //不带连接的作者名 ```
-
『转载』『教程』Joe主题老版本编辑器恢复方法 > 前言 从 Joe 6.0之后版主更新了编辑器后我们发现在写文章时上面的 **小图标** 不见了，这影响了很多人及时更新文章，所以今天出一期最简单的教程 > 成果展示  > 更换教程 1.下载老版本编辑器后把文件放在 `你网站目录/usr/themes` 下，直接解压即可，不过有个别人不能用。 2.删除Joe(模板目录)下的 ` typecho文件夹` 和 `core文件夹内的factory.php` 文件 然后将解压的 ` typecho文件夹` 放进Joe主题根目录，替换原来的 `core文件夹内` 的 `factory.php` 文件 大功告成！！！ > 下载地址 隐藏内容，请前往内页查看详情
-
『原创』『代码』为你的博客添加悬浮打赏按钮（按钮切换） > ## 前言 博客搭建已经有一段时间了，文章也写了不少了（虽然有些是扒的:@(狂汗)XD） 但是前几天有人发消息说觉得我的文章帮到他了，想要打赏，却没有打赏途径 找了很久，除了几个插件就没有我心仪的，但是插件又要下载上传，太麻烦了 XD 所以我就用自学的HTML写了一个悬浮打赏按钮，添加到文章点赞旁边，效果很好，我非常满意，所以现在分享出来 > ## 成果展示 {tabs} {tabs-pane label="第一版"}  {/tabs-pane} {tabs-pane label="第二版"}  {/tabs-pane} {tabs-pane label="切换版"}  {/tabs-pane} {/tabs} > ## 版本升级 当我把这个功能做好后，发给要打赏我的人时，Ta却说打赏不了，在微信中总是识别成支付宝的链接 :@(吐血倒地) 然后我自己试了一下，发现确实会识别错位，不知道是不是支付宝的二维码更要强一些，识别十次九次都是支付宝链接，打赏的人都不想给我打赏了，气死我了 :@(内伤) {dotted startColor="#ff6c6c" endColor="#1989fa"/} 然后我就想到了点击切换二维码，说干就干，首先我用css试了很久，发现光用css已经实现不了我的需求了 然后我就开始琢磨JS来实现，开始用了if语句来切换 `img` 的 `url` ，确实可以切换了，但是if语句只能对应一个按钮，如果别人不知道按钮可以切换，那就仅显示一个二维码 突然想到，既然用js了，那为什么不直接根据不同的 `input` 按钮给 `img` 赋值呢，然后我就写了三段赋值语句（学艺不精啊） :@(尴尬) 然后就实现了一个按钮切换一个二维码了 {dotted startColor="#ff6c6c" endColor="#1989fa"/} 再发给要打赏我的人，结果.... :@(无奈) 只打赏了0.01元 :@(扇耳光) > ## 代码分享 其实这个功能很简单，其实就是CSS的 `:hover` 来实现的 我使用的是Joe主题，所以我直接添加在点赞旁边，让它看看起来跟整个主题更协调 首先找到Joe主题目录中的点赞文件 `public/handle.php` 再在点赞按钮后添加以下代码 隐藏内容，请前往内页查看详情 添加到 `public/handle.php` 的倒数第二行  保存后，刷新网站，打赏按钮就出现了，试着把鼠标移上去看看效果吧！ > ## 切换版下载
-
『转载』『代码』为博客添加 COVID-19 疫情地图 > 前言 我在网上冲浪的时候偶然看到一个博主的侧栏有疫情显示，于是决定给自己的博客也整一个。 感觉做的蛮不错，可以很方便地看到全球现存确诊状况，鼠标移到某个省份 / 国家上也可以查看地区详情。 我就算是义务安利一下吧～想用的可以抱走。 > 展示  > 添加教程 其实原博客已经把怎么部署写得挺清楚了～因为作者已经写好了框架代码，所以只需要用 iframe 调用就可以了。 在想要加入疫情地图的地方加入如下代码 ```php ``` 就可以调用大佬的疫情地图了，据说是从丁香园的数据抓取的，每小时更新。 地图是来自 highmaps，先 mark 一下，说不定什么时候做可视化就要用到了呢。 想规定大小的话改变 height 和 width 值就可以了，因为侧边栏太长了不好看，所以手动缩了点高度 XD 唉，希望疫情能早点过去吧，家里花都要开了。
-
-
『代码』给你的网站添加愚人节彩蛋 今天是4.1日愚人节 既然是愚人节，就得搞点事情 不知道各位有没有看到本博客的愚人节彩蛋呢 它的原理很简单： 利用 CSS 实现页面翻转，然后用 JS 定时器定时取消翻转。 废话不多说，直接上代码！ > 直接把以下代码放进页脚文件 `footer.php` 里，必须放页脚才会生效！ ```php
-
『原创』『代码』给网站添加一个复制弹出版权提醒（授人与渔） > 前言 最近看到其他博客复制时有一个版权提醒，然后查看教程发现他们的Js全是引用别人的 我始终认为自己的才是最好的，因为你永远说不准别人的服务器什么时候就停运了，那引用的东西也就没用了 所以授人予鱼不如授人与渔，由我来教你制作一个属于自己的弹窗提示 > 成果展示  > 制作教程 #### 一、下载Js 首先下载一个弹出层组件，然后解压放在网站的根目录 下载地址： {dotted startColor="#ff6c6c" endColor="#1989fa"/} 隐藏内容，请前往内页查看详情 {dotted startColor="#ff6c6c" endColor="#1989fa"/} 在这个网站下载弹出层组件，把解压后的 `layer` 整个文件夹上传至你网站的根目录 如果你输入 `你的域名/layer/layer.js` 能打开的话就成功了，就像下面这样  当然你也可以上传到其他目录，但是你引用的时候记得修改地址 #### 二、引用Js和设置弹窗 在你的网站所有页脚文件 `footer.php` 插入以下两段代码 引用Js的代码:（可以放在 `` 里也可以放在 `` 里） ```php ``` 如果你懒得自己弄Js，也可以引用我的Js，但是能用多久我不能保证 :@(尴尬) ```php ``` 然后再在 `` 里加入以下代码： ```php document.body.oncopy = function() {layer.msg('复制成功，若要转载请务必保留出处！');}; ``` 保存后去清除缓存就可以了，复制时就会出现版权提示弹窗了 #### Joe主题应用 如果你是使用的Joe主题，那你可以直接把两端代码放在 **主题设置-设置外观-全局设置** **自定义添加里内容**
-
『美化』『插件』Typecho - 微信公众号验证码涨粉丝插件（美化版） > 前言 最近申请了一个公众号，正好有小伙伴说博客`回复可见`有些麻烦 那就关注公众号获取验证码吧，扫一扫就行了 :@(邪恶) > 插件介绍： 一款利于微信公众号涨粉的Typecho插件 访客必须关注 **公众号** 获取验证码，然后输入验证码才能看到内容  > 安装方法（使用方法见插件说明即可，已支持自动匹配隐藏标签规则）： 1. 下载本插件，放在 usr/plugins/ 目录中（插件文件夹名必须为WechatFans）； 2. 激活插件； 3. 填写配置，设置二维码； 4. 完成。 > 插件下载 原版太丑了，所以我稍微修改了一下下 这里的验证码为： **灵感乌托邦** 隐藏内容，请前往内页查看详情
