cecil/links

Links是一个由Cecil、Tailwind CSS和Font Awesome驱动的Linktree克隆。

维护者

详细信息

github.com/Cecilapp/Links

源代码

问题

资助包维护！
ArnaudLigny
Open Collective

安装: 14

依赖: 0

建议: 0

安全性: 0

星级: 4

关注者: 1

分支: 1

开放问题: 1

语言：CSS

类型：项目

2.0.0 2024-02-07 15:02 UTC

Requires

MIT 357b4120a6cf4b9371dcee1a76d466c8d38d48ce

This package is auto-updated.

Last update: 2024-09-13 23:54:54 UTC

README

Links是一个由Cecil、Tailwind CSS和Font Awesome驱动的Linktree替代品。

Links website

演示：https://cecil-links-demo.netlify.app

安装

重要

需要PHP 8.1和Composer。

创建新的Links项目最简单的方法是使用Composer

composer create-project cecil/links --ask

用法

预览

您可以使用以下命令轻松在本地预览您的站点

php cecil.phar serve --open

提示

选项--open会自动在默认的Web浏览器中打开您的站点。

配置

在cecil.yml中定义站点配置和社交链接

title: <main title>
baseurl: <site URL, with a final backslash>
baseline: "<short description>" # optional, recommended
description: "<long description>" # optional, recommended
author: # used by metatags, optional
  name: <author name>
  url: <url>
social: # social links
  <name>: # twitter, github, linkedin, instagram, youtube
    url: <url>
avatar: avatar.png
metatags:
  favicon:
    image: avatar.png # optional, recommended
image: avatar.png # Open Graph image, optional, recommended
source: https://github.com/Cecilapp/Links # GitHub repository

提示

完整的Cecil文档在cecil.app上可用。

管理链接

编辑文件pages/index.md以

  1. 在front matter中添加链接
  2. 在body中的自由内容（可选）
---
links:
  - title: <title>
    url: <url>
    color: "<hexa_code>" # hexadecimal color code, optional (e.g. "#1DA1F2")
    icon: <style>:<name> # Font Awesome icon (https://fontawesome.com/icons), optional (e.g. "brands:github")
---
Content here.

发布

运行以下命令

php cecil.phar build

然后只需将_ site目录的内容部署到您的Web托管解决方案。

自定义颜色

主题

您可以通过文件tailwind.config.js更改主题颜色，然后重新构建CSS

npm install
npx tailwindcss -i ./assets/tailwind.css -o ./assets/styles.css

社交链接

默认情况下，仅支持以下社交提供者的颜色

Twitter、GitHub、LinkedIn、Instagram和YouTube。

更新

如果您想更新组件主题（即：fontawesome、pwa和netlity），您必须运行以下命令

composer update

许可证

Links是一个在MIT许可证下分发的免费软件。

© Arnaud Ligny