Next 侧边添加新的自定义连接

最新推荐文章于 2021-08-17 10:26:53 发布
最新推荐文章于 2021-08-17 10:26:53 发布
阅读量435 收藏
点赞数
分类专栏： github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012733501/article/details/104896725
版权

Next 自己的页面布局并不能满足要求的时候，就要自己自定义布局页面

1.新建一个工具栏的侧边栏

hexo new page tools

2.Next 主题配置_config.yml文件menu选项增加tools的链接和icon
在这里插入图片描述
3.languages文件夹中增加tools文字显示
在这里插入图片描述
4.显示工具的图标gears。这里的图标全部取之于Font-Awesome
在这里插入图片描述
5.效果
在这里插入图片描述

千里之行
始于足下

易01
关注
专栏目录
【Hexo + Next】侧边栏添加自定义文件夹（如友链）
Spr Chan的博客
07-29 3305
前言   如果你刚刚完成博客的搭建，会发现Next主题的侧边栏默认文件夹很少，不过你可以通过配置主题配置文件_config.yml，增加标签、分类、关于等等文件夹，具体教程可参考官方帮助文档，网上亦有大量教程，这里就不赘述了。   当你在浏览一些完成度较高的博客时，会发现有的博客的侧边栏会有一些自定义的文件夹，如图1所示，红框中的是Next主题自带的文件夹，蓝框中的是自定义的。 不过，无论是官方...
使用GitHub Pages + Hexo 快速搭建个性化博客(四)-博客菜单和侧边栏优化
kui的博客
03-20 7012
在之前三节的基础上，博客已经有了新的展现，之后基本框架就会是固定的这个模板，但其中还有许多可以优化的模块接下来将进行描述，本时段直播NexT主题博客菜单设置、侧边栏的进一步设置和优化，如分类页，标签页，个人社交网络链接等。
【个人网站搭建】hexo框架Next主题侧栏增加社交链接
C/C++攻城狮
04-28 1239
0x00 前言 文章中的文字可能存在语法错误以及标点错误，请谅解； 如果在文章中发现代码错误或其它问题请告知，感谢！ Hexo博客框架版本（hexo vesion）：5.3.0 Next主题版本：v5.1.4 0x01 实现方法 1 配置方法 在主题配置文件themes/next-theme/_config.yml中，搜索social，在social下使用如下格式增加侧栏链接： Key: permalink || icon Key为显示给访问用户的链接名称； permalink为链接地址； icon为Fo
Hexo+next的侧边栏背景与字体颜色设置方法
Huffie博客
08-17 3366
由于next主题经过了几次更新，查阅了许多资料都说要修改custom.styl这个配置文件，但是我的主题内没有此文件，经过翻阅大量的资料，终于找到了侧边栏的配置文件位置。
【Hexo + Next主题】左侧栏友链一行多个显示
Spr Chan的博客
07-20 1077
前言   Next主题的友链默认排版是一行一个，如图1所示。 图1 友链每行单个示意图 一旦友链数量过多，那么一行一个的页面排版就不怎么美观了，下面笔者教大家如何一行多个地显示友链。 教程步骤   打开你的博客文件夹下的themes/next/layout/_macro/sidebar.swig，sidebar即侧边栏，顾名思义在sidebar.swig文件中我们可以对侧边栏的页面排版进行设置...
wordpress表单调用_如何在WordPress中轻松添加客户反馈表单（逐步操作）
cumohuo9136的博客
09-06 1096
wordpress表单调用Do you want to add a client feedback form on your website? Client feedback is very helpful in improving your products and services. In this article, we will show you how to easily add a c...
Python3 PyQt5 窗口(国际化/QMainWindow/QWidget/QDialog)
Luzhuo 的博客
02-24 8798
Python3 PyQt5 窗口(国际化/QMainWindow/QWidget/QDialog) 本文由 Luzhuo 编写,转发请保留该信息. 原文: http://blog.csdn.net/rozol/article/details/68938984 PyQt5基本介绍见: PyQt5 Qt Designer (Qt设计师) 简介 窗口主要分为: QMainWindow(主窗口) ...
QT-学习 QStackedWidget灵活切换页面
最新发布
02-27
这里，`QPushButton::clicked`信号与`QStackedWidget::next`槽连接，实现点击按钮后自动切换到下一个页面。 5. **自定义页面转换动画**：为了提升用户体验，可以使用QPropertyAnimation或QParallelAnimationGroup...
Android最新面试题
李杭坤的博客
08-11 1081
1.Hanlder: Handler，Message，looper和MessageQueue构成了安卓的消息机制，handler创建后可以通过sendMessage将消息加入消息队列，然后looper不断的将消息从MessageQueue中取出来，回调到Hander的handleMessage方法，从而实现线程的通信。 从两种情况来说，第一在UI线程创建Handler,此时我们不需要手动开启looper，因为在应用启动时，在ActivityThread的main方法中就创建了一个当前主线程的looper，并
butterfly主题修改
weixin_44186409的博客
05-21 6855
butterflt主题 前置 开始我的主题是matery的，经过不断修改又来到了butterfly这个主题。这里省略 node 和 hexo 的安装，直接在初始化博客开始。相关操作请查看之前的博客搭建。 由于目前主题已更新，此文件中部分配置可能失效。请参考作者博客或文档进行。 安裝 在你的博客根目录下： git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly 如果想要安装比较新的
Hexo,next侧边栏
qq_44304221的博客
07-21 1302
Hexo,next主题侧边栏自动展开 最近在弄next时遇到了个问题，点进博客以后侧边栏会自己被打开，看了看主题配置文件，里面有这样一段话，把display改成hide即可。 ...
hexo静态博客修改侧边栏
小宇的博客
11-20 7883
hexo主题默认的侧边栏只有首页、归档、标签这几项。调研了几个比较优秀的博客之后发现，还需要添加关于、搜索、阅读、旅行等等几个侧边栏项目，那么如何在博客里面添加新的侧边栏项目呢？ 原文：小宇的博客添加关于、留言项目关于、留言这两个项目实际上是利用了hexo的page页面功能。Step1 新建关于页面hexo new page about INFO Created: ~/blog/source/ab
最简便的方法搭建Hexo+Github博客,基于Next主题
热门推荐
朝夕
06-03 2万+
前言如果你喜欢写作，我觉得你可以试试gitbook或者跟着本文搭建一个属于自己的博客空间（即使你不是IT行业的一员），不再受限于第三方博客地址，当然Hexo搭建的博客也是基于github托管的，但是并不需要你购买域名。 经过两天的探索加爬坑，终于把博客在git上安家了，感谢开源的大哥大姐们，由于并非js开发，所以遇到了很多坑，于是也想整理一篇比较完整的博客。这篇博客分为三部分：1.搭建you_si
【个人网站搭建】GitHub pages+hexo框架下为next主题添加菜单分类页面
C/C++攻城狮
12-29 529
0x00 前言 文章中的文字可能存在语法错误以及标点错误，请谅解； 如果在文章中发现代码错误或其它问题请告知，感谢！ Hexo博客框架版本（hexo vesion）：5.3.0 Next主题版本：v5.1.4 0x02 实现方法 1.新建菜单分类页面 使用hexo new page "XXX"指令为next主题菜单栏新增页面，例如新增一个名为resources页面： $ hexo new page "resources" 此时在根目录下的source文件夹内会生成一个resources子文件夹: 2.编辑
如何在个人博客上添加自己的备案信息
哎一入江湖岁月催的专栏
11-08 9343
如何在个人博客上添加自己的备案信息 即wp如何修改footer.php，添加中文备案信息 首先找到你的主题主页，然后在主题里找到footer.php 使用vim footer.php 修改 由于大家可能不太懂php语言，就先给大家贴一下代码吧 管理局要求： 恭喜您通过腾讯云备案。 通信管理局将下发网站备案号及主体备案密码到您的手机和邮箱， 获取之后请您按照管局要求将网站备案号
Hexo博客实现首页和子页面不同layout布局
chuorun1701的博客
05-31 1217
作成效果见我的个人网站：http://meiweiping.cn 实现方法为：打开 ~\themes\landscape\layout\layout.ejs 将里面的全部内容改为以下代码，将各<%- partial('_partial/ahead_links', null, {cache...
next主题添加文章置顶
天火流光的博客
03-28 654
有的时候，写好一篇文章，想要置顶，但 next 默认是按照时间来进行排序的，自己写的文章总不能靠修改创作时间来进行置顶吧。想要通过一个权重来进行排序，但苦苦没有办法，今天它来了 设置文章置顶 修改仓库配置，使其支持文章置顶功能 卸载 hexo-generator-index npm r hexo-generator-index 安装 hexo-generator-index-pin-top ...
Hexo博客添加自定义HTML页面
本该如此
09-16 9646
改 “友链” 为 “ZONE” ,增加了一些以前收藏的特效页面。 顺便说说怎么往博客添加自定义的HTML文件。 首先，在博客根目录的source文件夹下，新建文件夹用于存放HTML文件 这里我建了个ZONE文件夹，然后里面的子文件夹存放各个HTML文件，当然你也可以只创建一个主文件夹，直接在里面放文件也行。 第二步，在博客根目录的配置文件_config.yml文件里，跳过渲染 注意格式：这...
NexT主题添加音乐
DonLex 的博客
09-24 2378
在Hexo博客中添加音乐，有三种方式可以插入音乐 预览效果：https://donlex.cn/archives/bda67445.html 一、使用html标签 写法如下： &lt;audio src="https://什么什么什么.mp3" style="max-height :100%; max-width: 100%; display: block; margin-left: auto; ...
next.js 的自定义服务端中间件
06-07
在 Next.js 中，你可以使用自定义的服务端中间件来扩展默认的服务端行为。中间件是一个函数，它可以在处理请求之前或之后执行一些操作。例如，你可以使用中间件来记录请求日志、验证用户身份、或者添加 CORS 头等。 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值