Hexo-Next主题更改字体

最新推荐文章于 2023-04-07 10:28:13 发布
原创 最新推荐文章于 2023-04-07 10:28:13 发布 · 4.9k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何在Hexo的Next主题中更改网站字体，通过修改配置文件并选择Google Font字体库中的字体，实现个性化网站风格。

修改.blogs/themes/next_c/_config.yml文件，查找font，会看到：
在这里插入图片描述

设置enable:true
随后打开Google Font，挑选一个字体，挑好后，点击右上角的加号：
在这里插入图片描述
然后在网页右下角点开Family Selected这个窗口，就可以看到字体族名：
在这里插入图片描述

如这个是Zhi Mang Xing，全部复制过来，贴到上面的family 区域，注意冒号后要有空格

在这里插入图片描述

具体global、title、heading代表哪些区域的字体都是顾名思义。

之后打开网页就会发现字体变了：
在这里插入图片描述

【Hexo系列】【6】NexT主题使用
middle_age666的博客
08-31 2123
NexT是Hexo的知名第三方主题，黑白极简风格四合一，有相当多的使用者，维护也相当给力，数年来一直都在频繁更新。Next主题官网：https://github.com/next-theme/hexo-theme-next。
hexo搭建个人博客--NexT主题优化
Alvabill的满满干货
02-26 5169
写在前面 本文为个人前一篇文章hexo搭建个人博客–基础篇的后续篇，前文主要介绍了如何搭建一个个人网站以及绑定域名等相关内容，还没有建站的伙伴们可以看一下前文，已经搭建好的就可以忽略了。 本文的优化是基于Hexo的NexT主题的，其他主题的疑问也可以在后台或评论区一起沟通交流。 目录 1 实用性优化 - 基本使用（_config.yml文件配置） - 添加RSS - 添加标签、分...
hexo stellar主题修改字体
subtitle_的博客
04-07 849
hexo stellar主题修改字体
Hexo字体样式改变解决，代码区显示不全解决
weixin_46123692的博客
01-07 653
我的问题是hexo的代码区显示不全，出现了|，之后的文本字体都被改变样式了，具体问题如下图所示：
Hexo Next 主题字体相关配置
hqweay 的博客
07-25 2947
原文 https://leay.net/2020/02/14/hexo-next-font 说明 版本：Hexo 4.0、Next 7.0 搜索的一些文章里提及改动的地方挺多的，我乱试了一下，似乎并不需要那么复杂。不知道是不是我没搞懂。 可能是因为 Next 更新了一些配置简化了操作？总之记录一下。 PS：Hexo Next 的瞎几把优化可以看看这篇：尝试折腾了下用 hexo-next-theme 搭建的博客 一个 Hexo 插件分享哈：Hexo 插件 hexo-douban-getter —— 展示豆瓣标
hexo(Next主题)修改文字大小
dpdpdppp的博客
10-08 7953
  在hexo搭建完成后，使用next主题，发现有些字体过大，比如标题下面提示文章发表时间、分类、标签等字体。以下提出我的修改方式（版本hexo：3.9.0、next：7.4.1）。   默认建好之后，如下图所示，我对框中的字体大小不满意。   首先想到要去主题配置文件_config.yml查找Font以便于修改字体大小。通过搜寻，可以看到以下的结果： font: # Use custom...
