Chic主题 | YuanLiChenAi

YuanLiChenAi commented 4 years ago

https://yuanlichenai.cn/2020/02/02/chic/

Yannis175 commented 4 years ago

��你好我想知道如何修改category和about的那两个页面！！！！我刚刚觉悟了如何添加tag

YuanLiChenAi commented 4 years ago

��你好我想知道如何修改category和about的那两个页面！！！！我刚刚觉悟了如何添加tag

hexo new page about

编辑source/about/index.md文件

category同理

yuanoes commented 4 years ago

你好，我是小白白，我想问问怎么在上面新建一个CTF的页面啊，谢谢大大大佬

YuanLiChenAi commented 4 years ago

你好，我是小白白，我想问问怎么在上面新建一个CTF的页面啊，谢谢大大大佬

TIM截图20200417145912

yuanoes commented 4 years ago

感谢

0xo7 commented 2 years ago

大佬请问全部展开还有回到顶部前往顶部咋设置成中文呀，还有为啥我的全部展开没有作用呀

YuanLiChenAi commented 2 years ago

@AYuxy 大佬请问全部展开还有回到顶部前往顶部咋设置成中文呀，还有为啥我的全部展开没有作用呀 https://yuanlichenai.cn/2020/02/02/chic/#%E8%8B%B1%E6%96%87%E8%BD%AC%E4%B8%AD%E6%96%87

Seperendity commented 2 years ago

感谢您的教程！请问访客量和访客人数那，您是怎么换成图的形式的呢，感觉图更简洁，想学习一下。

YuanLiChenAi commented 2 years ago

@Seperendity 感谢您的教程！请问访客量和访客人数那，您是怎么换成图的形式的呢，感觉图更简洁，想学习一下。

阿里云矢量图标 https://yuanlichenai.cn/2020/02/02/chic/#%E8%87%AA%E5%AE%9A%E4%B9%89%E9%A6%96%E9%A1%B5%E9%93%BE%E6%8E%A5%E5%9B%BE%E6%A0%87

Seperendity commented 2 years ago

代码中访问量和访问人数那写的都是中文，我需要修改那一块代码让它显示图片吗？还有文中“直接在主题_config.yml中添加内容即可”这是指添加什么内容呢，没有明白这里下载的图片是怎么对应到我想让让显示的位置的。

