hexo博客kaze主题配置详细解析

kaze主题官方文档：https://demo.theme-kaze.top/document/

本解析建议结合主题官方文档进行配置。

#------------------------
# Header config
title: skillfans
author: Yuanlin
logo_img: /img/author.png  # put the logo on the ${blog_path}/source/img/${picname}.png or use urls
author_img: /img/author.png
author_description: 数码科技/技术迷，科技让生活更有趣
#------------------------
# Navbar config
# 导航栏菜单
#------------------------
menus:home: /tags: /tagscategories: /categoriesfriends: /linksarchive: /archives# artitalk: /shuoshuo # You can uncomment to add this route# 社交链接
about:description: descriptionsocial_links:- { icon: icon-sina, link: https://weibo.com/u/7548933742}- { icon: icon-github, link: https://github.com/skillfans}- { icon: icon-bilibili, link: https://space.bilibili.com/435408933?spm_id_from=333.1007.0.0}- { icon: icon-zhihu-circle-fill, link: https://www.zhihu.com/people/she-hui-ren-qiao-zhi-61}# - { icon: icon, link: your link }# 自定义links需要在 blog\themes\kaze\layout_partial\head.ejs 中添加阿里iconfont项目的链接# <%# social icon %>  #在此代码下面添加下面代码# <%- ex_css('阿里iconfont复制的代码') %>


#------------------------
# Links
# 友链
#------------------------
links:GitHub: url: https://github.comavatar: https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_match%2F0%2F10948773368%2F0.jpg&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650988107&t=c260fe871ab0b51cd9c4a3825f4d7a04Gitee:url: https://gitee.comavatar: https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fgit.oschina.net%2Fuploads%2F85%2F1850385_gitee_gitee.png%3F1522479308&refer=http%3A%2F%2Fgit.oschina.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650988240&t=ceb6e9d605bfd0110a1cdf0d4cff0c68菜鸟教程:url: https://www.runoob.com/avatar: https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20181210%2F7b8cba5638284671ac04e985859ed40c.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650987186&t=7beeba1461277306772c2d1d95f6fe54W3School在线教程:url: https://www.w3school.com.cn/avatar: https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.b114.net%2Fzb_users%2Fupload%2F2020%2F04%2F202004121586620870546658.jpg&refer=http%3A%2F%2Fwww.b114.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651761350&t=bf3a5aa7ab66db3d9861d14d3e77f64aLinux命令大全(手册):url: https://www.linuxcool.com/avatar: https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20200221%2Fc453ad318720401c94b5ff3ff402490a.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651982121&t=378fea255e8311548efc6d53219b7ab5# name:#   url: https://example.com#   avatar:#   description:#------------------------# tip: if you want to use QQ avatar without giving away your QQ number,# you can use this api to get an encrypted url:# https://ptlogin2.qq.com/getface?appid=1006102&imgtype=3&uin=${yourQQNumber}# and use the encrypted url in the json#------------------------#------------------------
# Post
# 目录
#------------------------
toc:showListNumber: true #是否生成编号maxDepth: 6  #最大深度minDepth: 1  #最小深度# 版权说明
copyright:enable: falsewriter: skillfans # 作者 ：if writer is empty we will use config.author as writerdeclare: 本博客所有文章除特别声明外，均采用<a target="_blank" rel="noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">CC BY-NC-SA 4.0 协议</a>。转载请注明出处！style: warning # 声明样式：the style uses note warning | danger | primary | info | success# 搜索功能
search:enable: truepath: search.jsonfield: posts  #搜索范围：posts，pages，allsearchContent: true  搜索文件包含正文内容# og meta元素： open graph 可以帮助各类支持该技术的社交媒体上显示网页卡片
og:enable: truetitle: trueurl: trueimage: truedescription: truearticle: true
#------------------------
# Footer
# 站点页脚
#------------------------
footer:copyYear: 2021  #站点归属权# if showPoweredBy is ture, 'Powered by Hexo' will be seen on the footershowPoweredBy: true# if showThemeName is ture, 'Theme - Kaze' will be seen on the footershowThemeName: true#------------------------# Record config# please put the gov image in ${yoursite}/img/beian.png# 网页备案RecordInfo: "" # your Record info such as '某ICP备xxx号'govRecordInfo: "" # your gov record info such as '某公网安备xxx号'govRecordUrl: "" # your gov record url  公网备案信息地址#------------------------# pv / uv statistics config# 网站统计#------------------------statistics:enable: falsetype: busuanzi # now version only supports busuanzipv:enable: truestyle: 本站总访问量{}次 # the style will be shown as $1{pv}$2uv:enable: truestyle: 本站总访客数{}次 # the style will be shown as $1{uv}$2# ------------------------------------------
# 文章头图，需要在Markdown文章 Front-matter中添加一下格式代码
# title: Hello World
# banner_img: https://www.tomyres.com/static/images/logo/res_logo_1.png  #文章头图链接
# category: Hi #分类
# tag: hello # 标签
# excerpt: 文章简介
# ------------------------------------------
widgets:showWidgetsMobiles: "flex"  # none关闭，flex开启#------------------------
# animation config
# 主题动画效果
#------------------------
# if scrollUpAnimation is true, there will be scroll-up animation.
scrollUpAnimation: true#------------------------
# comment config
# 评论系统
#------------------------
comment:enable: truetype: valine # valine | gitalk | livere | disqus | we recommend valine | waline# gitalk config details can see in https://github.com/gitalk/gitalk/blob/master/readme-cn.md# waline config details can see in https://waline.js.orgvaline:appId:  #valine评论系统appIDappKey:  #valine评论系统appKeyplaceholder: Just go gopath: window.location.pathnameavatar: mpmeta: ["nick", "mail"]  #评论系统模块标题展示信息pageSize: 10visitor: falsehighlight: truerecordIP: falseserverURLs: # leancloud国内自定义域名emojiCDN:emojiMaps: nullenableQQ: falserequiredFields: []gitalk:clientID:clientSecret:repo:owner:admin:id: location.hrefdistractionFreeMode: false# en | zh-CN | zh-TWlanguage: navigator.language || navigator.userLanguagelabels: ['Gitalk']perPage: 10livere:uid:waline:serverURL:placeholder: Just go gopath: window.location.pathnameavatar: mpmeta: ["nick", "mail", "link"]pageSize: 10visitor: falsehighlight: trueemojiCDN:emojiMaps: nullenableQQ: falserequiredFields: []anonymous: true#------------------------
# latex config
# 渲染效果
#------------------------
# choose true to use latex by mathjax or katex
# warning: latex rendering will put lots of loading burden on page loading
latex:enable: falseengine: mathjax # mathjax | katex# for better rendering effect, when you choose mathjax, you can use it directly but you will lose some effect# so you can use hexo-renderer-kramed# when you choose katex, you must use hexo-renderer-markdown-it-plus or other render engineglobal: false# when you choose false, you can use latex by `latex: true` in post front-matter#------------------------
# lazyload config
# 懒加载
#------------------------
lazyload:enable: trueloadingImg:   ##设置加载图   可以在post中设置banner_img_set 进行覆盖实现缩略图效果#------------------------
# plugins config
# 主题代码高亮配置
#------------------------
lightbox:enable: true
# If your hexo version is below 5.0.0, please upgrade first to use this config
# we support eight highlight themes, you can go to prism website (https://prismjs.com) for more information
# theme: default | coy | dark | funky | okaidia | solarizedlight | tomorrow | twilight  #主题代码高亮 8大样式，在下方填写对应的主题名称即可
prism:theme: tomorrowdarkTheme: tomorrow# show the number of words in posts
# 字数统计
wordcount:enable: true# Analytics config
# 数据分析
analytics:enable: falsetype: google # googlegoogle:id: # you can see more information in https://analytics.google.com/
# Doc：https://artitalk.js.org/
artitalk:enable: falseappId: appKey: #------------------------
# minify config
# css minify uses autoprefixer and clean-css
# javascript minify uses uglify-es
# html minify uses html-minifier
# 文件压缩 /开启后会影响 hexo g的性能
#------------------------
minify:enable: falsecss: truejs: truehtml: true#------------------------
# theme design config
# 主题颜色
#------------------------
# the config of theme colors and styles
# you can modify these presets to design different styles
color:text-color: "#3c4858"text-strong-color: "#2f3d4e"text-light-color: "#60656a"divider-color: "#e6e8ee"title-color: "#475b6d"link-color: "#3273dc"link-hover-color: "#6596e5"info-text-color: "#60656a"widget-background-color: "#fff"body-background-color: "#f2f5f8"border-color: "#e1e4e9"pre-color: "#2d2d2d"code-color: "#50687c"code-background-color: "#e9eaf0"# 字号与字体
font:font-size: 16px # global font-sizefont-family: '-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif' # global font-family#------------------------
# cdn config
# 第三方资源索引
#------------------------
cdn:mathjax: //cdn.jsdelivr.net/npm/mathjax@3.0.5/es5/tex-svg.jskatex: //cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.cssgitalk:css: //cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.cssjs: //cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.jsvaline: //unpkg.com/valine/dist/Valine.min.jslivere: //cdn-city.livere.com/js/embed.dist.jswaline: //cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.jsbaguetteBox: /js/lib/lightboxlozad: /js/lib/lozad.min.jsprism: /js/lib/prism/busuanzi: /js/lib/busuanzi.min.jsartitalk: https://cdn.jsdelivr.net/npm/artitalkmd5: /js/lib/md5.min.js

hexo博客主题kaze 配置详细解析相关推荐

hexo之next主题个性化配置详细教程
hexo之next主题个性化配置详细教程 1.在右上角或者左上角实现fork me on github 实现的效果图具体实现方法点击传送门>> 挑选自己喜欢的样式,并复制代码. 例如, ...
Hexo博客主题安装和优化（一）
当你看到这篇文章的时候,想必你已经搭建好了属于你的Hexo博客并且已经部署到了Github上面,如果还没有的话呢,请移步去Hexo+github搭建博客! 因为默认的Hexo主题实在太难看了,所以我们 ...
【个人博客】Hexo个人博客搭建与配置详细教程 + Fluid主题 + Gitee发布
文章目录一.环境准备 1.1 安装 NodeJs 1.2 安装 Git 1.3 安装 Hexo 二.Gitee仓库搭建 2.1 Gitee账号注册 2.2 仓库搭建三.Hexo博客搭建 3.1 基 ...
Hexo博客主题Next添加动态线条背景canvas_nest
欢迎光临我的博客查看最新文章: https://river106.cn Hexo 版本:5.4.0 Next版本:8.7.1 为了美化Hexo博客,可以给博客添加动态线条背景,这里使用canvas_ ...
hexo博客主题推荐
Fluid 也是本人使用的主题,这是一款 Material Design 风格的 Hexo 主题,以简约的设计帮助你专注于写作. 该主题相较于其他主题的优势: 设计遵循简洁至上,同时具有轻快的体验,和 ...
怎么把网页源码家入hexo博客_一款被大厂选用的 Hexo 博客主题
首先这是一篇自吹自擂的文章,主题是由多位非前端程序员共同开发,目前经过一年半的迭代已经到达 v1.8.0 版本,并且获得大量认可,甚至某大厂员工已经选用作为内部博客,因此我决定写这篇文章向更多人安利它 ...
hexo没有样式_一款被大厂选用的 Hexo 博客主题
什么是 Hexo ? Hexo 是一个快速.简洁且高效的博客框架,基于 Node.js 开发.Hexo 使用 Markdown 解析文章,并生成静态页面,非常便于静态部署和加载,许多人把页面存在 Gi ...
上一页下一页html样式,软件 | hexo博客主题yilia上一页下一页显示的问题
一. 前言用hexo+yilia搭建个人博客网站已经有一段时间了,慢慢地从最早期的样式也改了很多,但是有个问题一直困扰着强迫症的我,问题如下图所示: 也就是在主页显示首页的时候,前面会有多余< ...
Hexo博客主题之hexo-theme-matery的安装命令整理
cd hexo-blog git clone https://github.com/blinkfox/hexo-theme-matery.git themes/matery vim _config.y ...

hexo博客主题kaze 配置详细解析

hexo博客kaze主题配置详细解析

hexo博客主题kaze 配置详细解析相关推荐

最新文章

热门文章