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

Hexo下一个主题,标题上的菜单和标题不在一行中

Hexo是一个基于Node.js的静态博客框架,它允许用户使用Markdown语法来撰写博客,并通过主题来美化博客的外观。在Hexo中,主题是用来定义博客的外观和布局的,用户可以根据自己的需求选择合适的主题来定制自己的博客。

对于Hexo下一个主题中,标题上的菜单和标题不在一行中的情况,可以通过以下方式进行调整:

  1. 修改主题配置文件:每个Hexo主题都有一个配置文件,一般是 _config.yml 或者 theme_config.yml。在配置文件中,可以找到与菜单和标题相关的设置项,例如 menu 或者 header。通过修改这些设置项,可以调整菜单和标题的布局和样式。
  2. 自定义CSS样式:如果主题的配置文件中没有提供直接调整菜单和标题布局的选项,可以通过自定义CSS样式来实现。在主题的文件夹中,一般会有一个 source 或者 assets 文件夹,其中包含了主题的静态资源文件。在这些文件中,可以找到主题的CSS文件,一般是以 .css 或者 .scss 为后缀。通过修改CSS样式,可以调整菜单和标题的布局和样式。
  3. 使用插件或者组件:有些Hexo主题提供了插件或者组件来实现更灵活的布局调整。可以在主题的文档或者GitHub页面中查找相关的插件或者组件,并按照说明进行安装和配置。

需要注意的是,不同的Hexo主题可能有不同的配置方式和文件结构,因此具体的调整方法可能会有所差异。建议在使用新主题之前,先仔细阅读主题的文档或者说明,了解其提供的配置选项和自定义方式。另外,推荐使用腾讯云的云服务器(CVM)来搭建Hexo博客,详情请参考腾讯云云服务器产品介绍:腾讯云云服务器

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Hexo+Github配置与主题

设置 RSS NexT RSS 有三个设置选项,满足特定使用场景。 更改 主题配置文件,设定 rss 字段值: false:禁用 RSS,不在页面上显示 RSS 连接。...导航栏添加标签菜单 新建标签页面,并在菜单显示标签链接。标签页面将展示站点所有标签,若你所有文章都未包含标签,此页面将是空。 (1) 在终端窗口下,定位到 Hexo 站点目录下。...添加分类页面 新建分类页面,并在菜单显示分类链接。分类页面将展示站点所有分类,若你所有文章都未包含分类,此页面将是空。 (1) 在终端窗口下,定位到 Hexo 站点目录下。...侧边栏社交链接 侧栏社交链接修改包含两个部分,第一是链接,第二是链接图标。 两者配置均在 主题配置文件 。 (1) 链接放置在 social 字段下,一行一个链接。...只需要 主题配置文件 填入 微信 支付宝 收款二维码图片地址 即可开启该功能: 打赏功能配置示例 reward_comment: 坚持原创技术分享,您支持将鼓励我继续创作!

1.1K40

【玩转Cloud Studio】Hexo 框架 Butterfly 主题搭建个人博客

主题链接:Themes | Hexo我比较喜欢 Butterfly 主题,功能很全,样式也很好看图片修改 Hexo 根目录下_config.yml,把主题改为 butterfly:theme: butterfly...网站资料修改网站各种资料,例如标题、副标题邮箱等个人资料,请修改博客根目录站点配置文件 _config.yml:# Sitetitle: 海拥subtitle: '一枚乐于分享技术与快乐博主'description...&& export PORT=4003 && yarn install && yarn run server --port=4003图片导航菜单修改主题配置文件 themes/butterfly/_config.yml...Hexo默认文章链接格式是年,月,日,标题这种格式来生成。...# -1 or 9999 mobile: false图片完成后重新编译并部署图片网站副标题可设置主页展示网站副标题或者自己喜欢座右铭修改主题配置文件 themes/butterfly/_config.yml

843181

快速搭建博客-提升篇,主题美化

