最近在交流群里发现很多人都在折腾怎么在公告栏显示访客欢迎语,感觉效果还不错,我也来折腾一下
效果预览
配置步骤创建js文件在主题目录下创建js文件,例如我存放的位置为:blog\themes\anzhiyu\source\js\custom\visitor.js
粘贴以下内容
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 ...
好记性不如烂笔头
未读一、介绍
初始项目:**hexo-circle-of-friends**
改进版:**Friend-Circle-Lite**
轻量化:对比原版友链朋友圈的功能,该友圈功能简洁,去掉了设置和fastAPI的臃肿,仅保留关键内容。
无数据库:因为内容较少,我采用json直接存储文章信息,减少数据库操作,提升action运行效率。
部署简单:原版友链朋友圈由于功能多,导致部署较为麻烦,本方案仅需简单的部署action即可使用,vercel
用于部署前端静态页面和实时获取最新内容。
文件占用:对比原版4MB的bundle.js文件大小,本项目仅需要5.50KB的fclite.min.js文件即可轻量的展示到前端。
前端分离: 将前后端分离,前端文件放在page分支,后端文件放在主分支
二、实操方案一
引用站外地址
Friend-Circle-Lite部署说明
#自部署使用方法
后端采用最新的 ...
好记性不如烂笔头
未读适配安知鱼主题和Solitude主题,我采用的是安知鱼主题,Solitude主题可参考教程
引用站外地址
给你的博客底部添加一排宠物
@[青桔气球](https://blog.qjqq.cn/)
同时感谢@梦爱吃鱼 大佬的耐心指导和帮助,原文可参考
引用站外地址
给你的博客添加一个宠物挂件
@[梦爱吃鱼](https://blog.bsgun.cn/)
顶部挂件页面左上角随机动物挂件
仅针对安知鱼主题,其他主题自行修改
可直接替换themes\anzhiyu\layout\includes\bbTimeList.pug文件中的内容
12345678910111213141516171 ...
开源分享
未读
连续: 开
换一个
换源
线路1
线路2
线路3
线路4
线路5
应用
.button-container {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 10px;
position: relative;
}
.button-container button {
background: #7F9CCC;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 6px;
font-weight: bold;
cursor: pointer;
}
#sourceSelectContainer {
position: absolute;
background: #fff; ...
好记性不如烂笔头
未读最近看到洪哥的邮件模板,感觉很不错,又在原来的基础上进行了一些改造
引用站外地址
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 ...
984bd7d0fda1d4283309ed094b1d09bdb4aaa07101ec48a82e924744057e65ca9e9543db7d34981607828939c1f220a2a273cb65ed907c7b43d217f1d164cc099c65bd6d8d8d87bff162189489a7155866f9f939fbeaf2271e3dc090e69fd42482e2a625b21571761ac7e14a82604d15608d03ae4176dc730d56cc5de15529b57ff86b2115890c3cceef7fd94157fb2787df2fc39b0ec6625feae1e481b10c20c8e786c6f256f9fa0bb7989e0c116a98ffde20a3be20c17bb44dd4dc23c0cfa231d377afe5490b40bccfa0daea67b611859d7fa5440afeb791009258e9379aff4780ab4d398b1221ec5494f1b4842887e2147d28b10413c3e ...
984bd7d0fda1d4283309ed094b1d09bdb4aaa07101ec48a82e924744057e65ca9e9543db7d34981607828939c1f220a2a273cb65ed907c7b43d217f1d164cc099c65bd6d8d8d87bff162189489a7155866f9f939fbeaf2271e3dc090e69fd42482e2a625b21571761ac7e14a82604d15608d03ae4176dc730d56cc5de15529b57ff86b2115890c3cceef7fd94157fb2787df2fc39b0ec6625feae1e481b10c20c8e786c6f256f9fa0bb7989e0c116a98ffde20a3be20c17bb44dd4dc23c0cfa231d377afe5490b40bccfa0daea67b611859d7fa5440afeb791009258e9379aff4780ab4d398b1221ec5494f1b4842887c35fae80116b03f68 ...
984bd7d0fda1d4283309ed094b1d09bdb4aaa07101ec48a82e924744057e65ca9e9543db7d34981607828939c1f220a2a273cb65ed907c7b43d217f1d164cc099c65bd6d8d8d87bff162189489a7155866f9f939fbeaf2271e3dc090e69fd42482e2a625b21571761ac7e14a82604d15608d03ae4176dc730d56cc5de15529b57ff86b2115890c3cceef7fd94157fb2787df2fc39b0ec6625feae1e481b10c20c8e786c6f256f9fa0bb7989e0c116a98ffde20a3be20c17bb44dd4dc23c0cfa231d377afe5490b40bccfa0daea67b611859d7fa5440afeb791009258e9379aff4780ab4d398b1221ec5494f1b484288790c25ceaeee52f3e1 ...
详细视频教程请前往鱼皮编程导航 https://www.codefather.cn/ 进行学习
深入业务场景的企业级实战项目,基于 Next.js 服务端渲染 + Spring Boot + Redis + MySQL + Elasticsearch 的 面试刷题平台。
管理员可以创建题库、题目和题解,并批量关联题目到题库;用户可以注册登录、分词检索题目、在线刷题并查看刷题记录日历等。
项目涉及大量企业级新技术的讲解,比如使用数据库连接池、热 Key 探测、缓存、高级数据结构来提升性能。通过流量控制、熔断、动态 IP 黑白名单过滤、同端登录冲突检测、分级反爬虫策略来提升系统和内容的安全性。从 0 到 1 的真实企业级项目设计开发,绝对让你收获满满!
成品参考:https://mianshiya.com
在线学习:https://code-nav.cn/course/mianshiya ,感兴趣的同学可以 免费试看
项目三大阶段该项目业务场景主流、优化点和技术亮点多,为了帮大家循序渐进地学习,鱼皮将项目设计为 3 个阶段,通俗易懂:
1)第一阶段,开发基础的刷题平台,带大家熟悉 ...
984bd7d0fda1d4283309ed094b1d09bdb4aaa07101ec48a82e924744057e65ca9e9543db7d34981607828939c1f220a2a273cb65ed907c7b43d217f1d164cc099c65bd6d8d8d87bff162189489a7155866f9f939fbeaf2271e3dc090e69fd42482e2a625b21571761ac7e14a82604d15608d03ae4176dc730d56cc5de15529b57ff86b2115890c3cceef7fd94157fb2787df2fc39b0ec6625feae1e481b10c20c8e786c6f256f9fa0bb7989e0c116a98ffde20a3be20c17bb44dd4dc23c0cfa231d377afe5490b40bccfa0daea67b611859d7fa5440afeb791009258e9379aff4780ab4d398b1221ec5494f1b48428873e0acbc7c8a9c095d ...