首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Hexo添加首页置顶轮播图

前言 在写系列博文时对于某一篇文章的寻找过程会比较繁琐(对于博主而言自然会简单些,但是对于访客来讲就没那么轻松),因此参考Akilar的博文弄了一个置顶轮播图。...效果可以在博客首页查看。 本篇教程会涉及大量源码的改动,对缩进有严格要求。如果需要,可以移步下方链接至Akilar的博客教程去下载源码。...修改文件_config.butterfly.yml,在CDN模块下添加如下代码: # 首页轮播图 swiper_js: https://cdnjs.cloudflare.com/ajax/libs/...# - cover: 封面图片链接 # timeline: '2020-10-01' # 日期,需要用''包裹 # link: 置顶文章链接,站内文章建议填相对链接 # title: 置顶文章标题...# description: 置顶文章描述 # button: 手机端按钮内容 # 例 - cover: https://cdn.jsdelivr.net/gh/CNhuazhu/Image

1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    首页置顶公告栏轮播

    前言 公告提醒就应该醒目,将其设为置顶并添加轮播效果确实为不错的方案。 之前一直想搞,最近看了两篇教程,自己鼓捣了一下。..." comments: false --- 在\source\_data目录下新建notice.yml文件,可以在其中添加公告信息以及时间: - date: 2022.10.12 msg: 公告栏置顶轮播...添加首页公告栏轮播组件 在\themes\butterfly\layout\includes目录下新建notice.pug模板(不同于之前的): #notice.notice(onclick=`window.open...margin-left: 8px; transition: 0.3s; } 并在_config.butterfly.yml主题文件中的head处添加该文件: inject: head: # 置顶公告栏...参考文章: Butterfly主题美化魔改集锦 | Hassan’s Blog (hassanwong.top) Butterfly 主题首页增加公告 | realwds’s blog

    1.1K20

    dedecms模板文件讲解以及首页标签替换

    关于dedecms模板文件,可以参考织梦系统文件夹功能简介或者是之前发布的dedecms的安装介绍.通过仿站小工具下载网站首页,我们已经成功把要仿的网站首页下载下来,下面如何结合dedecm修改其中内容调用标签成为我们自己的...前台刷新访问,页面排版错乱,见截图:如何修改,图片路径错误修改其中对应的代码标签,把static/修改为{dede:global.cfg_templets_skin/}/static/动态浏览页面正常另外织梦首页的标题.../关键词/描述如何调用,参考如下代码,进行修改.同时在后台基本参数中填充对应文字.首页标题调用{dede:global.cfg_webname/}首页关键字调用{dede:global.cfg_keywords.../}首页描述调用{dede:global.cfg_description/}

    15.3K00

    DUX 主题 3.0 添加首页置顶文章过程记录

    现在最新 5.0 版本支持首页文章置顶。那么这个功能如何用在 3.0 版本上呢?...当然是需要添加一部分代码来实现了,也不是很难,动动手分分钟就可以拥有这个功能了,也就有了DUX 主题 3.0 添加首页置顶文章过程记录。...置顶文章的方法是用 get_option(‘sticky_posts’) 从数据库获取设置置顶的文章,然后在首页显示出来。...1、添加设置选项 首先要在 wodpress 后台里添加关于 DUX 主题首页显示置顶文章的代码。在 dux 主题文件夹下面的 options.php 最后面附上以下代码。...3、修改 excerpt.php 代码 修改 index.php 文件是获取数据库的置顶文章并在首页显示,不过没有明显标识,如果你想让大家知道这是置顶文章,就需要添加上置顶标识。

    1.2K30

    Typecho首页置顶文章的显示问题的解决

    主题模板里,本身带有首页文章置顶功能。使用后发现有以下几个问题: 1. 同一篇文章会在首页的所有分类里面均置顶显示; 2....('indextopnum1', NULL, NULL, _t('首页置顶某一个特定文章1'), _t('仅用在首页首页置顶某一个特定id文章,填入id,...indextopnum1); $indextopnum2 = new Typecho_Widget_Helper_Form_Element_Text('indextopnum2', NULL, NULL, _t('首页置顶某一个特定文章...2'), _t('仅用在首页首页置顶某一个特定id文章,填入id,mid一篇文章及对应分类mid!!!'))...; $form->addInput($indextopnum2); 2.登录后台---更改外观---设置外观---首页置顶某一个特定文章1或首页置顶某一个特定文章2---填写为“文章ID,分类ID”

    1.3K20
    领券