Package Exports
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@magicx/assets) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Lobe Assets
🤯 Logos
![]() |
|||
|---|---|---|---|
| Logo 3D | Logo Flat | Logo High Contrast | Logo Text |
| webp | svg | svg | svg |
💞 Favicons
![]()
This package was generated with RealFaviconGenerator v0.16
Insert the following code in the head section of your pages:
<link rel="apple-touch-icon" sizes="180x180" href="https://npm.elemecdn.com/@lobehub/assets/favicons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="https://npm.elemecdn.com/@lobehub/assets/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="https://npm.elemecdn.com/@lobehub/assets/favicons/favicon-16x16.png" />
<link rel="manifest" href="https://npm.elemecdn.com/@lobehub/assets/favicons/site.webmanifest" />
<link rel="mask-icon" href="https://npm.elemecdn.com/@lobehub/assets/favicons/safari-pinned-tab.svg" color="#000000" />
<meta name="apple-mobile-web-app-title" content="LobeHub" />
<meta name="application-name" content="LobeHub" />
<meta name="msapplication-TileColor" content="#000000" />
<meta name="theme-color" content="#000000" />Optional - Check your favicon with the favicon checker
🔤 Webfonts
https://npm.elemecdn.com/@lobehub/assets/webfonts/css/hack-nerd-font-mono.csshttps://npm.elemecdn.com/@lobehub/assets/webfonts/css/harmonyos_sans.csshttps://npm.elemecdn.com/@lobehub/assets/webfonts/css/harmonyos_sans_sc.cssFile tree
css/···································(样式表目录)
├── hack-nerd-font-mono.css············(Hack Nerd Font Mono 字体样式表)
├── harmonyos-sans.css·················(HarmonyOS Sans 字体样式表)
├── harmonyos-sans-sc.css··············(HarmonyOS Sans SC 字体样式表)
fonts/·································(字体目录)
├── Nerdfont···························(Nerd Font 字体目录)
├── HarmonyOS_Sans·····················(HarmonyOS Sans 字体目录)
├── HarmonyOS_Sans_Italic··············(HarmonyOS Sans 字体目录)
└── HarmonyOS_Sans_SC··················(HarmonyOS Sans SC 字体目录)Font style:
HarmonyOS_Sans_*/······················(字体目录)
├── *_Black.*··························(字重 900 的粗体)
├── *_Bold.*···························(字重 700 的粗体)
├── *_Light.*··························(字重 300 的细体)
├── *_Medium.*·························(字重 500 的标准体)
├── *_Regular.*························(字重 400 的标准体)
├── *_Thin.*···························(字重 100 的细体)
├── *.eot······························(支持 IE6-IE8、IE9+ 兼容模式的字体格式)
├── *.svg······························(支持旧版 iOS 的字体格式)
├── *.ttf······························(支持 Safari、Android、iOS 的字体格式)
├── *.woff·····························(支持现代浏览器的字体格式)
└── *.woff2····························(支持高版本现代浏览器的字体格式)⌨️ Local Development
You can use Gitpod for online development:
Or clone it for local development:
$ git clone https://github.com/lobehub/lobe-assets.git
$ cd lobe-assets
$ pnpm install
$ pnpm start🤝 Contributing
🔗 Credits
- real-fav-icon: https://realfavicongenerator.net/
- harmonyos-fonts: https://github.com/IKKI2000/harmonyos-fonts