Hexo-yilia主题隐藏-more-展开全部内容关键字

最新推荐文章于 2021-05-30 21:10:35 发布
原创 最新推荐文章于 2021-05-30 21:10:35 发布 · 831 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #css #javascript

本文介绍了如何在Hexo的yilia主题中隐藏文章摘要后的'展开全部'链接，通过修改主题文件和添加CSS样式实现。详细步骤包括进入主题文件夹，编辑指定文件并添加特定代码。

个人觉得没必要显示两个【展开全部】

效果图

修改前

修改后

修改后



1. Hexo根目录下，打开yilia主题\Hexo\themes\yilia\layout_partial下的article.ejs
2. 打开article.ejs找到
<a class=".article-more-a"
最低0.47元/天 解锁文章
解决 Hexo 搭建博客显示不出分类、标签问题
Wonz
11-30 1万+
自从暑假利用 Hexo + GitHub 搭了个人博客之后，分类和标签一直无法显示。 网上找了很多方法，发现自己操作并没有错，但是就是有问题。 直到最近，偶然间加了一行代码，就成功了。 一、主题配置打开 打开 主题配置文件 找到Menu Settings ，把 categories 和 tags 取消注释。 二、添加分类模块 新建一个分类页面。 $ hexo new page categ...
hexo-theme-yilia-plus：一个简洁优雅的hexo主题
02-04
hexo-theme-yilia-plus 此项目是根据主题做了一些优化和放置，写这个项目的初衷就是深入学习Hexo 。使用yilia主题可以快速迁移到yilia-plus 欢迎使用和Star支持，如使用过程中碰到问题，可以提出问题，我会尽力完善 ...
Hexo+yilia博客首页不显示全文，显示more，截断文章。
diaojian0245的博客
10-27 1039
个人主页：https://www.yuehan.online hexo new “xxx” 在md文档中 插入<!--more-->即可。 现在博客：www.wangyurui.top 转载于:https://www.cnblogs.com/wangyuehan/p/9860442.html...
使用!-- more --来控制hexo next主页文章预览，让主页更简洁
02-22 6254
本文同步更新与我的个人博客：https://blog.hizrd.top，欢迎访问！ 本文在我的个人博客上的链接：[点击进入](https://blog.hizrd.top/2020/01/23/使用来控制hexo next主页文章预览，让主页更简洁/) next主题的主页的文档预览默认是全文预览的，这样造成了主页太长，在找解决的方法中介绍是使用这样的方法 # Automatically Ex...
hexo首页优雅的隐藏部分文章
100斤的博客
10-28 1万+
原文链接：http://blog.fiftykg.com/hexo/hexo首页隐藏部分文章.html 用hexo做博客网站的时候，想搞一些花里胡哨的东西，例如某些福利、妹子图、日记，但是又不想放在首页，影响气质，怎么办呢？人真是复杂的动物啊。 hexo默认是会把所有文章按照时间顺序排列，分页展示。百度上查到一个黑科技，直接改模板引擎，增加一个显示隐藏的标记位，渲染的时候判断，如果为hide就隐...
hexo博客yilia主题_more截断文章_多标签添加
AomanHao的博客
02-08 4948
以下均为自己遇到的问题并加以修改或者纠正.在文章下方可以使用more语句进行截断，这样博客首页只会出现文章的前面一小部分，看起来很清爽简约 或者 anguage: zh-CN <!--more-->//在需要阶段的地方插入该代码语句 aa 在这里，yilia主题会判断含有<!--more-->的位置，然后文章截断两部分，第一部分展示在博客首页，第二部分即上方的aa只
hexo创建新博客后自动打开
乡村小码夫的博客
12-22 1134
Hexo+Github已经成为一种非常流行的搭建博客的方式。搭建完成后，撰写博客时还是有不少麻烦的。本文主要讲述如何在创建新博客后自动打开编辑。我是采用Visual Stdio Code + markdownlint的方式进行编辑的。如何实现创建新文章后就能通过code编辑器自动打开呢，这个得用到nodejs。首先进入Hexo的目录，就是有站点信息文件（_config.yml）的 那个目录。查看一下
yilia plus-demo：hexo-theme-yilia-plus-demo:right_arrow_selector:
02-04
hexo-theme-yilia-plus配置演示 欢迎使用和Star支持，如使用过程中碰到问题，可以提出问题，我会尽力完善 介绍 功能还很少，欢迎各位给我提意见和建议〜 | 是为制作的主题。崇尚简约优雅，以及极致的性能。你可以...
hexo-theme-volantis:Hexo的精彩主题https
04-28
hexo-cli : 3.1 ~ 4.x node.js : 12.16 LTS ~ latest LTS npm : 6.13 ~ latest LTS 编辑您的_config.yml ： theme : volantis 在终端中安装Volantis： npm i hexo-theme-volantis 用法 参见文档： : 或： : ...
精选资源
hexo-theme-keep:Hexo的简单典雅主题。它使您更加专注于写作
03-20
$ npm install hexo-theme-keep 或者，您可以克隆整个存储库： $ cd hexo-site $ git clone https://github.com/XPoet/hexo-theme-keep themes/keep 安装后，打开Hexo配置文件，并将theme变量设置为keep 。 theme ...
点击展开全部
02-18
部分内容显示，部分隐藏，当点击展开全部内容后，控件往下挪显示所有内容，点击收起后恢复原位
h5 页面中内容的全部展示和收缩
11-21
这个页面主要展示如果一个页面中的内容特别多的时候，内容收缩展示部分内容，点击展示之后，显示所有的内容，点击收缩展示部分的内容。
让很多内容只显示一部分，然后点击展开显示全部
09-22
新闻内容，只显示部分，点击展开，可以显示全部新闻内容，点击收起，可以改变为只显示部分内容，通过JS截取字符串实现。
js实现展开全部内容，收起全部内容
撸猫@冒泡泡
05-08 5809
整理一个昨天做的案例，虽然很简单我感觉我这个脑子有必要整理一下，不然睡一觉又忘记了，这个是关于移动端页面中，如果模块中内容过多，首先展示部分，用户自己选择看不看全部的一个小功能。 首先看看这个页面的效果吧，如下图所示： 下面一起来看一下代码吧 html部分（css样式就不在这里写了，需要自行下载） <div class="con"> <p class="intro_ti...
点击查看全文， 展开全部内容 TextView
热门推荐
qq_35307027的博客
06-09 1万+
<TextView android:id="@+id/authorMessage" android:layout_width="match_parent" android:layout_height="70dp" android:layout_marginLeft="16dp" android:layout_marginTop="12dp" android:layout_marginRight="16dp" android:ellipsize=.
hexo yilia主题添加隐藏左边栏目按钮
锦瑟年华,逐梦之人
08-07 818
注：该篇文章已与我的个人博客同步更新。欢迎移步https://cqh-i.github.io/体验更好的阅读效果。 折腾了一个下午,终于把隐藏左边侧边栏目的效果实现了. 实现了点击按钮隐藏侧边栏, 查找和修改源码实在是太麻烦了. 制作按钮样式 先找一款你喜欢的CSS菜单按钮切换,或者自己实现一个,我在网上找到一款比较简单的样式,稍微做了下修改. .mymenucontainer { dis...
Hexo+Github博客：如何折叠(显示/隐藏)部分文字
神奇小海螺的博客
02-15 1万+
目录1. HTML语法：使用 details 元素1.1 如何使用1.2 实现效果2. hexo-sliding-spoiler插件2.1 安装和自定义设置【1】安装【2】自定义设置2.2 如何使用2.3 实现效果 @Author：CSU张扬 @Email：csuzhangyang@gmail.com or csuzhangyang@qq.com @我的网站: https://www.fake...
jq实现展开全部内容，收起全部内容
weixin_30443075的博客
09-04 1298
1.内容超出就隐藏一部分。 效果 2.实现代码： js部分涉及到多个 var contents=[];var maxheight=150;for (var i=0;i< Allbox.find('.neirong_nr').length;i++){ contents.push(Allbox.find('.neirong_nr').eq(i).html())};con...
html 点击展开全部,纯CSS实现点击展开全文功能
weixin_32957761的博客
05-30 3960
看标题大家不难猜到我今天要实现的功能，点击展开全文。 CSS :checked伪类选择器思路是使用checkbox的:checked来做隐藏和显示。跟上面这个CSS Tab使用radio来实现是差不多的。当点击label标签时，会绑定同步点击 “for” 属性值为 “checkbox” 的 “id”。HTML代码如下：这是前端开发博客的正文点击展开全文当我点击“点击展开全文”时，也就点击了ch...
Hexo主题Yilia-Plus：优雅与实用的优化升级
- hexo-theme和hexo-theme-yilia：指明了该主题是基于Hexo主题，特别是基于yilia主题的定制版本。 - gitment：是一个基于GitHub Issues的评论系统，提供了一个现代化的评论解决方案。 6. 压缩包文件名称列表 文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值