theme-particlex / hexo-theme-particlex

A concise Hexo theme, based on Particle.
MIT License
395 stars 52 forks source link

头一次对一个主题这么上心,麻烦您了 #4

Closed LynxCatTheThird closed 1 year ago

LynxCatTheThird commented 2 years ago

关于 CSS 的几个问题:

  1. 如图,联系方式图标有亿点点多,都放不开了,怎么样把这个侧栏调宽? image
  2. 如图,谷歌字体加载不正常 image C:\Users\Administrator\hexo\home\themes\particlex\source\css\fonts.min.css内容: image C:\Users\Administrator\hexo\home\themes\particlex\source\css\particlex.css内容: image
argvchs commented 2 years ago
  1. 侧栏你放十个就整齐了,少放一点,其他写在about里面
  2. CSS里面怎么有HTML标签?把你fonts.min.css的内容放到layout.ejs里面。或者这样 image 用CSS3 import的方式导入,不用添加HTML,那么你的fonts.min.css应该是这样(没有<style>
    @import url('https://fonts.googleapis.com/css2?family=Edu+TAS+Beginner:wght@600&family=Ma+Shan+Zheng&display=swap');
LynxCatTheThird commented 2 years ago

还是不行[大哭] image

argvchs commented 2 years ago

?? import不行就直接用<link>标签(写在layout.ejs的<head>里):

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Edu+TAS+Beginner:wght@400..700&family=Ma+Shan+Zheng&display=swap">

particlex.css的字体要替换一下(不是test里的) 把"Poppins","Noto Sans SC",sans-serif替换成"Edu TAS Beginner","Ma Shan Zheng",cursive

还有主题的_config.yml要改一下,vf_fonts_enable设为false

LynxCatTheThird commented 2 years ago

还是不行(大哭) Screenshot_2022-08-10-22-00-20-86

korilin commented 2 years ago

侧边卡片宽度写死了 300px,如果希望增大这个卡片的宽度,可以在主题的 layout/card.ejs 下面修改这个宽度

argvchs commented 2 years ago

先 %%% stO @korilin Orz 但他好像在问字体a @LynxCatTheThird 你想,googleapis的网址,手机上当然打不开(当然你可以挂🪜) 用这个打包好的字体文件:font.zip 解压到 theme\particlex\source\css 文件夹,替换默认字体 如果你还要写代码,用这个:font.zip

leolyx54110 commented 2 years ago

@argvchs 大佬你发的这个字体包具体都有那些字体哦。wttf的字体预览不了。然后名称也是乱的

argvchs commented 2 years ago

~是 woff2 不是 wttf~ 字体就是 Edu TAS Beginner 和 Ma Shan Zheng woff2 是网络字体当然预览不了啊。。 名称乱了?我用的是 GoogleFonts 的 API,下载下来就是这样

argvchs commented 2 years ago

@LynxCatTheThird 或者你先重装主题?

删掉 themes/particlex 文件夹(把主题 config 移到其他地方),重新 Clone 主题,复制回原来的配置

不要放弃啊

leolyx54110 commented 2 years ago

@argvchs 好的。感谢

argvchs commented 2 years ago

@LynxCatTheThird 人呢??根据你页面修改的地方重写了一份 blog

image image

邀请:https://github.com/argvchs/lynxcatthethird/invitations 是私有库需要邀请才可以访问,注意 git 一定要设置用户名(here) 用以下命令 clone 下来即可

git clone git@github.com:argvchs/lynxcatthethird.git

或者你没有 SSH

git clone https://github.com/argvchs/lynxcatthethird.git

然后安装

cd lynxcatthethird
npm install

运行完之后会在你刚才运行的目录下生成 lynxcatthethird 文件夹,文件夹名称可以自行修改 注意要删掉里面的 .git 文件夹,默认隐藏了,要显示隐藏文件才能看到

应该要删吧,其实不删也可以??我不道啊

还有一个,就是你看站点的 _config.ymldeploy 部署参数链接我写的 HTTPS,如果有 SSH 可以改一下

如果你仔细看会发现一个 LICENSE 文件,其实用的是 Unlicense 协议。。。可以直接删除

然后就可以愉快的使用啦\~

LynxCatTheThird commented 1 year ago

张大夫妙手之死人复活 我回来了……

前段时间 C++ 占据了大多数编程时间, 都忘了还开着这个 issues 了 ,所以一直没回。最近由于需要重拾 Hexo ,这才发现这里还有个佬苦苦等着我。话说那个问题,已经解决了,方法是

rd /s /q C:\Users\LynxCatTheThird\web\person\themes\particlex\source\css\fonts
del /f /s /q C:\Users\LynxCatTheThird\web\person\themes\particlex\source\css\fonts.min.css

不用字体了,让您见笑了……

argvchs commented 1 year ago

额 好吧