diff --git a/_config.fluid.yml b/_config.fluid.yml index b20805c2..28810fa0 100644 --- a/_config.fluid.yml +++ b/_config.fluid.yml @@ -24,7 +24,7 @@ favicon: images/favicon.png # Icon for Apple touch apple_touch_icon: images/favicon.png -# 浏览器标签页中的标题分隔符,效果: 文章名 - 站点名 +# 浏览器标签页中的标题分隔符,效果:文章名 - 站点名 # Title separator in browser tab, eg: article - site tab_title_separator: " - " @@ -258,7 +258,7 @@ web_analytics: # 网页访问统计 google: measurement_id: - # 腾讯统计的 H5 App ID,开启高级功能才有cid + # 腾讯统计的 H5 App ID,开启高级功能才有 cid # Tencent analytics, set APP ID # See: https://mta.qq.com/h5/manage/ctr_app_manage tencent: @@ -286,7 +286,7 @@ web_analytics: # 网页访问统计 # 统计页面时获取路径的属性 # Get the attribute of the page path during statistics path: window.location.pathname - # 开启后不统计本地路径( localhost 与 127.0.0.1 ) + # 开启后不统计本地路径 (localhost 与 127.0.0.1) # If true, ignore localhost & 127.0.0.1 ignore_local: false @@ -322,12 +322,12 @@ iconfont: //at.alicdn.com/t/font_1736178_lbnruvf0jn.css navbar: # 导航栏左侧的标题,为空则按 hexo config 中 `title` 显示 # The title on the left side of the navigation bar. If empty, it is based on `title` in hexo config - blog_title: "漠北残月" + blog_title: "漠北残月的博客" # 导航栏毛玻璃特效,实验性功能,可能会造成页面滚动掉帧和抖动,部分浏览器不支持会自动不生效 # Navigation bar frosted glass special animation. It is an experimental feature ground_glass: - enable: false + enable: true # 模糊像素,只能为数字,数字越大模糊度越高 # Number of blurred pixel. the larger the number, the higher the blur @@ -422,8 +422,8 @@ footer: content: ' Hexo - Fluid - ' + Fluid' + # 展示网站的 PV、UV 统计数 # Display website PV and UV statistics @@ -439,13 +439,13 @@ footer: # For Chinese mainland website policy, other areas keep disable beian: enable: false - # ICP证号 - icp_text: 京ICP证123456号 - # 公安备案号,不填则只显示ICP - police_text: 京公网安备12345678号 - # 公安备案的编号,用于URL跳转查询 + # ICP 证号 + icp_text: 京 ICP 证 123456 号 + # 公安备案号,不填则只显示 ICP + police_text: 京公网安备 12345678 号 + # 公安备案的编号,用于 URL 跳转查询 police_code: 12345678 - # 公安备案的图片. 为空时不显示备案图片 + # 公安备案的图片。为空时不显示备案图片 police_icon: /img/police_beian.png @@ -463,7 +463,7 @@ index: # Available: 0 - 100 banner_img_height: 100 - # 头图黑色蒙版的不透明度,available: 0 - 1.0, 1 是完全不透明 + # 头图黑色蒙版的不透明度,available: 0 - 1 . 0,1 是完全不透明 # Opacity of the banner mask, 1.0 is completely opaque # Available: 0 - 1.0 banner_mask_alpha: 0.3 @@ -480,11 +480,11 @@ index: # 通过 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: false + enable: true # 请求地址 # Request url - url: "" + url: "https://v1.hitokoto.cn/" # 请求方法 # Request method @@ -497,7 +497,7 @@ index: # 从请求结果获取字符串的取值字段,最终必须是一个字符串,例如返回结果为 {"data": {"author": "fluid", "content": "An elegant theme"}}, 则取值字段为 ['data', 'content'];如果返回是列表则自动选择第一项 # The value field of the string obtained from the response. For example, the response content is {"data": {"author": "fluid", "content": "An elegant theme"}}, the expected `keys: ['data','content']`; if the return is a list, the first item is automatically selected - keys: [] + keys: ["hitokoto"] # 自动截取文章摘要 # Auto extract post @@ -752,7 +752,7 @@ utterances: # See: https://disqus.com disqus: shortname: - # 以下为 Disqusjs 支持, 国内用户如果想使用 Disqus 建议配合使用 + # 以下为 Disqusjs 支持,国内用户如果想使用 Disqus 建议配合使用 # The following are Disqusjs configurations, please ignore if DisqusJS is not required # See: https://github.com/SukkaW/DisqusJS disqusjs: false @@ -977,7 +977,7 @@ page: #--------------------------- -# 404页 +# 404 页 # 404 Page #--------------------------- page404: @@ -985,7 +985,7 @@ page404: banner_img: /img/default.png banner_img_height: 85 banner_mask_alpha: 0.3 - # 重定向到首页的延迟(毫秒) + # 重定向到首页的延迟(毫秒) # Delay in redirecting to home page (milliseconds) redirect_delay: 5000 diff --git a/source/_posts/Modify-theme.md b/source/_posts/Modify-theme.md index f9a75592..4266d441 100644 --- a/source/_posts/Modify-theme.md +++ b/source/_posts/Modify-theme.md @@ -37,7 +37,7 @@ hexo new page about 创建成功后修改 `/source/about/index.md`,添加 `layout` 属性。 -改后如下 +添加后如下 ```md --- @@ -55,13 +55,16 @@ hexo clean && hexo g && hexo s -o 后访问 `http://localhost:4000/about/` 即可看到效果。 -![localhost.jpg](/images/Modify-theme/localhost.jpg) +![ablout.jpg](/images/Modify-theme/about.jpg) + +PS: 可以跟着文档把关于页面的几个 icon 一起改了。 ### 4. 修改主题配置 [官方文档](https://hexo.fluid-dev.com/docs/guide/) 官方文档还算比较完善,耐心看完即可。 +### 5. 修改网站图标 `修改网站图标` 文档好像没提到,我这里写一下 首先把你的图标放到 `/source/images/` 目录下,然后 打开 `_config.fluid.yml` 找到这个配置: @@ -74,4 +77,23 @@ favicon: images/favicon.png # Icon for Apple touch apple_touch_icon: images/favicon.png ``` -将 `favicon.png` 改为你的图标路径即可。 \ No newline at end of file +将 `favicon.png` 改为你的图标路径即可。 + +### 6. 修改 slogan 为 api 语录 +效果如图所示: +![slogan-api.jpg](/images/Modify-theme/slogan-api.jpg) + +在主题配置中开启: +```yml +index: + slogan: + enable: true + text: 这是一条 Slogan + api: + enable: true + url: "https://v1.hitokoto.cn/" + method: "GET" + headers: {} + keys: ['data', 'content'] +``` +把 `url` 改为你想要的 api 地址,`keys` 改为你想要的字段。具体参数可以看[官方文档](https://hexo.fluid-dev.com/docs/guide/#slogan-%E6%89%93%E5%AD%97%E6%9C%BA) diff --git a/source/images/Modify-theme/about.jpg b/source/images/Modify-theme/about.jpg new file mode 100644 index 00000000..e78502dc Binary files /dev/null and b/source/images/Modify-theme/about.jpg differ diff --git a/source/images/Modify-theme/slogan-api.jpg b/source/images/Modify-theme/slogan-api.jpg new file mode 100644 index 00000000..ea3659d8 Binary files /dev/null and b/source/images/Modify-theme/slogan-api.jpg differ