搜索到
2
篇与
的结果
-
Dream主题文章列表，自动缩略图设置。 更改方法在后台主题设置，编辑文件article_list.ftl换成以下代码代码<#macro article_list posts> <#assign thumbnailnum=1> <#list posts as post> <#assign thumbnailnum=thumbnailnum+1> <#assign thumbnail=(post.thumbnail?? && post.thumbnail!='')?then(post.thumbnail,('https://www.dmoe.cc/random.php?'+thumbnailnum))> <#assign thumbnail_mode = (thumbnail?? && thumbnail!='')?then((post.metas?? && post.metas.thumbnail_mode?? && post.metas.thumbnail_mode?trim!='')?then(post.metas.thumbnail_mode?trim, (post.topPriority==1)?then(settings.top_thumbnail_mode!'back', settings.thumbnail_mode!'default')), 'default')> <div class="card widget"> <#if thumbnail_mode == "back"> <div class="cover"> <a href="${post.fullPath!}"> <div class="cover-image" style="background-image: url(${thumbnail!})"> </div> <div class="details"> <h2 class="title"><#if post.topPriority==1><span class="top">置顶</span></#if>${post.title!}</h2> <ul class="breadcrumb"> <li><@global.timeline datetime=post.createTime/></li> <li><i class="fa fa-eye"></i>${post.visits?c}</li> <#if !post.disallowComment!false><li><i class="fa fa-comments-o"></i>${post.commentCount?c}</li></#if> <li><i class="fa fa-thumbs-o-up"></i>${post.likes?c}</li> <#assign heat= (24+post.visits*0.1+post.likes*2+post.commentCount*3) /> <#assign heatColor= '#'+(heat < 37)?string('ffa87e',(heat < 120)?string('fb734a','e0081c')) /> <li style="color: ${heatColor}">${heat}℃</li> </ul> </div> </a> <#if post.categories?? && post.categories?size gt 0> <div class="category"> <#list post.categories as category> <a href="${category.fullPath!}">${category.name!}</a> </#list> </div> </#if> </div> <#elseif thumbnail_mode == "small" || (thumbnail_mode == "small-alter" && post_index%2 == 0)> <div class="card-small"> <a href="${post.fullPath!}"><div class="small-image" style="background-image: url(${thumbnail!})"></div></a> <div class="card-content main"> <h2 class="title"> <#if post.topPriority==1><span class="top">置顶</span></#if><a href="${post.fullPath!}">${post.title!}</a> </h2> <div class="main-content">${post.summary!}</div> <hr/> <div class="meta"> <ul class="breadcrumb"> <li><@global.timeline datetime=post.createTime/></li> <li><i class="fa fa-eye"></i>${post.visits?c}</li> <#if !post.disallowComment!false><li><i class="fa fa-comments-o"></i>${post.commentCount?c}</li></#if> <li><i class="fa fa-thumbs-o-up"></i>${post.likes?c}</li> <#assign heat= (24+post.visits*0.1+post.likes*2+post.commentCount*3) /> <#assign heatColor= '#'+(heat < 37)?string('ffa87e',(heat < 120)?string('fb734a','e0081c')) /> <li style="color: ${heatColor}">${heat}℃</li> </ul> <#if post.categories?? && post.categories?size gt 0> <div class="level-item is-hidden-mobile"> <#list post.categories as category> <a href="${category.fullPath!}">${category.name!}</a>&nbsp; </#list> </div> </#if> </div> </div> </div> <#elseif thumbnail_mode == "small-right" || (thumbnail_mode == "small-alter" && post_index%2 == 1)> <div class="card-small"> <div class="card-content main"> <h2 class="title"> <#if post.topPriority==1><span class="top">置顶</span></#if><a href="${post.fullPath!}">${post.title!}</a> </h2> <div class="main-content">${post.summary!}</div> <hr/> <div class="meta"> <ul class="breadcrumb"> <li><@global.timeline datetime=post.createTime/></li> <li><i class="fa fa-eye"></i>${post.visits?c}</li> <#if !post.disallowComment!false><li><i class="fa fa-comments-o"></i>${post.commentCount?c}</li></#if> <li><i class="fa fa-thumbs-o-up"></i>${post.likes?c}</li> <#assign heat= (24+post.visits*0.1+post.likes*2+post.commentCount*3) /> <#assign heatColor= '#'+(heat < 37)?string('ffa87e',(heat < 120)?string('fb734a','e0081c')) /> <li style="color: ${heatColor}">${heat}℃</li> </ul> <#if post.categories?? && post.categories?size gt 0> <div class="level-item is-hidden-mobile"> <#list post.categories as category> <a href="${category.fullPath!}">${category.name!}</a>&nbsp; </#list> </div> </#if> </div> </div> <a href="${post.fullPath!}"><div class="small-image" style="background-image: url(${thumbnail!})"></div></a> </div> <#else> <#if thumbnail?? && thumbnail!=''> <a class="thumbnail" href="${post.fullPath!}"> <div class="thumbnail-image" style="background-image: url(${thumbnail!})"> </div> </a> </#if> <div class="card-content main"> <h2 class="title"> <#if post.topPriority==1><span class="top">置顶</span></#if><a href="${post.fullPath!}">${post.title!}</a> </h2> <div class="meta"> <ul class="breadcrumb"> <li><@global.timeline datetime=post.createTime/></li> <li><i class="fa fa-eye"></i>${post.visits?c}</li> <#if !post.disallowComment!false><li class="is-hidden-mobile"><i class="fa fa-comments-o"></i>${post.commentCount?c}</li></#if> <li class="is-hidden-mobile"><i class="fa fa-thumbs-o-up"></i>${post.likes?c}</li> <#assign heat= (24+post.visits*0.1+post.likes*2+post.commentCount*3) /> <#assign heatColor= '#'+(heat < 37)?string('ffa87e',(heat < 120)?string('fb734a','e0081c')) /> <li style="color: ${heatColor}">${heat}℃</li> </ul> <#if post.categories?? && post.categories?size gt 0> <div class="level-item"> <#list post.categories as category> <a href="${category.fullPath!}">${category.name!}</a>&nbsp; </#list> </div> </#if> </div> <hr/> <div class="main-content">${post.summary!}</div> </div> </#if> </div> </#list> </#macro> -
Dream主题相关美化命令 我觉得我还是要说明一下，这个主题的作者是：望仔博客链接：https://blog.nineya.com/本文转载自：https://blog.nineya.com/archives/91.html本博客转载是因为，本博客用的是他的主题。我比较笨点，记不住这些设置，所以备份一份，省的每次都要去主题作者博客看使用说明书，主要是我网络垃圾，经常无法打开主题博主的博客。一、基础内容1.1 图片1.2 段落缩进Dream主题<p class="indent">Dream主题</p>1.3 加粗使用 Dream主题 渲染博客。1.4 斜体使用 Dream主题 渲染博客。1.5 下划线使用 Dream主题 渲染博客。1.6 中划线使用 Dream主题 渲染博客。1.7 链接使用 链接Dream主题 渲染博客。1.8 密码文猜猜这是什么：猜猜这是什么：Dream主题猜猜这是什么：<span class="pwd">Dream主题</span>二、内容块2.1 引用使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。2.2 有序列表使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。2.3 无序列表使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。2.4 任务列表这个暂无效果，新版好像没有2.5 表格列1列2列3内容内容内容内容内容内容内容内容内容2.6 行内代码使用 Dream主题 渲染博客。<code>Dream主题</code>2.7 代码块/** * 运行程序 */ java -jar dream.jar2.8 数学公式3x−1+(1+x)2\sqrt{3x-1}+(1+x)^23x−1+(1+x)2$\sqrt{3x-1}+(1+x)^2$2.9 mermaid 图表样式无，不知道怎么弄TypeError: Cannot read properties of undefined (reading 'v')三、自定义标签3.1 副标题这是副标题<mew-subtitle>这是副标题</subtitle>3.2 音频播放器mew-music标签支持网易云单曲、网易云歌单和音乐链接三种方式播放音乐。网易云单曲：特有参数说明song必选）填写网易云音乐id网易云歌单：特有参数默认值说明playlist （必选）填写网易云音乐歌单idorderlist音频循环顺序，可选值：list（ 列表循环），random（随机）foldfalse列表默认折叠，可选值：false/true自定义单曲：特有参数默认值说明url （必选）音频资源链接name音乐音频名称artist未知歌手音频艺术家cover 音频封面lrc 音频歌词LRC文件链接以上为三种音频资源的配置方法，除此以外还包含一些公共的参数：公共参数默认值说明themeDream 主题色播放器的主题色loopall音频循环播放，可选值：all（循环全部），one（单曲循环），none（不循环）autoplayfalse音频自动播放，可能有些浏览器不支持3.3 bilibili视频<mew-bilibili bvid="BV1WJ411z7qc" width="80%"></mew-bilibili>参数默认值说明bvid无（必选）视频的bvidwidth100%视频模块宽度3.4 标签页html内容java内容<mew-tabs> <mew-tab-page title="html"> html内容 </mew-tab-page> <mew-tab-page title="java"> java内容 </mew-tab-page> </mew-tabs>参数默认值说明title默认标签标签页的名称active默认选中第一页默认被选中的标签页，可选值：true/false3.5 网盘链接下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除<mew-cloud type="default" url=""></mew-cloud> <mew-cloud type="360" url="" password="82kD"></mew-cloud> <mew-cloud type="bd" url="" password="gGs2"></mew-cloud> <mew-cloud type="wy" url=""></mew-cloud> <mew-cloud type="ali" url=""></mew-cloud> <mew-cloud type="github" url=""></mew-cloud> <mew-cloud type="gitee" url=""></mew-cloud> <mew-cloud type="lz" url=""></mew-cloud>参数默认值说明typedefault网盘类型：default 网络来源，360 360云盘，bd 百度网盘，wy 微云，ali 阿里云盘，github Github仓库，gitee Gitee仓库url无下载链接password无网盘文件下载提取码3.6 进度条<mew-progress value="80%" color="#5bb854"></mew-progress>参数默认值说明value50%进度，最高为100%colorvar(–theme)进度条颜色3.7 面板面板内容<mew-panel title="面板标题"> 面板内容 </mew-panel>参数默认值说明title无面板标题colorvar(–theme)面板颜色2.8 消息[blockquote2 name='洛维花']这是一条消息[/tip][blockquote2 name='洛维花']这是一条消息[/tip][blockquote2 name='洛维花']这是一条消息[/tip][blockquote2 name='洛维花']这是一条消息[/tip]<mew-message type="error">这是一条消息</mew-message> <mew-message type="success">这是一条消息</mew-message> <mew-message type="warning">这是一条消息</mew-message> <mew-message type="info">这是一条消息</mew-message>2.9 信封分割线<mew-hr></mew-hr>参数默认值说明startColor#01d0ff分割线开始第一个块的颜色endColor#fc3e85分割线第二个块的颜色2.10 时间线平凡的一星期 工作日，开始当社畜 周末，睡了整整一天 又是平凡的一星期 工作日，开始当社畜 周末，睡了整整一天 <mew-timeline> <mew-timeline-title>平凡的一星期</mew-timeline-title> <mew-timeline-item type="warning" title="2022-05-23">工作日，开始当社畜</mew-timeline-item> <mew-timeline-item title="2022-05-28">周末，睡了整整一天</mew-timeline-item> <mew-timeline-title type="info">又是平凡的一星期</mew-timeline-title> <mew-timeline-item type="warning" title="2022-05-23">工作日，开始当社畜</mew-timeline-item> <mew-timeline-item title="2022-05-28">周末，睡了整整一天</mew-timeline-item> </mew-timeline>mew-timeline 时间线标签内包含两个子标签，mew-timeline-title 为时间线的大标题，mew-timeline-item 为时间线的内容。参数默认值说明type无时间线的类型，支持 success、info、warning 和 errortitle无内容标题，仅 mew-timeline-item 标签支持2.11 按钮打开博客<mew-btn icon="fa-history" href="https://luoweihua.cn/">打开博客</mew-btn> <mew-btn icon="fa-history" onclick="javaScript:alert('你好呀');">你好</mew-btn>参数默认值说明colorvar(–theme)按钮颜色href无按钮跳转链接target_blank链接跳转方式，与 a 标签相同icon无按钮的图标，支持 fontawesome 4.7.0 的图标2.12 引言[blockquote1 name='代码疯子']投资未来的人，是忠于现实的人。[/tip][blockquote2 name='引言']投资未来的人，是忠于现实的人。[/tip]<mew-quote avatar="https://luoweihua.cn/favicon.png" href="https://luoweihua.cn/" name="代码疯子">投资未来的人，是忠于现实的人。</mew-quote> <mew-quote>投资未来的人，是忠于现实的人。</mew-quote>参数默认值说明avatar无引言作者头像href无点击引言头像或作者名称的跳转链接name无引言作者名称2.13 链接良心博客网站<mew-link img="/upload/2022/02/favicon.ico" title="玖涯博客" href="https://luoweihua.cn/">良心博客网站</mew-link>对于博客内部的文章和自定义页面可通过 id 和 slug （别名）定义文章的链接。<mew-link id="92"></mew-link> <mew-link slug="about" type="sheet"></mew-link>参数默认值说明img无链接封面图title无网页标题href无网页地址typepostpost / sheet，指定类型为文章或自定义界面，仅在填写了 id 或 slug 时有效。id无文章或自定义页面的idslug无文章或自定义页面的别名2.14 视频播放器<mew-video loop width="80%" src="/upload/2022/10/28_1663747511.mp4"></mew-video>参数默认值说明src无（必选）视频链接width100%视频宽度百分比type无视频类型autoplayfalse自动播放controlstrue显示控制按钮loopfalse循环播放mutedfalse静音播放preloadfalse视频预加载poster无视频加载占位图2.15 画廊 <mew-photos> <img src="https://tva2.sinaimg.cn/large/0072Vf1pgy1foxloka0r4j31hc0u0dzw.jpg" alt="图1"/> <img src="https://tva1.sinaimg.cn/large/0072Vf1pgy1fodqnyvneij31hc0u01kx.jpg" alt="图2"/> <img src="https://tva3.sinaimg.cn/large/a15b4afegy1fmvjlgdxxgj21hc0u04qp.jpg" alt="图3"/> <img src="https://tva4.sinaimg.cn/large/0072Vf1pgy1foxkd5scpnj31kw0w0h93.jpg" alt="图4"/> <img src="https://tva1.sinaimg.cn/large/0072Vf1pgy1foxkc2jnyej31hc0u04g2.jpg" alt="图5"/> <img src="https://tva4.sinaimg.cn/large/0072Vf1pgy1foxkix1n7kj31kw0w0tzl.jpg" alt="图6"/> <img src="https://tva1.sinaimg.cn/large/0072Vf1pgy1foxkifyvznj31hc0u0e1h.jpg" alt="图7"/> </mew-photos>图片不可用 ! [ 」( ）的方式插入，因为在渲染之后会包含 < br/> 和 <p〉 相关的标签。参数默认值说明captionsfalse鼠标停留在图片上时是否显示图片标题margins4图片间距（px）2.16 样式隔离我是样式隔离的列表项我是样式隔离的列表项<mew-raw> <ul> <li>我是样式隔离的列表项</li> <li>我是样式隔离的列表项</li> </ul> </mew-raw>