hexo的yelee主题中的标签字体大小的修改
微电子学与固体电子学-俞驰
06-21 1221
路径： themes/yelee/source/css/_partial/main.styl 修改代码为： .header-menu{ menu-line-height = (28/16)rem font-weight: 550; line-height: menu-line-height; font-family: ...
hexo-theme-next-master_NeXT_hexo-theme-next_hexo_huntk8a_theme-n
10-04
6. **文件`hexo-theme-next-master`**：这可能是Next主题的源代码仓库，用户可以将其克隆到本地的Hexo博客项目中，然后在Hexo的`themes`目录下进行配置和修改。 总的来说，这个压缩包提供了一套完整的Hexo Next主题...
hexo-theme-next-5.1.4
04-13
关于Next主题的定制，我们可以在`themes/next`目录下找到主题的配置文件`_config.yml`，通过修改这里的内容可以调整主题的样式、颜色、字体等视觉效果。同时，Next还支持使用EJS或Pug模板语言进行深度定制，为有开发...
hexo-blog:hexo-blog来源
04-13
- 用户可以通过修改主题配置，调整颜色、字体、布局等元素，实现个性化博客设计。 4. **插件系统**： - Hexo拥有丰富的插件库，如hexo-generator-archive用于生成归档页，hexo-generator-tag用于生成标签页，hexo...
Hexo自定义字体（Matery主题与Butterfly主题）
m0_46296826的博客
03-31 5078
自定义网站字体 准备 首先确保主题存在css文件：(hexo-theme-matery/source/css/.mycss) 路径很重要！文件没有用就自己创！ 本站使用的开源字体:JetBrains Mono 网站局部个性化字体 一般网站的web字体都可以直接从Google-Font获取资源，这样不用担心字体商业带来的法律问题 1）创建web字体引用 @font-face{ font-family: '引用的字体名称'; src: url('谷歌字体路径（或者其他什么字体引用）');
hexo的yelee主题使用本地自己指定的自定义字体
微电子学与固体电子学-俞驰
06-19 1804
研究了老半天，好了，我们切入正题。 因为网上居多都是next主题来指定自定义字体的， 对于yelee这种主题想要制指定自己喜欢的字体，就显得困难重重。 说具体步骤： 1.在[1]中上传你的字体，我的是文鼎粗钢笔行楷Roboto-Regular,然后下载一个压缩包Roboto-Regular.zip 在站點根目錄source文件夾下面建立: font/Roboto-Regula...
hexo] Light主题的修改使用
Nezar
02-02 1168
Nezar657.github.io Light主题修改ing
Hexo+NexT博客个性化
鱼的博客
04-01 680
Hexo+NexT博客个性化浏览数量：评论系统解决图片无法加载的问题添加阅读全文搜索服务Local Search设置博客字数统计提交搜索引擎（Google 百度）修改字体自定义字体代码块使用字体Title格式修改 不定期更新Orz 浏览数量： 将next的_config.yml文件设置如下： #Show PV/UV of the website/page with busuanzi. #Get...
HEXO&Fontmin
weiekko的博客
10-06 399
更新时间: 2021-12-30 12:12:21。
Hexo使用Next主题的配置
MPFLY的博客
08-22 807
1. 博客底部标签样式 只需要修改模板/themes/next/layout/_macro/post.swig，搜索 rel="tag">#，将 # 换成<i class="fa fa-tag"></i> 2. 文章结束标志 在路径 \themes\next\layout\_macro 中新建 passage-end-tag.swig 文件,并添加以下内容： <...
Hexo+next的侧边栏背景与字体颜色设置方法
个人博客
08-17 3891
由于next主题经过了几次更新，查阅了许多资料都说要修改custom.styl这个配置文件，但是我的主题内没有此文件，经过翻阅大量的资料，终于找到了侧边栏的配置文件位置。
hexo next修改代码区主题，修改字体样式，大小
as403045314的博客
12-13 7040
文章目录广告修改代码区主题站点_config.yml主题_config.yml修改字体样式，大小ps我自己的方式 广告 本人博客地址：https://mmmmmm.me 源码：https://github.com/dataiyangu/dataiyangu.github.io 一个将csdn文章转为hexo支持的文章格式的小东西：https...
【个人网站搭建】hexo框架下修改Next主题的文章字体大小
C/C++攻城狮
01-18 1651
0x00 前言 文章中的文字可能存在语法错误以及标点错误，请谅解； 如果在文章中发现代码错误或其它问题请告知，感谢！ Hexo博客框架版本（hexo vesion）：5.3.0 Next主题版本：v5.1.4 0x01 解决方法 打开next主题下的source\css\_variables\base.styl文件，定位到$font-size-base位置，修改需要的文章字号大小： // Font size $font-size-base = 16px //默认14px，本例中修改成16
Hexo-next：打造个性化开源个人博客系统
- **配置Hexo**: 修改Hexo目录下的_config.yml文件，引入Next主题。 - **编写文章**: 使用Markdown语法撰写文章，并存放在source/_post文件夹下。 - **生成网站**: 运行hexo generate命令，生成静态网页。 - **启动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值