TypechoJoeTheme

日志随记

统计
登录
用户名
密码

扫码登录
/
注册
用户名

此用户名将作为登录时所用的账号

邮箱

XG.孤梦

随风而动,随遇而安......

搜索到 41 篇与 学习笔记 的结果 ———学习分享,记录点滴...
2025-06-05

字由客户端激活的字体提取方法

字由客户端激活的字体提取方法
前言最近有对文本美化有需求,然后系统自带的字体不够理想于是就找到了一个字体软件【字由】,但是使用后发现关闭字由客户端后,设定的字体就消失了。不支持下载有个很严重的问题,比如进行web开发几乎就没法用,因为必须要根据页面上应用到的汉字制作精简版字体才能保证用户加载不超出浏览器内存限制。官方解释是:由于字体保存在字由云端,所以请保持字由在线使用。懂程序的小伙伴应该都知道win系统字体安装肯定是要缓存字体文件到本地,然后临时加载字体,所以本地肯定是有字体的源文件的,然后我就开始在网上查找攻略,发现方法大部分都失效了,经过仔细分析终于找到了字体文件。查找过程 第一个方法(经过测试无效) 一、打开字由客户端,选择自己喜欢的字体激活。二、进入C:Users用户名AppDataRoamingSystemDataTemp 这个目录。(文件夹没有这个目录)三、.按类型排序,我们会看到许多类似 0c42ff0cdbe7b418bf81a3ca13e03dcb 这样没有后缀的文件,这就是字体文件的本地缓存。四、在文件名末尾加上ttf后缀【可以批量重命名】,然后右击预览,根据预览中显示的信息更改文件名。...
XG.孤梦
2025-06-05

学习笔记

2025年06月05日
31 阅读
0 评论
2023-06-12

制作可变logo教程

制作可变logo教程
前言使用joe主题的人应该都知道主题logo会随主题的明暗模式进行变换,那么这个是怎么实现的呢?其实这个有两种方法。替换文件法这个方法通常运用在图片(位图图像)通过在明暗模式切换的js代码中添加logo的文件路径替换,达到两张图片的切换效果。矢量图编辑法有学习过设计美术方面的或者使用过 Adobe Illustrator、Corel Draw 的人,应该都知道矢量图,有一个非常好的特性就是图像可以无限级缩放,对图形进行缩放,旋转或变形操作时,图形不会产生锯齿效果,而位图缩放和旋转容易失真,这个是这么实现的呢,其实你可以下载一个纯矢量图文件 文件格式通常以 .svg 结尾 ,右键以文本编辑器或者记事本方式打开然后,你就会看见一大段类似坐标点一样的代码(数学向量),就是因为这些坐标一样的数学向量组成了一张图像,所以矢量图可以使用css或者js对其就行编辑,从而达到图像变换的效果。位图与矢量图比较图像类型组成优点缺点常用制作工具点阵图像(位图)像素只要有足够多的不同色彩的像素,就可以制作出色彩丰富的图象,逼真地表现自然界的景象缩放和旋转容易失真,同时文件容量较大Photo Shop、画...
XG.孤梦
2023-06-12

学习笔记

2023年06月12日
2,411 阅读
1 评论
2022-08-14

Tyepcho找回密码增加请求限制教程

Tyepcho找回密码增加请求限制教程
前言之前有人请教我怎么限制typecho邮件通知里的找回密码请求,我看了看这好像是个挺严重的问题,如果没有限制请求频率,可能一些不怀好意的人会一直恶意请求,导致发送邮箱账号被封号,或者标记为垃圾邮箱,所以我研究了一会儿,想了比较多的方案,比如:前端js拦截(设置多少秒解除提交按键的禁用属性)但是因为typecho插件的性质组件初始化的顺序不同,可能js提前加载无法绑定到按钮,而且每次进入都禁用一些时间,非常影响体验,所以pass掉了。设置cookie临时存储提交的时间,找通过js拦截请求的发起,很明显这个实现比第一个体验上好了一点,但是这个办法有漏洞清除掉cookie就又可以请求,而且实现起来有点难度,因此也pass了。最后我想到了一个好办法,比上面两个实现起来容易且能稳定运行,通过查询数据库验证请求,我最后选择了这种方法,方法已经更新到了插件和我的定制版后台里,下载最新版本安装后,取消插件里XGComment/Action.php大概307-309行的代码注释即可开启功能,加注释防止有人安装到官方的Typecho,请求数据库查不到表单报错。教程1.打开数据库找了typecho_...
XG.孤梦
2022-08-14

学习笔记

2022年08月14日
2,454 阅读
0 评论
2022-08-10

Typecho-Joe主题实现图片评论功能

