diff --git a/_config.fluid.yml b/_config.fluid.yml index f7c69b40..51f0ad33 100644 --- a/_config.fluid.yml +++ b/_config.fluid.yml @@ -506,12 +506,12 @@ index: # 为空则按 hexo config.subtitle 显示 # If empty, text based on `subtitle` in hexo config - text: "漠北残月的博客" + text: "
「人间有味是清欢」" # 通过 API 接口作为首页副标题的内容,必须返回的是 JSON 格式,如果请求失败则按 text 字段显示,该功能必须先开启 typing 打字机功能 # Subtitle of the homepage through the API, must be returned a JSON. If the request fails, it will be displayed in `text` value. This feature must first enable the typing animation api: - enable: true + enable: false # 请求地址 # Request url diff --git a/scripts/inject.js b/scripts/inject.js new file mode 100644 index 00000000..913b390f --- /dev/null +++ b/scripts/inject.js @@ -0,0 +1 @@ +hexo.extend.injector.register('head_begin', '', 'default'); \ No newline at end of file diff --git a/source/css/avatar.css b/source/css/avatar.css new file mode 100644 index 00000000..c287fcad --- /dev/null +++ b/source/css/avatar.css @@ -0,0 +1,46 @@ +/* + from https://github.com/Musicminion/blog +*/ + +.avatar:hover { + transform: rotate(360deg); + /* 鼠标悬停时旋转 */ +} + +/* 针对宽屏设备(桌面显示器)的样式 */ +@media screen and (min-width: 1024px) { + .avatar { + width: 210px; + height: 210px; + border-radius: 50%; + transition: transform 1s; /* 添加过渡效果 */ + border: 5px solid #ddd; /* 添加边框 */ + margin: 20px 0 75px 0; + } +} + +/* 针对平板设备的样式 */ +@media screen and (min-width: 768px) and (max-width: 1023px) { + .avatar { + width: 190px; + height: 190px; + border-radius: 50%; + transition: transform 1s; /* 添加过渡效果 */ + border: 4px solid #ddd; /* 添加边框 */ + /* 添加 bottom 的 margin 值,使其与下面的文字对齐 */ + margin: 20px 0 80px 0; + } +} + +/* 针对手机设备的样式 */ +@media screen and (max-width: 767px) { + .avatar { + width: 160px; + height: 160px; + border-radius: 50%; + transition: transform 1s; /* 添加过渡效果 */ + border: 3px solid #ddd; /* 添加边框 */ + /* 添加 bottom 的 margin 值,使其与下面的文字对齐 */ + margin: 60px 0 25px 0; + } +} \ No newline at end of file