-
Notifications
You must be signed in to change notification settings - Fork 273
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
「反馈 Bug」steam图标偏上 #301
Comments
你是指 主页个人信息下方的 steam 图标吗?下次提 issue 可以一并提供截图 |
截了。。。可能太小了 |
哦哦,昨天看的时候,图片没加载出来 |
对这些图标来自编码层面的基准处理是相同的: // src/scss/_variables.scss
.iconfont-archer {
font-family: 'iconfont-archer' !important;
font-size: 1rem;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
// src/scss/_partial/_partial/_profile.scss
.profile-social {
position: relative;
width: 100%;
text-align: left;
line-height: 1.7rem;
padding: 0.5rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
.iconfont-archer {
position: relative;
}
@include social($scaleSize: 0.5, $spanMargin: 0.4rem);
} 问题出在 Font Awsome 图标库,对于这个库,看到有这样一个评价:
这意味着,如果我们接着使用这个图标库,为了处理大小不同的问题,需要在找到基准图标后,单独为每个图标设置 CSS:在 但显然现在仍存在问题。为了兼容性更好的变更,无论是已有用户亦或是已有代码,可以进一步基于此 CSS 文件进行修改。直到整体的设计符合视觉美感。 亦或是切换使用其它设计更规范的图标库,来避免这样的问题,例如 Material Design Icon,这是它的社区版清单。 |
看了一下你给的这个,看起来里面并没有github和steam图标。 |
社区版的 Material Design Icon 是包括有 Github 和 Steam 图标的,可以使用 https://materialdesignicons.com/ 进行搜索(加载略慢)。 官方版本倒是没有包含。
为了减少破坏性改动,目前本项目应该还是基于 Font Awsome 5 进行开发,但缺少活跃的维护者,因此更新比较慢……请包涵。
当然,欢迎您的贡献!😀 目前暂无计划切换至其它图标库,您可以尝试修改 SCSS 文件,来修复对齐的问题! |
我会尝试一下,因为属于业余爱好者 |
…k, social) Fix: 1. Make babel and eslint work better. 2. No longer show Algolia elements when site not ready. 3. Prevent body from scrolling when open algolia search. 4. Init toc before site fully loaded. Chore: 1. Update and remove useless deps. 2. More `const` ! Style: 1. Improve algolia dark mode style sheet. 2. Fix social icon align (#301). 3. Add background color for article in light mode. 4. Improve social display in mobile mode.
🛎️ One-click translation by Google. [中文更新内容](#305 ## Merge PR Merged #268 and #300. ## Feature - Added **Dark mode** support, and can be switched by the button at \<header \/\>. Regarding the mode switch button, considering that the user is less likely to use it after use, it is put together with the link back to the home page and disappears after scrolling. In the future, you can put the same less frequently used search button or other helpful things here. - Add **MathJax mathematical formula** support, and update related documents (#266). - Added **Mermaid chart** support (#186). - Add support for the personal information `sticky` of the homepage to scroll with the page (#202). -Now you can set the category information of the corresponding article to be displayed on the homepage and article page (#188). - It is now possible to hide the catalog of specific articles (#244). ## Change - Adapt to Dark mode, adjust the spacing of text `padding`. - For mobile, when scrolling to the top part of the page, add a dark background to the \<header \/\> part. Helps to avoid buttons being disturbed by page title information. - The critical point of page scroll switching is selected as the junction of the header image and \<container \/\>. ## Optimization - Add a fade-in and fade-out animation effect to the floating button. - Add more configuration content for the timeliness of `outdated_threshold` articles. And keep the style sheet design consistent with the quote block part of the article. - Add support for Hexo's `comments` property to the article. When set to `false`, the comment plugin will not be displayed for the article. - When setting the post `sticky` property, the sticky icon will also be displayed. - The Toc of the article page will be ready sooner. - Optimize the configuration of Babel and Eslint. ## Fix - When Algolia is enabled, the unprocessed icon content will no longer be displayed when the page has not been loaded. - When opening the Algolia search interface, prevent page scrolling. - Fix the alignment of social icon including Steam icon (#301). ## Chore - Fixed the code format and indentation of all `.ejs` files in the `layout` directory. - Use `const` instead of unnecessary `let` in the script file to make the code look more clever. - Unify most of the CDN links as `cdn.jsdelivr.net`. - Update third-party dependency packages including jQuery to fix compatibility issues; remove unnecessary or deprecated dependencies. - Update the warehouse documentation and secondary development documentation. ## Known issues In dark mode, when switching or refreshing the page, due to the reload of the `layout.ejs` file, the component \<div class="contain" \/\> will cause a short white screen. The expected situation is that in Dark mode, set its background color to dark before loading (such as \#121212)
…k, social) Fix: 1. Make babel and eslint work better. 2. No longer show Algolia elements when site not ready. 3. Prevent body from scrolling when open algolia search. 4. Init toc before site fully loaded. Chore: 1. Update and remove useless deps. 2. More `const` ! Style: 1. Improve algolia dark mode style sheet. 2. Fix social icon align (fi3ework#301). 3. Add background color for article in light mode. 4. Improve social display in mobile mode.
🛎️ One-click translation by Google. [中文更新内容](fi3ework#305 ## Merge PR Merged fi3ework#268 and fi3ework#300. ## Feature - Added **Dark mode** support, and can be switched by the button at \<header \/\>. Regarding the mode switch button, considering that the user is less likely to use it after use, it is put together with the link back to the home page and disappears after scrolling. In the future, you can put the same less frequently used search button or other helpful things here. - Add **MathJax mathematical formula** support, and update related documents (fi3ework#266). - Added **Mermaid chart** support (fi3ework#186). - Add support for the personal information `sticky` of the homepage to scroll with the page (fi3ework#202). -Now you can set the category information of the corresponding article to be displayed on the homepage and article page (fi3ework#188). - It is now possible to hide the catalog of specific articles (fi3ework#244). ## Change - Adapt to Dark mode, adjust the spacing of text `padding`. - For mobile, when scrolling to the top part of the page, add a dark background to the \<header \/\> part. Helps to avoid buttons being disturbed by page title information. - The critical point of page scroll switching is selected as the junction of the header image and \<container \/\>. ## Optimization - Add a fade-in and fade-out animation effect to the floating button. - Add more configuration content for the timeliness of `outdated_threshold` articles. And keep the style sheet design consistent with the quote block part of the article. - Add support for Hexo's `comments` property to the article. When set to `false`, the comment plugin will not be displayed for the article. - When setting the post `sticky` property, the sticky icon will also be displayed. - The Toc of the article page will be ready sooner. - Optimize the configuration of Babel and Eslint. ## Fix - When Algolia is enabled, the unprocessed icon content will no longer be displayed when the page has not been loaded. - When opening the Algolia search interface, prevent page scrolling. - Fix the alignment of social icon including Steam icon (fi3ework#301). ## Chore - Fixed the code format and indentation of all `.ejs` files in the `layout` directory. - Use `const` instead of unnecessary `let` in the script file to make the code look more clever. - Unify most of the CDN links as `cdn.jsdelivr.net`. - Update third-party dependency packages including jQuery to fix compatibility issues; remove unnecessary or deprecated dependencies. - Update the warehouse documentation and secondary development documentation. ## Known issues In dark mode, when switching or refreshing the page, due to the reload of the `layout.ejs` file, the component \<div class="contain" \/\> will cause a short white screen. The expected situation is that in Dark mode, set its background color to dark before loading (such as \#121212)
「描述遇到的问题」或「发现的 bug」(Describe the problem or bug you encounter)
你是否已经阅读过以下内容,并确认你的行为是正确的,在
[ ]
中填入x
选中(Ensure that you had consulted followings and confirm the validity of your operation, fillx
in[ ]
to select)如何复现(To Reproduce)
存在问题或 bug 的已部署上线的页面地址(A deployed page link that with bug or problem)
![image](https://user-images.githubusercontent.com/7042766/121491123-402a5f80-ca08-11eb-9ad2-8588bd1ccaa7.png)
https://ted423.github.io/
如果可能是与 markdown 内容相关的问题或 bug,请粘贴对应的 markdown 内容(If the problem or bug that may be related to markdown, paste it here)
打开控制台,填写控制台中打印的主题的版本,如果脚本出错可直接提供控制台截图(Open the console and report the version of hexo-theme-archer. You can paste the screenshot on console directly if there is error with script)
🎯 hexo-theme-archer ⬇️
main.js:3190 🏷 Version: 1.6.1
main.js:3191 📅 Version date: 20210204
信息 (please complete the following information):
其他信息(Additional context)
The text was updated successfully, but these errors were encountered: