hexo next修改代码区主题,修改字体样式,大小

原文链接: http://www.cnblogs.com/LeesinDong/p/10835579.html

文章目录

  • 广告
  • 修改代码区主题
    • 站点_config.yml
    • 主题_config.yml
  • 修改字体样式,大小
  • ps
    • 我自己的方式

广告

本人博客地址:https://mmmmmm.me
源码:https://github.com/dataiyangu/dataiyangu.github.io
一个将csdn文章转为hexo支持的文章格式的小东西:https://github.com/dataiyangu/csdn2hexo

修改代码区主题

站点_config.yml

highlight:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace:

文字自动检测默认不启动,所以改成true使其起作用

主题_config.yml

highlight_theme: normal
normal
night
night eighties
night blue
night bright

修改字体样式,大小

# 在网上找的字体:我用的是Microsoft YaHei
# “Helvetica Neue",” Helvetica, Arial“, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei"
font:
  enable: true
  # Uri of fonts host. E.g. //fonts.googleapis.com (Default)
  # 亲测这个可用,如果不可用,自己搜索 [Google 字体 国内镜像],找个能用的就行
  host: https://fonts.cat.net
  # Global font settings used on <body> element.
    # 全局字体,应用在 body 元素上
  global:
    external: true
    family: Lato
    size: 16
    #csdn上就是16看着舒服多了

  # 标题字体 (h1, h2, h3, h4, h5, h6)
  headings:
    external: true
    family: Roboto Slab

  # 文章字体
  posts:
    external: true
    family:

  # Logo 字体
  logo:
    external: true
    family: Lobster Two
    size: 24

  # 代码字体,应用于 code 以及代码块
  codes:
    external: true
    family: Roboto Mono

ps

从目前我试的情况来看,上面的方法并不理想
听说5.1之后加入了新的方式,在custom.styl中

// 标题,修改成你期望的字体族
$font-family-headings = Georgia, sans

// 修改成你期望的字体族
$font-family-base = "Microsoft YaHei", Verdana, sans-serif

// 代码字体
$code-font-family = "Input Mono", "PT Mono", Consolas, Monaco, Menlo, monospace

// 正文字体的大小
$font-size-base = 16px

// 代码字体的大小
$code-font-size = 13px

这种方式参考:
http://prozhuchen.github.io/2015/10/05/Hexo_blog_7/
https://theme-next.iissnan.com/faqs.html

我自己的方式

在custom.styl中
自定义去呗

article p {
  font-family : 'Microsoft YaHei','SF Pro Display',Roboto,Noto,Arial,'PingFang SC',sans-serif;
  font-size: 16px;
 color: #4f4f4f;
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 16px;
}
article h1,article h2,article h3,article h4,article h5,article h6,article h7,a,strong{
  font-family : 'Microsoft YaHei','SF Pro Display',Roboto,Noto,Arial,'PingFang SC',sans-serif;
}
.gutter pre span,.code pre span{
 font: 400 14px Source Code monospace,PingFang SC,Microsoft YaHei,sans-serif!important
}

感谢:
https://blog.csdn.net/u011240016/article/details/79422448
https://blog.csdn.net/blue_zy/article/details/79058763

转载于:https://www.cnblogs.com/LeesinDong/p/10835579.html

你可能感兴趣的:(hexo next修改代码区主题,修改字体样式,大小)