首页
学习
活动
专区
工具
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

    933181

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

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

    40420

    来花个几分钟,轻松掌握 Hexo Diversity 主题配置内容

    点击下方按钮前往设置 btn-text: 主题选择introduction: landscape: Hexo 中的一个全新的默认主题,需要 Hexo 2.4 或者 更高的版本。...phase: 通过 Phase,感受时间流逝,它是 Hexo 最美丽的主题。 light: Hexo 中的一个简约主题。...menu - 导航栏菜单展示名称button - 按钮文本gritter - 主题选择页的提示文本no-theme - 无主题页的文本introduction - 主题介绍【如果没有配置,则不展示介绍】...2.3 多主题相关配置在我们的 Hexo 项目根目录中,添加 config 目录,并为上述多主题列表中的每个主题添加一个对应主题名的配置目录,同时在该主题名的配置目录下添加对应的 _config.yml...[theme].yml 文件,更多了解请查看官方《配置》针对不同主题,可在各自配置中启用分类和标签生成配置category_generator: enable_index_page: true layout

    13821

    博客装修(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 的内容最上方添加跳转链接

    35320

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

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

    1.6K30

    【Hexo】Hexo 主题 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

    建站日志

    ※ 开始将博客从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

    使用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.6K61

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

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

    1.9K40

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

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

    33531

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

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

    5.6K85

    个人博客搭建

    定制主题 这里推荐作者洪卫的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.3K140

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

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

    88020

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

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

    39730

    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是菜单名字。 pre和post分别对应当前菜单的前缀和后缀,可以定义fontawesome等图标。...如果想启用压缩功能,可以运行如下命令(记得运行前要先删掉public目录): 1 hugo --minify 也可以直接把这个参数配置到配置文件中,这样就可以不在运行命令时指定压缩参数: 1 minify

    1K10

    使用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的仓库地址。

    71500

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

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

    72920

    Hexo安装并使用Butterfly主题

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

    5.2K40
    领券