search

vuepress-reco / vuepress-theme-reco

🎨 This is the repo for vuepress-theme-reco 2.
https://vuepress-theme-reco.recoluan.com
MIT License
575 stars 183 forks source link

关于首页blog模块个人名片社交icon的设置 #137

Closed Undertone0809 closed 1 year ago

Undertone0809 commented 1 year ago

Question & Description

I would like to add blog module in home page. Adding my github and gitee icon to personal card. I add frontmatter following the tutorial but Xions website can not open. So I don't know how to set the icon.

image

My code as following but nothing happen.

image

image

Additional context

The document will looks better if some detail demo can be added.

Undertone0809 commented 1 year ago

I have solve the problem. At first, I can not open the xicons website because of Internet. After some tries I enter the website and copy the icon name. But I don't know how to write yaml because the tutorial has no demo. So the only thing is seeing the source code. I know how to write it when I see /src/client/componenets/Blog.vue .

blog:
  socialLinks:
    - { icon: Github, link: 'http://www.baidu.com' }
    - { icon: BrandGithub, link: 'http://www.baidu.com' }
Undertone0809 commented 1 year ago

I have solve the problem. At first, I can not open the xicons website because of Internet. After some tries I enter the website and copy the icon name. But I don't know how to write yaml because the tutorial has no demo. So the only thing is seeing the source code. I know how to write it when I see /src/client/componenets/Blog.vue .

blog:
  socialLinks:
    - { icon: Github, link: 'http://www.baidu.com' }
    - { icon: BrandGithub, link: 'http://www.baidu.com' }

My result are as follows. image