Typecho-Joe主题实现图片评论功能
实现效果实际使用效果见本站,主题将在1.1.7版本中嵌入此功能,但是在开启前需要配置一些东西。使用我的主题模板搭建好图床直接把js里的图床API改成自己的就可以了效果图默认状态已选择文件点击插入 上传图片默认插入Markdown语法链接,目的方便实现评论点击图片大图预览效果开启判断文件类型在js中加入后缀判断文件类型,选择非图片类型时,会提示视频教程准备修改后台设置1.首先进入Typecho后台,找到评论设置开启评论Markdown语法。2.只开启Markdown语法是不够的,因为评论区默认禁用HTML标签,所以要添加允许的HTML标签。 在评论设置的最下方找到允许使用的HTML标签和属性,插入以下代码。<img src="" data-original="" width=""> <a href="" data-fancybox="">如果还想在评论区播放视频,自行查看网站的video标签和属性值一同加入进去。注意因为解除了a标签后可以写入JS脚本语句,...
XG.孤梦
2022-08-10

学习笔记

2022年08月10日
6,348 阅读
22 评论
2022-07-14

Git上传项目到Github仓库教程

Git上传项目到Github仓库教程
介绍Git:一个开源的分布式版本控制工具。Github: 一个面向开源及私有软件项目保存用户的数据、代码等文件的托管平台。准备阶段Github&创建仓库Github账号点击访问Github官网,如果访问速度很慢,可以开代理或者开加速器登录直接的github账号,如果没有账号点击右上角的 Sign up 跳转到注册界面注册账号。输入邮箱、密码、用户名信息点击继续,完成邮箱验证即注册成功,然后登录注册的账号创建仓库1.登录账号后,点击右上角的+ --> 点击 New repository2.输入仓库名称,勾选上 Add a README file,然后点击 Greate repository3.仓库创建完成安装git客户端;Git官网地址: https://git-scm.com/[line]下载[/line]Git官方版Windows版Mac版Linux版Git-GUI版WindowsGUI版MacGUI版LinuxGUI版选择适合的版本进入下载,按照安装向导完成安装,不需要配置其他的东西,直接Next。下面以Windows官方版进行演示,其他操作系统操作一致。连接仓库Gi...
XG.孤梦
2022-07-14

学习笔记

2022年07月14日
5,073 阅读
0 评论
2022-05-26

Java实现扫雷小游戏三

Java实现扫雷小游戏三
接下来是完成菜单栏的功能游戏菜单添加菜单监听器(com.panel/BombJMenuBar.java)在init()方法中插入// 开局事件处理 menuItemStart.addActionListener(new ActionListener() { @Override public void actionPerformed(ActionEvent e) { mainframe.reStartGame(); } }); // 添加事件监听器 MenuListener listener = new MenuListener(mainframe); menuItemStart.addActionListener(listener); menuItemLow.addActionListener(listen...
XG.孤梦
2022-05-26

学习笔记

2022年05月26日
2,599 阅读
0 评论
2022-05-26

Java实现扫雷小游戏二

Java实现扫雷小游戏二
布雷上一篇已经完成了界面UI的实现,接下来开始功能的实现。定义布雷类(com.tools/LayMine.java)(1)布雷采用随机生成的布雷方式,玩家第一次点击小方格不应该是雷,故布雷功能设计在玩家第一次左键时开始布雷。参数row和col是第一次点击的鼠标坐标。public class LayMine { /** * labels:存储方格的二维数据 * row:当前鼠标点击的x值 * col:当前鼠标点击的y值 */ public static void lay(MineLabel[][] labels, int row, int col) { int count = 0; Random random = new Random(); // 随机 while (count<Tools.allcount) { int x = random.nextInt(Tools.rows); int y = random.ne...
XG.孤梦
2022-05-26

学习笔记

2022年05月26日
1,490 阅读
0 评论
2022-05-18

Java实现扫雷小游戏一

Java实现扫雷小游戏一
实现项目结构分析主界面主窗体(com.main/MainFrame.java)包含菜单栏、计数区panel和雷区panel。(1)构造方法public MainFrame() { init(); this.setIconImage(Tools.getImageIcon().getImage()); // 设置图标 this.setTitle("扫雷"); // 设置标题 this.setSize(new Dimension(220,300)); // 窗口大小 this.setResizable(false); // 这样让窗口不可放大 this.setLocationRelativeTo(null); this.setLocation(new Point(800,300)); // 设置窗口位置 this.setVisible(true); // 设置窗口显示 this...
XG.孤梦
2022-05-18

学习笔记

2022年05月18日
1,664 阅读
0 评论
登录
X
用户名
密码