------------------ 原始邮件 ------------------ 发件人: "YuanLiChenAi/Gitalk" @.>; 发送时间: 2022年4月28日(星期四) 中午1:53 @.>; @.**@.>; 主题: Re: [YuanLiChenAi/Gitalk] Chic主题 | YuanLiChenAi (#106)

@Seperendity 感谢您的教程！请问访客量和访客人数那，您是怎么换成图的形式的呢，感觉图更简洁，想学习一下。

阿里云矢量图标 https://yuanlichenai.cn/2020/02/02/chic/#%E8%87%AA%E5%AE%9A%E4%B9%89%E9%A6%96%E9%A1%B5%E9%93%BE%E6%8E%A5%E5%9B%BE%E6%A0%87

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

YuanLiChenAi commented 2 years ago

@Seperendity 源码自己看吧

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<% if (theme.visit_counter.site_uv) { %>
<span class="site-uv">
<i class="iconfont icon-fangkeshu %>"></i>
<i class="busuanzi-value" id="busuanzi_value_site_uv"></i>
</span>&nbsp;
<% } %>
<% if (theme.visit_counter.site_pv) { %>
<span class="site-pv">
<i class="iconfont icon-ai-eye %>"></i>
<i class="busuanzi-value" id="busuanzi_value_site_pv"></i>
</span>
<% } %>

Seperendity commented 2 years ago

感谢作者，我去试试。

------------------ 原始邮件 ------------------ 发件人: "YuanLiChenAi/Gitalk" @.>; 发送时间: 2022年4月28日(星期四) 下午2:02 @.>; @.**@.>; 主题: Re: [YuanLiChenAi/Gitalk] Chic主题 | YuanLiChenAi (#106)

@Seperendity 源码自己看吧 <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script> <% if (theme.visit_counter.site_uv) { %> ">   <% } %> <% if (theme.visit_counter.site_pv) { %> "> <% } %>

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

YuanLiChenAi commented 2 years ago

@Seperendity

主题_config.yml引入的是首页头像下的连接图标，流量统计样式在site-visitor.ejs文件中，同理可将文章的全部展开、回到顶部等等替换成图标，只要找到对应的js文件即可

Seperendity commented 2 years ago

这下明白了，感谢您的耐心解答！

------------------ 原始邮件 ------------------ 发件人: "YuanLiChenAi/Gitalk" @.>; 发送时间: 2022年4月28日(星期四) 下午2:13 @.>; @.**@.>; 主题: Re: [YuanLiChenAi/Gitalk] Chic主题 | YuanLiChenAi (#106)

@Seperendity

主题_config.yml引入的是首页头像下的连接图标，流量统计样式在site-visitor.ejs文件中，同理可将文章的全部展开、回到顶部等等替换成图标，只要找到对应的js文件即可

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

Seperendity commented 2 years ago

我刚按照您博客上的教程，先将解压后将文件夹放在了themes\hexo-theme-Chic\source\fonts下，然后在themes\hexo-theme-Chic\source\css\style.styl中引入，按照您给的源码在site-visitor.ejs中修改了对应的类名，但是最终并没有生成图标，只显示了一个平行四边形。请问我这是不是漏了哪个步骤呢？

------------------ 原始邮件 ------------------ 发件人: "YuanLiChenAi/Gitalk" @.>; 发送时间: 2022年4月28日(星期四) 下午2:13 @.>; @.**@.>; 主题: Re: [YuanLiChenAi/Gitalk] Chic主题 | YuanLiChenAi (#106)

@Seperendity

主题_config.yml引入的是首页头像下的连接图标，流量统计样式在site-visitor.ejs文件中，同理可将文章的全部展开、回到顶部等等替换成图标，只要找到对应的js文件即可

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

Seperendity commented 2 years ago

详细修改如下：在style.styl 中加入了@import "../fonts/iconfont2/iconfont.css" 在site-visitor.ejs 中加入了">

YuanLiChenAi commented 2 years ago

详细修改如下：在style.styl 中加入了@import "../fonts/iconfont2/iconfont.css" 在site-visitor.ejs 中加入了">

">

Seperendity commented 2 years ago

成功了，谢谢博主！

UKMango commented 1 year ago

修改字体那一部分没听懂，就是字体放哪里才能被引用？

Camellia-2 commented 10 months ago

首先感谢您的无私分享

我的操作步骤

我首先把代码包解压缩后放在了此路径 /Chic/source/fonts 并重命名为 zidingyi
到路径 /Chic/source/css 下编辑了 style.styl 并曾加了 @import "../fonts/zidingyi/iconfont.css"
到路径 /Chic/layout/_page 下编辑了 profile.ejs 并曾加了 <link rel="stylesheet" href="../fonts/zidingyi/iconfont.css">
到路径 /Chic 下编辑了 _config.yml 在这里的 links: 项下曾加了对应的图标名,进入博客没有改变.
清理浏览器缓存,尝试 hexo clean 重新入博客依然没有改变
以为编辑 _config.yml 添加图标名时会有顺序问题,重新按照代码里的图标名排序依然不行
编辑 _config.yml 时确实会有缩进错误,会导致主页打不开,修正缩进后能正常进入但是图标始终不能显示
我怀疑是不是我在 www.iconfont.cn 下载的代码步骤不对?我会贴图上来,麻烦您帮我看下问题在哪

期待得到您的解答,最后祝您工作愉快!

YuanLiChenAi commented 10 months ago

首先感谢您的无私分享

我的操作步骤

我首先把代码包解压缩后放在了此路径 /Chic/source/fonts 并重命名为 zidingyi

到路径 /Chic/source/css 下编辑了 style.styl 并曾加了 @import "../fonts/zidingyi/iconfont.css"

到路径 /Chic/layout/_page 下编辑了 profile.ejs 并曾加了 <link rel="stylesheet" href="../fonts/zidingyi/iconfont.css">

到路径 /Chic 下编辑了 _config.yml 在这里的 links: 项下曾加了对应的图标名,进入博客没有改变.

清理浏览器缓存,尝试 hexo clean 重新入博客依然没有改变

以为编辑 _config.yml 添加图标名时会有顺序问题,重新按照代码里的图标名排序依然不行

编辑 _config.yml 时确实会有缩进错误,会导致主页打不开,修正缩进后能正常进入但是图标始终不能显示

我怀疑是不是我在 www.iconfont.cn 下载的代码步骤不对?我会贴图上来,麻烦您帮我看下问题在哪

期待得到您的解答,最后祝您工作愉快!

文件路径对应关系

YuanLiChenAi / Gitalk