The DIY self-hosted LinkTree alternative. LittleLink has more than 100 branded button styles you can easily use, with more regularly added by our community in this repo and in LittleLink Extended.
(注:我不会直接翻译英文内容,而是自己的体验,描述一下)
LittleLink类似LinkTree,但免费且更灵活。
LittleLink offers both light
and dark
themes right out of the box. If the default color schemes don't match your preference, you can easily customize them by updating the values in skeleton-light.css
or skeleton-dark.css
. For those who prefer an automatic adjustment, setting your CSS to skeleton-auto.css
enables the theme to adapt based on the device's system settings. To enhance visual accessibility in both light
and dark
modes, buttons lacking sufficient contrast with the background are outlined with an inverse stroke to ensure visibility. While LittleLink emphasizes accessibility, it's important to acknowledge that not all brands incorporated into LittleLink achieve this standard. Branded buttons that come into LittleLink always retain the original essence of the brand and some branded buttons might fall short of optimal accessibility in terms of contrast.
LittleLink epitomizes simplicity and minimalism. When evaluating the LittleLink sample page (which mirrors a typical LittleLink setup for an individual) through tools such as Google PageSpeed Insights, showcases LittleLink's excellence with 100/100 in Performance, Accessibility, Best Practices, and SEO. My initial vision for LittleLink was to craft it from the fundamentals. I chose Skeleton as the foundation, enabling me to create something minimal and quick, removing the unnecessary bloat you would get from using a large framework for a page that requires nothing more than simplicity.
No need for gulp, npm, or anything else to make LittleLink work—it uses the bare essentials. You can automatically fork and deploy LittleLink with Vercel, Netlify, or Amplify using the button below. LittleLink is also easy to host through GitHub Pages or on your home lab server, CDN, or other frontend hosting services. To edit, all you need is a little basic HTML knowledge to add a link to the exisiting buttons or you can create your own. See our adding custom buttons to your own fork wiki. It's simple, promise. 🤞
Please reference the submitting a new brand to LittleLink wiki before opening a PR.
Looking for more niche services to add to your copy of LittleLink? Check out LittleLink Extended. Users can add more niche services to this repository to help keep the core LittleLink repository less cluttered and more focused on delivering branded experiences for the majority of users.
Duplicate the LittleLink Template on Figma Community to help plan out and design your LittleLink page.
你可以考虑使用Docker,但如果你知道Nginx的基础配置,使用Docker多此一举。
如果使用Docker,推荐将LittleLink文件夹映射到外部,并考虑使用Repo进行版本控制。Drew将LittleLink封装为Docker内的/usr/share/nginx/html/, 推荐使用“-v :/usr/share/nginx/html/”,例如“-v /home/caoe/littelink:/usr/share/nginx/html/”.
• Drew is building a super simple Docker implementation of LittleLink.
Tim提供另一个思路,通过环境变量,配置想要的LittleLink按钮。而所有的环境变量,通过Docker Compose来维护。 但我个人不喜欢这种方式,我更喜欢自己修改html文件,所以没有尝试。
• Techno Tim is building LittleLink-Server. Check out his video!
• Khashayar is building LittleLink Admin which lets you host your own admin portal to manage LittleLink!
• Julian is building LittleLink Custom which approaches the admin portal with an easy-to-use "plug-and-play" mentality!
You can support LittleLink by buying me a coffee. You can also have your name or your company added to this section and the supporters page of the LittleLink.io website.
To help build a more privacy focused product, we recommend using Fathom Analytics*. View our Fathom analytics dashboard**.