其中,一份位于站点根目录下,主要包含 Hexo 本身配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关选项。...为了描述方便,在以下说明,将前者称为站点配置文件, 后者称为主题配置文件。...以下所有终端执行命令都在你Hexo根目录下 主题配置文件-菜单 我们刚开始默认菜单只有首页归档两个,不能够满足我们要求,所以需要添加菜单,打开 主题配置文件 找到Menu Settings menu...; 关于后面的格式,以archives: /archives/ || archive为例: || 之前/archives/表示标题“归档”,关于标题格式可以去themes/next/languages.../zh-Hans.yml参考或修改 ||之后archive表示图标,可以去Font Awesome查看或修改,Next主题所有的图标都来自Font Awesome。

39120

博客装修(2023年3月)

不知不觉又一年过去了,每年 3 月都是博客装修季节,这次也不例外,这次装修内容如下: 主题升级 支持隐藏文章 添加每日打卡 评论系统迁移 自定义 RSS 订阅模板 支持 algolia 搜索 hexo... butterfly 主题升级 hexo 升级 之前使用还是老版本 hexo 由于这次想要升级主题,而主题需要 hexo 5.0 以上版本,所以就顺便升级了 hexo # 确认当前版本 hexo...== true 这一行,并且进行代码缩进 文章添加属性 对想要隐藏文章 front-matter 添加 hide: true --- title: 博客装修(2023年3月) date: 2023...-03-03 00:00:00 hide: true --- 注意点 此方法隐藏文章仅不在首页展示,但文章内容依然被生成,可以通过链接访问 隐藏文章还是会占用分页一格,所以原来显示每页 10 条,...之前没有特别关注 RSS 订阅,只是开启了这个功能,但是实际上不太好用,内容被截断,展示格式也有问题 这次修改主要是关注在两个问题上, 一个是让文章内容能够完整展示,另一方面想要在 RSS 内容最上方添加跳转链接

33220

HexoHexo 主题 Matery 配置

设置博客主题 先到这里 选择你喜欢主题,点击它标题(注意,点图片是进去 demo 站点,点标题才是跳转到对应到 github 仓库),跳转到 github 仓库,复制其仓库地址。...这里标签页分类页都只会展示现有博客标签分类数据,所以如果还没有文章设置标题或者分类,那么对应页面是没有数据。要想看到效果,就得先写几篇文章。...菜单导航配置 配置基本菜单导航名称、路径url图标icon. 1.菜单导航名称可以是中文也可以是英文(如:Index或主页) 2.图标icon 可以在Font Awesome 查找 menu:...修改社交链接 在主题 _config.yml 文件,默认支持 QQ、GitHub 邮箱等配置,你可以在主题文件 /layout/_partial/social-link.ejs 文件,新增、...在主题文件 source/medias/reward 文件,可以替换成你微信支付宝打赏二维码图片。

1.9K10

12.1版本全新数据交互控制格式选项功能

下面是如何使用更新后Dataset,以及你可以如何利用这个函数更深入地了解你数据方法。 新交互功能 我们已经向Dataset列标题上下文菜单添加了对你数据进行排序逆排序选项: ?...如果一个Dataset有多个不同数据,你可以同时对多列数据进行排序: ? 将鼠标悬停在行标题列上方空白单元格角落可以对行标题进行排序。当菜单指示标记( ?...)出现时,右击可以调出上下文菜单并选择一个排序项目: ? 隐藏显示项目也在所有Dataset单元格上下文菜单,用于特定数据分解某部分聚焦视图: ?...以下是一个项目的展示函数,用符号取代了原本表示性别的“男性”“女性”,然后展示函数也随之改变了“性别”头: ? 展示函数给定了三个参数:项目或头值、项目或标题路径,整个数据组自身。...下例把第一行指定为红色,第二行为橘色,然后黄色白色交替出现,直到最后一行又重新为红色: ? 背景色混合(像Grid里一样)便可以支持这种样式,也让长行长列更容易设置: ?

