forecho / castalia

不只是设计师的灵感源泉。精选国内外优质网站,让每个人都能找到自己需要的资源。

Home Page:https://afterwork-design.github.io/castalia/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

不只是设计师的灵感源泉。精选国内外优质网站,让每个人都能找到自己需要的网站。

本地运行

首先需要安装 node.js,建议 14.18.0 版本。

1、克隆仓库 2、安装依赖:npm install 3、运行:npm run dev

添加资源

目前网站上的资源都采用 json 文件数据进行配置。

Pull Request 方式

做任何修改前,请先 fork 一份代码到自己的账号下,然后对自己的仓库文件进行修改,修改后提交 pull request

打开 src/server/resource.json 文件,这个文件的内容结构如下:

[
    {
        "name": "分类一名称",
        // 图片路径,图片都放在 public 文件夹下
        "icon": "./images/menu/icon.svg",
        "site": [
            {
                "name": "资源一名称",
                "description": "资源描述",
                // 资源url
                "url": "https://www.baidu.com",
                // 资源图片,图片放在 public 文件夹下
                "image": "./avatar.svg"
            }
            ...
        ]
    },
    ...
]

例如,添加 Icon 分类,Icon 分类下有 IconFontIconPark 两个资源。在源文件 src/server/resource.json 的基础上,添加内容:

[
    ...

    {
        "name": "Icon",
        "icon": "./images/menu/icon.svg",
        "site": [
            {
                "name": "IconFont",
                "description": "IconFont 的描述",
                "url": "https://www.iconfont.cn/",
                "image": "./iconfont.svg"
            },
            {
                "name": "IconPark",
                "description": "IconPark 的描述",
                "url": "https://iconpark.oceanengine.com/home",
                "image": "./iconpark.svg"
            }
        ]
    }
]

其他方式

提交 issue,详细说明需求,然后由负责人去处理 issue。

About

不只是设计师的灵感源泉。精选国内外优质网站,让每个人都能找到自己需要的资源。

https://afterwork-design.github.io/castalia/

License:MIT License


Languages

Language:TypeScript 97.8%Language:JavaScript 1.4%Language:CSS 0.8%