Joe 2.0 主题 文章页面元数据（meta）变量详细介绍

<section id="nice" style="font-size: 16px; padding-right: 10px; padding-left: 10px; word-break: break-word; overflow-wrap: break-word; line-height: 1.25; font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light; letter-spacing: 2px; background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); background-size: 20px 20px; background-position: center center;"><h1 style="margin-top: 30px; margin-bottom: 15px; font-weight: bold; font-size: 25px;"><span style="display: none;"></span><span style="display: inline-block; color: rgb(119, 48, 152);">Joe 2.0 主题 文章页面元数据（meta）变量详细介绍</span></h1> <h2 style="font-weight: bold; font-size: 22px; margin-top: 20px; margin-right: 10px; margin-bottom: 0px;"><span style="display: none;"></span><span style="font-size: 18px; display: inline-block; padding-left: 10px; border-left: 5px solid rgb(145, 109, 213);">说明</span></h2> <p style="padding-top: 8px; padding-bottom: 8px; line-height: 26px; font-size: 14px; word-spacing: 2px;">Halo 主题 Joe 2.0 新增了不少关于文章页面的 meta 变量设置</p> <p style="padding-top: 8px; padding-bottom: 8px; line-height: 26px; font-size: 14px; word-spacing: 2px;">下面就列一下每个变量是针对什么的并介绍相关参数。</p> <p style="padding-top: 8px; padding-bottom: 8px; line-height: 26px; font-size: 14px; word-spacing: 2px;">参考 1.0.8 版本写的。</p> <h2 style="font-weight: bold; font-size: 22px; margin-top: 20px; margin-right: 10px; margin-bottom: 0px;"><span style="display: none;"></span><span style="font-size: 18px; display: inline-block; padding-left: 10px; border-left: 5px solid rgb(145, 109, 213);">内容</span></h2> <ul style="margin-top: 8px; margin-bottom: 8px; padding-left: 25px; font-size: 15px; list-style-type: circle;"> <li><section style="margin-top: 5px; margin-bottom: 5px; line-height: 26px; color: rgb(1, 1, 1); font-size: 14px;">内容</section></li></ul> <section style="overflow-x: auto;"><table> <thead> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">变量</th> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">类型</th> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">介绍</th> </tr> </thead> <tbody style="border: 0;"> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">enable_toc</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">boolean</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">是否显示目录（右侧的目录列表）</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">toc_depth</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">int</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">目录的深度 （0-5）</td> </tr> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">enable_copy</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">boolean</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">是否允许复制文章内容：true 允许，false 不允许</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">enable_donate</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">boolean</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">是否开启捐赠</td> </tr> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">enable_share</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">boolean</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">是否开启分享功能：true 开启，false 关闭</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">enable_like</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">boolean</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">是否开启点赞功能：true 开启，false 关闭</td> </tr> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">enable_comment</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">boolean</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">是否开启评论</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">code_theme</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">String</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">选择自己的主题:https://zinyan.com/?p=157 参数参考这个文章介绍的。</td> </tr> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">enable_collect_check</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">boolean</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">是否开启百度收录：true 开启，false 不开启。</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">enable_aside</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">boolean</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">是否展示侧边栏：true 展示，false 不展示</td> </tr> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">img_align</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">String</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">图片对齐方式 left 左对齐，center 居中，right 右对齐</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">img_max_width</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">int</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">图片的宽度（100% 按照百分比形式定义，带上单位）</td> </tr> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">enable_mathjax</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">boolean</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">是否支持 mathjax 数学公式</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">enable_mermaid</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">boolean</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">是否支持 mermaid 等流程图状态图</td> </tr> </tbody> </table> </section><p style="padding-top: 8px; padding-bottom: 8px; line-height: 26px; font-size: 14px; word-spacing: 2px;">其实这些配置，在主题设置中大部分都是有的。只是我们可以通过单独文章页面配置，让它显示的结果有差异而已。</p> <p style="padding-top: 8px; padding-bottom: 8px; line-height: 26px; font-size: 14px; word-spacing: 2px;">如果后续有更新，我再进行补充和修改吧（ps：前提是我还记得）</p> </section>