前言在浏览博客时,我们经常会想要留下评论与博主互动。但每次都要重复输入昵称、邮箱等信息,着实让人困扰。
方案一:自定义代码想要实现的功能只需要通过 JavaScript 操作网页的 DOM(文档对象模型),根据表单的name属性自动查找并填充评论区的昵称、邮箱和网址输入框然后赋值就可以了。例如:
12345678910111213141516171819javascript:void function() { var selectors = [ { list: ["#author", "input[name='comname']", "#inpName", "input[name='nick']", "#ds-dialog-name"], value: '時光' }, { list: ["#mail", "#email&qu ...
博客折腾记
未读一、介绍
初始项目:hexo-circle-of-friends
改进版:Friend-Circle-Lite
轻量化:对比原版友链朋友圈的功能,该友圈功能简洁,去掉了设置和fastAPI的臃肿,仅保留关键内容。
无数据库:因为内容较少,我采用json直接存储文章信息,减少数据库操作,提升action运行效率。
部署简单:原版友链朋友圈由于功能多,导致部署较为麻烦,本方案仅需简单的部署action即可使用,vercel
用于部署前端静态页面和实时获取最新内容。
文件占用:对比原版4MB的bundle.js文件大小,本项目仅需要5.50KB的fclite.min.js文件即可轻量的展示到前端。
前端分离: 将前后端分离,前端文件放在page分支,后端文件放在主分支
二、实操方案一后端采用最新的 Friend-Circle-Lite 项目进行部署,效果如下:
前端1、友圈json生成新增友链后记得重新生成友圈json文件
在博客根目录创建link.js,复制下面的代码(原项目地址说明文档没有定义blacklist会执行出错)
123456789101112131415161718 ...
博客折腾记
未读最近在交流群里发现很多人都在折腾怎么在公告栏显示访客欢迎语,感觉效果还不错,我也来折腾一下。
方案一
给主题添加来访者卡片
效果预览
配置步骤
安知鱼主题
申请API密钥注册青桔API,到密钥管理申请API_KEY即可,目前我们使用到的API是完全免费且无次数限制的。
创建JS文件在博客目录的 source 文件夹下创建 card-welcome.js 文件(也可以在source文件夹下另外新建文件夹)。
将以下内容复制到 card-welcome.js 中,并修改文件顶部配置信息
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201 ...
最近看到洪哥的邮件模板,感觉很不错,又在原来的基础上进行了一些改造
引用站外地址
Twikoo评论回复邮件模板:Acrylic Mail 粉
@HEO
首先给头像添加了圆角样式,然后我不太喜欢粉色主题,改了下背景色为蓝色,另外发现博主模板无法显示${PARENT_NICK}和 ${PARENT_COMMENT},所以直接去掉了。
效果预览PC端效果
移动端效果
模板示例自行调整头像图片路径:https://blog.shiguangdev.cn/img/avatar.png 这部分内容
游客模板1<div class="page flex-col"><div class="box_3 flex-col" style="display:flex;position:relati ...
引用站外地址
ChatGPT 桌面版正式免费发布!多应用交互模式让AI接管电脑又近了一步!
@零度博客
ChatGPT 桌面版现已正式免费发布! 这一版本提供了多种应用的交互模式,能够与您的工作、写作和创作方式无缝集成,标志着 AI 接管电脑的新时代已经开启。
此外,正式版还新增了桌面高级语音对话模式,并内置了 ChatGPT 4o 模型。值得一提的是,这一高级功能此前仅限于付费用户,现在也向免费用户开放,让更多人能够享受到这一强大工具的便利!
若无法安装可尝试将地区设置为非大陆区域,若无法登录可尝试更换IP
官方免费下载:点击前往 或直接下载安装包
官方资料:
在线视频:尚硅谷JVM精讲与GC调优教程(宋红康主讲,含jvm面试真题)
课程资料:尚硅谷宋红康JVM精讲与GC调优
代码仓库:
GitHub: https://github.com/Shiguang-coding/learn-jvm
Gitee: https://gitee.com/an_shiguang/learn-jvm
1、说明不同的JVM对于内存的划分方式和管理机制存在着部分差异。结合JVM虚拟机规范,来探讨一下经典的JVM内存布局。
面试题:
说一说JVM的内存结构是什么样子的,每个区域放什么,各有什么特点?(快手、搜狐)
JVM内存模型有哪些?(龙湖地产)
JVM的内存模型,线程独有的放在哪里?哪些是线程共享的?哪些是线程独占的?(万达集团)
讲一下为什么JVM要分为堆、方法区等?原理是什么?(小米、搜狐)
讲讲JVM运行时数据库区 (字节跳动)
JVM的内存布局以及垃圾回收原理及过程讲一下 (京东)
你能画出HotSpotVM内存结构图吗?
哪些内存结构与线程一一对应?
Java虚拟机定义了若干种程序运行期间会使用到的运行时数据区 ...
引用站外地址
添加一个统计页面
@一粒微尘
效果预览
配置步骤1、创建统计页面1hexo new page charts
接着修改source/charts/index.md,可以直接替换全部内容,自行调整开始统计日期
12345678910111213141516---title: 统计type: "charts"comments: falseaside: falsedate: 2024-12-19 20:36:29---<script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0-rc.1/echarts.min.js"></script><!-- 文章发布时间统计图 --> <!-- 2024-09是从2024年9月开始计算 -->& ...
注意:需要在域名到期180天内进行续期
准备工作1、需要一个GitHub账号,用于KYC验证
2、需要一个 Cloudflare 账号,用于托管域名
注册步骤1、获取海外虚拟身份首选你需要准备一个 海外的虚拟身份信息
进入以后,可以自由获取一个虚拟的海外身份信息,比如地址、电话号码等,一会要用到。
2、注册US.KG账号在 US.KG 官网查看可免费注册的域名
检测域名可用性
检测可用:
可使用google翻译插件将网页翻译为中文,点击注册新域名
注册新用户
打开 海外的虚拟身份信息,随机生成一个,法定全名粘贴全名
邮箱需要用真实邮箱且获批准的邮箱,手机号要按照要求的格式输入
详细地址按照Street,City, State, Zip,Country 顺序填写,删除所有括号,密码需包括大小写,英文字母
注册成功提示如下
此时会收到一封验证邮箱,访问即可验证成功
3、GitHub KYC验证重新回到首页,点击Get US KG 获取免费域名
如果无法打开页面就更换IP重新刷新网页尝试,然后进入如下界面
GitHub Key 进行验证,要求是关注仓库并创建Issu ...
984bd7d0fda1d4283309ed094b1d09bdb4aaa07101ec48a82e924744057e65ca9e9543db7d34981607828939c1f220a2a273cb65ed907c7b43d217f1d164cc099c65bd6d8d8d87bff162189489a71558a1ac2bbe94d71318f66bbfc75337f1c39738f0a07696398c906e8739c6238c2e48f17e22b9449643bf5b7645700a2f5db64e28927212400671baff0e0fafd8a728f6536f2b720805f41a0fa7f47091d79983ceeddbdd853d79d8f29dc9a23154148bd31b56fe7d555ca9b53ddc890df94b2fc8fa9ec15d1354174bcde5433c35d71b7b167bf5355c42e27e68a33fc7bf22b264d833481dfc93d5a0a823b17edd9ed2956398e1964da ...
好记性不如烂笔头
未读使用密码连接Linux不安全而且每次都要输入密码也不方便,推荐使用密钥进行连接
1、本地生成密钥文件执行如下命令生成本地密钥文件
1ssh-keygen -t rsa
如下图:
本地生成密钥文件如下:
2、将本地公钥上传至Linux上传公钥文件id_rsa.pub到Linux服务器root/.ssh目录下
将本地公钥文件内容追加到 authorized_keys 文件中
1cat ./id_rsa.pub >> /root/.ssh/authorized_keys
3、本地连接验证现在,使用ssh user@ip 就能直接进行连接了,不需要输入密码验证
4、连接工具采用密钥登录例如我使用的 XTerminal 连接工具,登录方式选择密钥,直接加载本地密钥即可
参考
通过SSH连接到Linux服务器