安装、部分配置icarus主题中文版

安装、部分配置icarus主题中文版

摘要
发现icarus主题还不错,花了一两个小时研究了下安装、部分配置icarus主题中文版

安装icarus

  • 直接下载主题模块放到blog项目 ,blog项目根目录执行
1
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus

此时已经下载到项目中。

  • 顶级_config.yml中选择icarus主题

    1
    2
    3
    4
    # Extensions
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    theme: icarus
  • 此时主题已经安装好,清除、编译、部署可以看到效果了

配置icarus

  • 完全参照官网配置,进行翻译解说

配置文章部分

顶部图片添加

icarus 主题中的配置_config.yml中开启图片开关

1
2
article:
thumbnail: true

文章.md文件头中添加图片绝对/相对地址

1
2
3
4
5
title: Getting Started with Icarus
thumbnail: /gallery/thumbnails/desert.jpg
// thumbnail:https://cdn.jsdelivr.net/gh/removeif/blog_image/20190620152744.png
---
Post content...

配置完成后部署显示效果如下(最新文章列表显示缩略图、文章开头显示一张设置图片)

左边文章导航栏开启

icarus 主题中的配置_config.yml中开关

1
2
3
4
widgets:
-
type: toc
position: left

同事文章顶部加入标签

1
2
3
4
title: Table of Contents Example
toc: true
---
Post content...

配置效果

评论系统开启

icarus 主题中的配置_config.yml中开启(部分评论系统需要翻墙才能使用,valine不用翻墙个人推荐,valine安装参考

1
2
3
4
5
6
7
comment:
type: valine
app_id: xxxxxxxx # (required) LeanCloud application id
app_key: xxxxxxxx # (required) LeanCloud application key
notify: false # (optional) receive email notification
verify: false # (optional) show verification code
placeholder: xxxxxxxx # (optional) comment box placeholder text

开启效果

捐赠收款开启

icarus 主题中的配置_config.yml中开启 注意如果默认不配置,编译时有报错,可以# 把它注释掉,不启用功能

1
2
3
4
5
6
7
8
9
10
11
donate:
-
# Donation entry name
type: alipay
# Qrcode image URL
qrcode: 'https://wx2.sinaimg.cn/large/b5d1b710gy1g0lvxdcwm0j20p011i4bg.jpg'
-
# Donation entry name
type: wechat
# Qrcode image URL
qrcode: 'https://wx2.sinaimg.cn/large/b5d1b710gy1g0lvwdcpb5j20u014qgy2.jpg'

开启配置效果如下

全局搜索开启

icarus 主题中的配置_config.yml中开启,不同的搜索类型需要安装插件参考官网,type: insight此类型不需要安装,已经内置

1
2
search:
type: insight

效果如下

更多配置请参考官网配置

目前配置基本已经够使用,还需要更多配置请参考连接

参考自

# 推荐文章
  1.卡片翻动效果
  2.每日进步:一篇文章带你走进3D的世界
  3.每日进步:动画的暂停与恢复
  4.每日进步:大整数相加
  5.响应式原理:Vue 3 的 nextTick ?

:D 舔狗日记获取中...