首页
微语
HRX
LOVE
友链
归档
Search
1
京东PLUS会员送的体检体验如何?
840 阅读
2
时隔ICP备案半个月,又完成了网安备案
657 阅读
3
入手绿源ZN10电动车
568 阅读
4
申请又拍云联盟 免费使用CDN和云存储(对象存储)服务
512 阅读
5
Typecho 新版又拍云插件使用教程
454 阅读
生活日记
微言微语
建站交流
资源分享
登录
Search
Hary
累计撰写
100
篇文章
累计收到
328
条评论
首页
分类
生活日记
微言微语
建站交流
资源分享
页面
微语
HRX
LOVE
友链
归档
搜索到
36
篇与
的结果
2023-12-22
给网站添加上恋爱计时小工具-完美适配Joe主题
恋爱倒计时小工具使用Javascript来计时⏲给自己的网站侧边栏位置添加上一个计时小工具,在丰富网站内容的同时又使网站显得很浪漫。原来搭建的有一个基于Typecho情侣主题Brave的站点,里面的点点滴滴和Love List内容很久都没更新了,好像也就一个计时有点用,想着就直接在这个博客站侧栏单独添加一个计时的功能,然后就搜了一下,还挺多博主有记录关于添加恋爱计时功能的。找了一下也没有拿来就能用的(因为自己不会写哈),最后在小言u博客找到了关于这块的代码,然后做了细微修改,完美适配现在用的Joe主题,然后就写个文章分享下吧,也记录下折腾修改的内容,时间长了自己都不记得修改的哪了。效果图:代码在最下面。。。Joe主题添加方法:PC端:如果你跟我用的一样是Joe主题,直接将PC段代码复制粘贴到自定义侧边栏内即可,用的其他主题的话就自行发挥吧。。。PC端代码: <ul class="joe_header__slideout-count"> <style> /* 头像大小调整 */ .pctouxiang{ width: 66px; /* 头像宽度 */ height: 66px; /* 头像高度 */ vertical-align: -20px; border-radius: 50%; margin-right: 5px; margin-bottom: 5px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1); border: 2px solid #fff; } </style> <body> <div style="text-align: center;"> <!-- 头像1 --> <img class="pctouxiang" src="https://img.hary.cc/pan/2023/12-b3d51adb737efd61.jpeg"> <svg class="my-face" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="50" height="50"><path d="M866.944 256.768c-95.488-95.488-250.496-95.488-345.984 0l-13.312 13.312-9.472-9.472c-93.824-93.824-246.656-100.736-343.68-10.368-101.888 94.976-104.064 254.592-6.4 352.256l13.568 13.568 299.264 299.264c25.728 25.728 67.584 25.728 93.44 0l312.576-312.576c95.488-95.488 95.488-250.368 0-345.984zM335.36 352.64c-20.48 0-40.832 6.016-56.704 18.944a85.4912 85.4912 0 0 0-6.912 126.976c9.984 9.984 9.984 26.24 0 36.224l-3.2 3.2c-8.192 8.192-21.632 8.192-29.952 0-52.608-52.608-57.216-138.496-6.528-192.896 26.112-28.032 61.952-43.52 100.096-43.52 14.08 0 25.6 11.52 25.6 25.6v3.072c0 12.416-9.984 22.4-22.4 22.4z" p-id="21617" data-spm-anchor-id="a313x.7781069.0.i46" class="selected" fill="#FF2727"></path></svg> <!-- 头像2 --> <img class="pctouxiang" src="https://img.hary.cc/pan/2023/12-b93dfe55e6f079f2.jpeg"><br> <span id="pctimejishiqi"></span> </div> <script> function timingTime(){ // 开始时间 格式: 年-月-日 时:分:秒 // 例如:2021-8-14 00:00:00 let start = '2022-2-7 09:15:00' let startTime = new Date(start).getTime() let currentTime = new Date().getTime() let difference = currentTime - startTime let m = Math.floor(difference / (1000)) let mm = m % 60 // 秒 let f = Math.floor(m / 60) let ff = f % 60 // 分钟 let s = Math.floor(f/ 60) // 小时 let ss = s % 24 let day = Math.floor(s / 24 ) // 天数 return "已经在一起" + "<br> " + day + " 天 " + ss + " 小时 " + ff + " 分钟 " + mm +' 秒' } setInterval(()=>{ document.getElementById('pctimejishiqi').innerHTML = timingTime() },1000) </script></body> </ul>手机端:找到/usr/themes/Joe/public文件夹下的header.php文件,打开编辑我是在累计收到X条评论下方添加的,大概就在324行,具体效果图可以手机访问看下我的站点的侧边栏效果,也可以在头像下面或者最后添加,把代码放到你想要显示的位置就可以了。手机端代码: <!--PE侧边栏恋爱计时begin--> <ul class="joe_header__slideout-count"> <style> /* 头像大小调整 */ .petouxiang{ width: 66px; /* 头像宽度 */ height: 66px; /* 头像高度 */ vertical-align: -20px; border-radius: 50%; margin-right: 5px; margin-bottom: 5px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1); border: 2px solid #fff; } </style> <body> <div style="text-align: center;"> <!-- 头像1 --> <img class="petouxiang" src="https://img.hary.cc/pan/2023/12-b3d51adb737efd61.jpeg"> <svg class="my-face" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="50" height="50"><path d="M866.944 256.768c-95.488-95.488-250.496-95.488-345.984 0l-13.312 13.312-9.472-9.472c-93.824-93.824-246.656-100.736-343.68-10.368-101.888 94.976-104.064 254.592-6.4 352.256l13.568 13.568 299.264 299.264c25.728 25.728 67.584 25.728 93.44 0l312.576-312.576c95.488-95.488 95.488-250.368 0-345.984zM335.36 352.64c-20.48 0-40.832 6.016-56.704 18.944a85.4912 85.4912 0 0 0-6.912 126.976c9.984 9.984 9.984 26.24 0 36.224l-3.2 3.2c-8.192 8.192-21.632 8.192-29.952 0-52.608-52.608-57.216-138.496-6.528-192.896 26.112-28.032 61.952-43.52 100.096-43.52 14.08 0 25.6 11.52 25.6 25.6v3.072c0 12.416-9.984 22.4-22.4 22.4z" p-id="21617" data-spm-anchor-id="a313x.7781069.0.i46" class="selected" fill="#FF2727"></path></svg> <!-- 头像2 --> <img class="petouxiang" src="https://img.hary.cc/pan/2023/12-b93dfe55e6f079f2.jpeg"><br> <span id="petimejishiqi"></span> </div> <script> function timingTime(){ // 开始时间 格式: 年-月-日 时:分:秒 // 例如:2021-8-14 00:00:00 let start = '2022-2-7 09:15:00' let startTime = new Date(start).getTime() let currentTime = new Date().getTime() let difference = currentTime - startTime let m = Math.floor(difference / (1000)) let mm = m % 60 // 秒 let f = Math.floor(m / 60) let ff = f % 60 // 分钟 let s = Math.floor(f/ 60) // 小时 let ss = s % 24 let day = Math.floor(s / 24 ) // 天数 return "已经在一起" + "<br> " + day + " 天 " + ss + " 小时 " + ff + " 分钟 " + mm +' 秒' } setInterval(()=>{ document.getElementById('petimejishiqi').innerHTML = timingTime() },1000) </script></body> </ul> <!--PE侧边栏恋爱计时end-->
2023年12月22日
254 阅读
4 评论
3 点赞
2023-12-15
等了一周,备案终于审批了,博客站更换新域名了
1、12月6号晚上又网上冲浪,本来逛西部数码一口价呢,看有没啥好货,突然发现西部数码的cc域名直接注册10年是真便宜啊,10年才只要259块大洋,一年才划26块钱,本来我这个博客站一直用的二级域名搭建,一时心血来潮想着搞个主域名cc的搭建博客得了,反正也不贵,然后大半夜的就注册了。。。2、然后就在阿里云APP提交域名备案,好像刚注册的识别不到实名,应该是平台之间有个同步的时间,然后提交域名的时候一直提示域名实名和备案主体不一致,一直到第二天中午才可以成功提交;提交成功之后没多久阿里云备案审核员就打电话过来核对信息了,现在是先核对个人信息,然后会问要做什么站,我说搭建博客,然后她还问具体发布什么内容呢,还得说出来个123,备案这东西好像是慢慢越来越严。3、提交到管局之后想着也就差不多一周时间,之前备案也都是差不多一周就下来了,这一周真是心里有事晚上睡觉都能梦见备案审批通过了,还好今天终于收到了审核通过的通知,晚上终于能睡个好觉了。4、其实替换域名也还挺方便的,直接把数据库和站点文件下载下来,用notepad++工具直接全量把老域名换成新域名就行了,站点域名和图片外链地址啥的全都一把替换好了,然后再把站点文件和数据库导入;新域访问,正常无报错,完美!5、既然一下入手十年,后面就用hary.cc这个域名做博客站的主域名了。
2023年12月15日
333 阅读
4 评论
5 点赞
2023-12-10
AIDesign,腾讯自研的智能设计平台,免费在线生成品牌logo
1. AIDesign是什么?AIDesign是一个利用人工智能技术生成logo的智能设计平台,致力于帮助个人用户(目前支持QQ及微信用户)高效率、低成本地激发品牌灵感。AIDesign的典型使用场景包括但不仅限于:线上产品 LOGO设计、启动图标设计…实体产品 包装设计…中小企业 品牌设计、VI设计…小微商铺 店招设计、物料设计…协会班级 徽标设计…自媒体个人品牌、营销设计…AIDesign使用简单,仅3步(输入品牌名、选择关键词、选择偏好色彩)即可获得多种logo方案。2. AIDesign免费吗?内测期间,用户均可免费使用。目前,AIDesign免费开放全部功能,支持logo的智能设计、调优、VI生成、下载。推广期间,每个用户每日可免费下载10款logo及其衍生品,可下载内容包括:高清无水印的彩色logo图片、标准墨稿、标准反色稿、名片设计稿。3. 智能生成的LOGO可以如何使用?是否可以注册商标?智能LOGO平台内标注“商用许可”字样的logo相关内容,您可以用于自身商业用途使用,但不可以任何形式销售、授权任何第三方使用。平台内标注“个人许可”字样的logo相关内容,您可以用于个人或公益用途,不得将其用于营利性商业用途或提供给他人以谋取商业利益。目前智能Logo平台提供的Logo均不可用于商标注册。若用户违反上述使用规则产生的法律责任,由用户自行承担。智能用户需承担侵权责任,且应当自行承担由此导致的一切法律责任。同时,本平台保留追究您违规使用的权利。更多使用规则,请参阅服务协议了解更多详细信息。4. 能否对智能LOGO进行修改、编辑、或进行拆分使用?因Logo的版权归腾讯公司及合作方所有,包含第三方授权素材,因此用户不可以对AIDesign平台提供的Logo及其相关衍生品进行任何修改、编辑、调整或是进行拆分使用,只可将Logo及其衍生品按照本平台提供的形式原样使用。请参阅服务协议了解更多详细信息。5. 我已下载的智能LOGO,还会提供给其他用户使用吗?是的,您已下载的Logo其他用户也可能重复下载,但是重复下载的几率很小。目前,AIDesign的智能logo以非排他方式提供给所有用户,我们无法保证您生成的logo不会与其他用户的logo相似甚至完全相同。不过,我们的数据库中有超过100,000的版权素材,并在不断扩充,强大的人工智能算法也会为用户提供千人千面的选择,实际上遇到完全重复的几率非常小。站点地址:https://ailogo.qq.com/guide/brandname
2023年12月10日
315 阅读
0 评论
0 点赞
2023-12-01
Apache虚拟主机环境用伪静态设置二级运行目录public
设置运行目录public方法:编辑网站根目录htdocs下 .htaccess 文件,将以下代码复制到 .htaccess 文件中保存: RewriteEngine on RewriteCond %{REQUEST_URI} !^/public/ RewriteRule ^(.*)$ /public/$1 [L]
2023年12月01日
168 阅读
0 评论
0 点赞
2023-10-14
LightPicture 轻量图片资源管理系统、图床系统
我现在的文章里面的图片全都是用codesee/UpyunFile这个插件直接传到又拍云的,有些少量的不是文章配图用的图片还是需要一个图床,经过去年的gitee时间之后,自己的图片放在公共图床上又不放心,之前用兰空图床搭建的一直在用,功能也挺多,我就自己用,很多功能也确实用不到,然后蓝空图床的体积又很大,某天冲浪发现了这个LightPicture,这个比较轻量化,功能啥的该有的也都有,比较适合自己用,就从兰空转到这个了,我也一直就是想要这种WEB上传又拍云的效果,正符合自己的需求。这个是我搭建的,没开放,自用的哈。pan.hary.ccLightPicture 轻量图片资源管理系统、图床系统功能简介支持第三方云储存,本地、阿里云OSS、腾讯云COS、七牛云KODO、又拍云USS、华为云OBS等等支持多桶储存,可同时添加多个对象存储桶管理,适合团队多桶协作多图上传、拖拽上传、粘贴上传、上传预览、全屏预览、一键复制图片外链多用户管理、分组管理;不同分组用户控制不同的存储桶完整的权限控制功能,不同用户组可分配不同的操作权限,控制其上传删除及查看完整的可视化日志功能,记录用户所有操作,方便事件溯源全局配置用户初始剩余储存空间、设置指定用户剩余储存空间支持接口上传、接口删除原创Geek扁平化页面风格,高性能 / 精致 / 优雅 / 简洁而不简单;LightPicture官网地址:http://picture.eemu.cn/
2023年10月14日
169 阅读
0 评论
0 点赞
2023-08-19
Armbian使用花生壳映射SSH和宝塔WEB登录
这个就是按照花生壳官网树莓派的使用教程来配置armbian,发个文章记录一下,防止以后迷路找不到。。。具体请看贝锐官网树莓派使用教程
2023年08月19日
92 阅读
0 评论
0 点赞
2023-08-19
Armbian系统更新内核
登录 Armbian 系统 → 输入命令:使用 root 用户运行 (sudo -i)如果不指定参数,将更新为最新版本。armbian-update如果当前目录下有成套的内核文件,将使用当前目录的内核进行更新(更新需要的 4 个内核文件是 header-xxx.tar.gz, boot-xxx.tar.gz, dtb-amlogic-xxx.tar.gz, modules-xxx.tar.gz。其他内核文件不需要,如果同时存在也不影响更新,系统可以准确识别需要的内核文件)。如果当前目录没有内核文件,将从服务器查询并下载同系列的最新内核进行更新。你也可以查询可选内核版本,进行指定版本更新:armbian-update 5.15.126。在设备支持的可选内核里可以自由更新,如从 5.10.123 内核更新为 5.15.126内核。内核更新时,默认从 stable 内核版本分支下载,如果下载其他 版本分支 的内核,请在第 2 个参数中根据分支文件夹名称指定,如 armbian-update 5.10.126 dev 。默认会自动安装主线 u-boot,这对使用 5.10 以上版本的内核有更好的支持,如果选择不安装,请在第 3 个输入参数中指定,如 armbian-update 5.10.126 stable no更新内核时会自动备份当前系统使用的内核,存储路径在 /ddbr/backup 目录里,保留最近使用过的 3 个版本的内核,如果新安装的内核不稳定,可以随时恢复回备份的内核。如果更新失败导致系统无法启动,可以通过 USB 启动任意版本的 Armbian 来恢复 eMMC 里的系统。更多说明详见https://github.com/ophub/amlogic-s9xxx-armbian/blob/main/README.cn.md
2023年08月19日
261 阅读
0 评论
0 点赞
2023-08-19
Armbian设置U盘/硬盘自动挂载并在U盘/硬盘内安装宝塔
我这是按照U盘实际操作的,硬盘是一样的步骤挂载U盘1.插入U盘,扫描,查看所有磁盘信息,找到U盘的挂载位置,我这是/dev/sda1sudo fdisk -l2.格式化U盘mkfs.ext4 /dev/sda13.创建挂载目录(目录名字自定义,我这命名为usb)mkdir /usb4.挂载到usb(上一步创建的目录)mount /dev/sda1 /usb5.编辑 /etc/fstab添加开机自动挂载vim /etc/fstab将下面这一行添加到/etc/fstab文件中(/dev/sda1是第一步查到的U盘位置)/dev/sda1 /usb ext4 defaults 0 0或着blkid查看uuid,然后用UUID添加,效果一样的。UUID=593380a1-c41a-4fa4-849c-2e1b91ad1a8e /mnt/usb ext4 defaults 0 06.然后看磁盘信息,发现U盘已经被挂载上来了df -h修改宝塔安装路径安装宝塔前:1.进入/usb下cd /usb2.创建宝塔面板安装需要用的www目录mkdir www3.建立/usb/www 到/www的软连接,也就是给系统根目录建立一个www的“快捷方式”指向/home/www)ln -s /usb/www /www4.安装宝塔前更新下软件环境,以免安装宝塔失败更新软件列表命令更新软件命令apt upgrade安装wget命令apt install wget后面正常参照宝塔官网安装https://www.bt.cn/new/download.html
2023年08月19日
397 阅读
0 评论
0 点赞
2023-08-19
Armbian设置swap把硬盘转虚拟内存
1.查看内存使用情况:free -m2.创建swap分区dd if=/dev/zero of=/swap bs=1024k count=4096这条命令从硬盘里分出一个4G(4096根据实际更改)大小的空间,挂在swap上,/ swap此目录可任意位置。if //输入of //输出bs //块儿大小count //总大小3.制作成交换区mkswap /swap4.修改文件权限到安全权限chmod 600 /swap5.启动交换区sudo swapon /swap6.查看是否生效free -m7.设置开机自动挂载该分区打开/etc/fstab文件;vim /etc/fstabi 是编辑,esc 退出编辑,:wq 保存在文件末尾追加如下内容后保存即可:/swap swap swap defaults 0 0删除swap分区首先停止swap分区: swapoff /swap 再删除分区文件: rm -rf /swap 最后删除/etc/fstab指定自动挂载分区的那一行。
2023年08月19日
166 阅读
0 评论
0 点赞
2023-08-12
Typecho 新版又拍云插件使用教程
说明本插件 ShadowySpirits/UpyunFile 是又拍云文件上传插件,基于 codesee/UpyunFile 二次开发。相比于原插件:修复了启用本插件会影响其他替换内容插件生效的Bug修复了某些情况下图片链接替换失败的Bug新增:接入又拍云图片处理功能新增:为博客静态资源加入Token防盗链又拍云SDK仅支持PHP>=5.6的环境原作者:codesee使用方法1.在 Release 中下载此插件的最新版,上传至网站的 /usr/plugins/ 目录下。务必保持本插件文件夹名称为 UpyunFile,不能随意更改2.启用该插件,正确填写相关信息,保存即可注意事项1.启用又拍云图片处理需在又拍云控制台中创建缩略图版本并填入插件相应位置,文档:https://help.upyun.com/knowledge-base/image/#thumb;又拍云图片处理会忽略带有后缀 _nothumb 的图片(比如:example_nothumb.png)2.如你创建的缩略图版本开启了转码功能,则需将输出格式填入插件相应位置3.只有 JPG、JPEG、PNG、BMP 这 4 种格式的图片才会进行处理4.启用 Token 防盗链需在又拍云控制台中启用 Token 防盗链并将密钥填入插件相应位置5.自定义目录结构可以在 Typecho 根目录下的 config.inc.php 中添加代码 define('__TYPECHO_UPLOAD_DIR__', '/path/to/uploads'); 并设置目录结构为 Typecho结构。6.Token 防盗链功能只能修改 HTML 代码中的 CDN 链接,如果需要引入字体图片等资源请内联 CSS
2023年08月12日
454 阅读
0 评论
1 点赞
1
2
3
4