博客园美化首页随笔同时一天发布内容分开分开版块展示
博客园美化首页随笔同时一天发布内容分开分开版块展示
由于我有点强迫症很不习惯博客园会把同一天发的随笔黏一起
一.直接上js代码
复制<script>
let forFlow = document.querySelector('.forFlow');
let day = forFlow.querySelectorAll('.day');
let topicListFooter = forFlow.querySelector('.topicListFooter');
let forFlow_html = '';
let new_day_html = '';
let new_data = '';
for (let day_index = 0; day_index < day.length; day_index++) {
let dayTitle = day[day_index].querySelector('.dayTitle');
let day_html = day[day_index].innerHTML;
day_html_list = day_html.split('</div>');
for (let day_html_list_index = 0; day_html_list_index < day_html_list.length - 1; day_html_list_index++) {
data = day_html_list[day_html_list_index];
let data_dayTitle = (data.match('dayTitle'));
let data_postCon = (data.match('postCon'));
let data_postTitle = (data.match('postTitle'));
let data_clear = (data.match('clear'));
let data_postSeparator = (data.match('postSeparator'));
let data_postDesc = (data.match('postDesc'));
if (data_postTitle != null) {
new_data = '<div class="day">' + '<div class="dayTitle">' + dayTitle.innerHTML + '</div>' + data + '</div>';
} else if (data_postCon != null) {
new_data = data + '</div>' + '<div class="postDesc"></div>'+'<div class="clear"></div>'+'</div>';
} else {
if (data_dayTitle == null) {
if (data_postDesc == null) {
if (data_postSeparator == null) {
if (data_clear == null) {
new_data = data + '</div>';
}
else {
new_data = ''
}
}
}
}
}
console.log(new_data);
new_day_html = new_day_html + new_data;
}
forFlow_html = forFlow_html + new_day_html;
new_day_html = '';
new_data = '';
}
forFlow_html = forFlow_html+'<div class="topicListFooter">' + topicListFooter.innerHTML + '</div>';
if (forFlow_html != '') { <!-- 为了解决正文会无法加载-->
forFlow.innerHTML = forFlow_html
}
</script>
二.缺点
1.编辑栏我把他删了 因为我用不到
要修改区域在
复制 if (data_postDesc == null)
这里修改代码
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理