1.6K30

建站日志

※ 开始将博客从Hexo迁移到Hugo,决定使用LoveIt主题,并正式将博客部署到了Pages上。...(该bug在火狐浏览器下偶尔会触发,在360浏览器下百分百触发) 如果启用了不蒜子计数,在360浏览器下如果滚动页面时,侧边栏底部无法正文模块底部持平,侧边栏底部会比正文模块短一些。...2018-08-18 修改了hexo-neat压缩选项,优化页面的加载 2018-08-17 头像挂件添加自动刷新功能彩蛋 2018-08-14 去掉了文本首行缩进,首行缩进有个问题:当一个段落内存在换行时...如果需要首行缩进还是自己手动添加  (全角空格,即对应两个中文空格)…… 2018-07-26 改善文章目录换行问题 添加文章不在首页显示功能:在文件头里添加not_show:...true即可启用 2018-07-21 添加了404页面 2018-07-07 添加网页标题监听事件 2018-06-30 代码块添加复制按钮 2018-06-20 使用 hexo-neat 压缩博文插件

4.2K30

个人免费博客花式搭建指南

说实话,当时 Hexo 转投 Jekyll 也是因为发现了 H2O 这个好看又优秀 Jekyll 主题,果断选择切换到 Jekyll。...Jekyll 开始与 Hexo 有所不同,Hexo 是采用子目录方式加载应用新主题,而 Jekyll 则是采用主题方式应用主题。...当然,Jekyll 完全支持用户在原有主题上进行更改,只要你了解文件是如何组织、需要何种环境等等,你就可以做出自己修改。...在实际使用过程,笔者根据自己需求也在 H2O 主题上做出了一定功能修改,并开源为 jekyll-them-H2O-ac。...语法指南 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 普通段落文件(直接输入) **加粗** *斜体* `段落内标签,通常在段落引用命令时使用

1.7K40

使用GitHub+Hexo搭建个人博客

在命令行窗口输入 npm install hexo-cli -g 然后按 Enter,等待 Hexo 安装完毕。 若运行完成后无报错警告则可认为安装成功。...在 Git 窗口输入以下代码以将该主题源文件从GitHub拷贝到博客 themes 文件夹: git clone https://github.com/XPoet/hexo-theme-keep...themes/keep 在5.0及以上版本Hexo,支持直接输入以下代码安装主题,此代码不会将主题文件放入 themes 文件夹,而是放在 node_modules 文件夹 npm install...安装完成后可在本地博客文件夹里看到新增主题文件夹。 打开本地博客文件夹 config.yml 配置文件。 将配置文件 **theme: **后面改为主题名称。...然后在浏览器输入地址(用户名.github.io)即可访问更新主题博客。 主题更新完成,之后可根据官方文档进一步设置来自定义设计博客样式。

1.5K61

【腾讯云 Cloud Studio 实战训练营】Hexo 框架 Butterfly 主题搭建个人博客

然后我们进入模板页面 图片 往下拉点击Hexo后进入,系统会自动部署所需要所有环境 图片 部署主题 选择主题,可以选择自己喜欢主题。...主题链接:Themes | Hexo 我比较喜欢 Butterfly 主题,功能很全,样式也很好看 图片 ​ 修改 Hexo 根目录下_config.yml,把主题改为 butterfly: theme...生成文章唯一链接 Hexo默认文章链接格式是年,月,日,标题这种格式来生成。...: 9999 # -1 or 9999 mobile: false ​ 图片 完成后重新编译并部署 ​ 图片 网站副标题 可设置主页展示网站副标题或者自己喜欢座右铭 修改主题配置文件...在 Hexo 配置文件 _config.yml ,你可以设置网站关键词、描述等信息,这将有助于搜索引擎更好地理解你网站内容,从而提升搜索结果排名。

30231

hexo+github搭建博客(超级详细版,精细入微)

并且在主题 _config.yml 文件,第 19 至 21 行菜单”配置,取消关于留言板注释即可。...自定制修改 在本主题 _config.yml 可以修改部分自定义信息,有以下几个部分: 菜单梦想 首页音乐播放器视频播放器配置 是否显示推荐文章名称按钮配置 favicon ...当文章没有设置特色图时,本主题会根据文章标题 hashcode 值取余,来选择展示对应特色图 我认为个人博客应该都有自己风格特色。...如果本主题诸多功能主题色彩你不满意,可以在主题中自定义修改,很多更自由功能细节点修改难以在主题 _config.yml 完成,需要修改源代码才来完成。...builtin:是否将生成页面的功能嵌入 hexo s hexo g ,默认是 false ,另一可选项为 true 。 title: 该页面的标题

5.4K84

个人博客搭建

定制主题 这里推荐作者洪卫hexo-blog-fly博客主题,该主题是基于hexo-theme-matery优化,需要把博客相关信息换成您自己就可以部署了,极大简化了构建博客工作量复杂度。...2.20 修改社交链接 在主题 _config.yml 文件,默认支持 QQ、GitHub 邮箱等配置,你可以在主题文件 /layout/_partial/social-link.ejs 文件...自定制修改 在本主题 _config.yml 可以修改部分自定义信息,有以下几个部分: 菜单梦想 首页音乐播放器视频播放器配置 是否显示推荐文章名称按钮配置 favicon Logo...当文章没有设置特色图时,本主题会根据文章标题 hashcode 值取余,来选择展示对应特色图 我认为个人博客应该都有自己风格特色。...如果本主题诸多功能主题色彩你不满意,可以在主题中自定义修改,很多更自由功能细节点修改难以在主题 _config.yml 完成,需要修改源代码才来完成。

2.2K140

电脑更换如何继续写hexo博客

其实当时只有在每篇文章标题上加个date字段就能解决我上述所说问题,还是因为之前对HEXO配置什么都没看过原因。...然后因为这个date问题看了半天,最后在【电脑更换继续写博客】这个问题上找到了一个对于我来说最佳方案。...这篇文章要解决总结问题是:使用hexo搭建完博客之后 ,如果换了电脑,怎么继续写搭建好hexo博客。 这篇总结欠了很久,这篇总结也是在我完全明白如何操作后总结。...博客上新建一个分支,我们设为hexo分支,并且在你Github上将hexo分支设为默认分支。...第三步:把你博客源文件(blog下文件)除了.deploy_git文件外全部复制到newBlog下【注意如果你之前克隆过theme主题文件,那么应该把主题文件.git文件夹删掉】 第四步:执行提交文件操作

37330

Hexo+github搭建个人博客环境配置发布(图文详解)

: 用于存放主题,里面有我们博客默认主题landscape _config.yml : Hexo站点配置文件,里面可以设置博客名字、标题、作者、链接格式等相关项 3) 执行以下命令进行依赖包安装...,主要是网站主题一些配置,如需要显示菜单、开启组件等等。...Hexo配置 主题配置 都完成了。...如果你没有收到激活邮件,可以按照下面的步骤说明图片进行操作: 点击 1 标注处下拉菜单, 选择 Setting 点击 2 标注处 Emails 点击 3 标注处 Resend 重新发送验证邮件...至于说,最后博客好不好看,还是要自己去hexo主题挑选,然后自己去美化维护,只要用心,一定会不错哦

85920

Hugo系列(2) - 通过配置文件来定制个人站点

theme主题属性 配置你Hugo主题款式,本文基于LoveIt主题【v0.2.10】,所以配置是: 1 theme = "LoveIt" 网站路径相关属性 baseURL 网站根路径,用法如下...:当前文章对应section分类 :sections:当前文章对应完整section分类层次 :title:文章标题 :slug:文章slug,title一样是定义在文件头里属性,当没有定义...--- 我这里是因为文章是从hexo迁移过来hexo那边使用了abbrlink插件来生成随机且不重复名字,为了之前文章url对齐就这样配置了。...weight是比重,值越小则该菜单位置越靠上面。 name是菜单名字。 prepost分别对应当前菜单前缀后缀,可以定义fontawesome等图标。...如果想启用压缩功能,可以运行如下命令(记得运行前要先删掉public目录): 1 hugo --minify 也可以直接把这个参数配置到配置文件,这样就可以不在运行命令时指定压缩参数: 1 minify

97110

使用Hexo+Github+腾讯云+Netlify搭建个人博客

cd themes git clone https://github.com/theme-next/hexo-theme-next 然后在_config.yml文件配置需要使用主题。...theme: hexo-theme-next 主题也是可以配置。详细配置使用说明请查看官方文档。...一旦文章标题或者发布时间被修改,URL 就会发生变化,之前文章地址也会不可访问。而且 URL 层级很深,不利于分享搜索引擎收录。...我们可以使用 hexo-abbrlink插件为每篇文章生成一个唯一字符串,这个字符串ID不受文章标题发布时间影响,比如:https://www.shoufei.xyz/p/ae5fa866。...图片 运行hexo d后其中publish目录内容将被推送到设定远程仓库。 注意,每次推送都是完全覆盖。 注意,这里repo地址需要用ssh仓库地址。

67000

Hexo系列(1) - 简单搭建教程与远程部署

下载链接 如果GitNode.js环境变量都配置好了,可以通过在cmd确认安装结果。...# Site # 站点标题 title: Hexo # 站点副标题 subtitle: # 站点描述 description: # 站点关键词 keywords: # 站点主人 author: John...默认使用电脑时区,也可以自己配置,比如: UTC+8 安装新主题 Hexo有很多大佬开发主题,很多人使用是NexT主题,该主题也确实挺简洁好看,新版本NexT主题还可以选择四个主题。...# 用法:`Key:/link/ || 菜单图标` # Key就是菜单名,如果对该菜单名进行了国际化,即将其翻译放到对应languages文件夹,将会根据你设置语言进行加载对应菜单名翻译;如果没有设置翻译...#去掉就行,更加具体操作信息我已经在上边注释给出了。

69220

Hexo安装并使用Butterfly主题

前置说明 本片文章为本人想要换hexo主题时所写。因此省略nodehexo安装,直接在初始化博客开始 初始化博客 输入一下命令,并等待程序初始化完成。...推荐把主题默认配置文件_config.yml复製到 Hexo 工作目录下source/_data/butterfly.yml,如果source/_data目录不存在那就创建一个。...默认语言是 en 主题支持三种语言 default(en) zh-CN (简体中文) zh-TW (繁体中文) 网站资料 修改网站各种资料,例如标题、副标题邮箱等个人资料,请修改博客根目录_config.yml...front-mattertop_img,如果没有设置,则会缩略图(即各自front-mattercover),如果没有则会显示显示default_top_img图片 文章相关项 这个选项是用来显示文章相关信息...可设置主页显示网站副标题或者喜欢座右铭。

5.1K40

Hexo-Butterfly主题修改记录

前言 博客主题已更新至3.8.4 本文主要用于记录及分享博主在使用butterfly主题时所使用功能及涉及到部分修改; 一些直接修改主题配置文件功能,请移步Hexo-theme-butterfly...在需要页面加载aplayerjscss,请参考文章下面的音乐 配置 highlight_shrink 【可选】配置代码框是否展开(true/false)(默认为设置highlight_shrink...,同时在主题配置文件修改封面配置。... 描述文字 圆角参数: rounded, circle 布局样式: 写法 说明 参数 含义 wide 宽一点按钮 fill 填充布局,自动铺满至少一行,多了会换行...,会提示更新代码),按照提示生成即可,然后复制生成代码,在主题配置文件引入; 复制图标代码(icon-jiaoliu),在需要引入图标的位置填入即可; 以menu菜单为例: menu: 主页

1.7K10
领券