在哪里上传你的文件🗄以便通过链接使用它们🔗(JS、CSS、字体、图像)简介图像字体Javascript结束

2025-06-07

在哪里上传你的文件🗄以便通过链接使用它们🔗(JS、CSS、字体、图像)

介绍

图片

字体

JavaScript

结束

介绍

本文是针对初学者的,我知道对于有经验的开发人员来说这个主题可能并不有趣,但对于初学者来说它可以有所帮助。

在项目开发过程中,我们经常使用图像、字体、CSS 和 JS 库。但通常情况下,我们会在本地使用它们,或者通过cdnJS或开发者网站的链接进行连接。

但是,如果您无法在本地使用这些文件(假设您创建了项目,CodePen但没有专业版帐户),或者您有自己的文件custom CSS or JS library,但由于未将其上传到任何地方而无法链接到它们,该怎么办?如果您有自定义字体,或者需要付费,并且下载方式不太好,该怎么办decent way
替代文本

这里,有两项互联网服务可以提供帮助:GitHubPinterest
替代文本

那么让我们开始吧。

图片

1.这里一切都很简单,我们在 Pinterest 注册并进入您的个人资料页面。在右下角,点击圆形按钮+,然后选择+ Create a Pin
替代文本

2.之后,你会看到一个你需要的页面upload your image,并给它命名(这不是必须的)。
替代文本

3.选择图像后,您需要将create a board保存到的文件夹upload your image
替代文本

之后,您可以将图像保存到您的帐户。

4.然后,在您的帐户页面上,打开您下载的文件并单击您的图像。
替代文本

5.结果,您的图像将打开到整个页面,您只需将其copy the link放入paste您的项目中即可。
替代文本

你可能会问,为什么要这么努力呢why not just upload the image to your social networks and that's it?但问题是,来自社交网络的链接已经很强大了not long-lasting,而且社交网络的链接crop the image quality力度更大。

字体

为了通过链接使用我们的字体,我们需要使用 GitHub 和GitHack。GitHuck
直接从各种源代码托管服务提供原始文件,并带有适当的 Content-Type 标头。

当然也有其他类似的服务,但是个人认为GitHuck更方便。

此外,除其他事项外,我们还create a css file需要link to our fonts

1.我们需要创建一个folder我们将在其中upload our fonts和一个css file我们简单地指定的位置paths to our fonts
替代文本
替代文本

2.接下来,我们将所有这些上传到GitHub(最好创建一个separate存储库)和go to the page of our css file(我称之为fontLinks.css)和copy the link from this page
替代文本

3.我们进入GitHackinsert the link网站。底部会提供一个和 的处理过的链接(您可以选择其中一个)。upper inputproductiondevelopment
替代文本

4.您只需通过 将其粘贴到您的 css 文件中即可@import
替代文本

就这样
替代文本

JavaScript

这里我们采用的方法与 完全相同fonts

1.我们只需将我们需要的文件上传到一个文件夹,然后上传到GitHub即可。
替代文本

2.之后,我们进入我们爬取文件的GitHub仓库,打开我们的js文件的页面,
Copy将链接paste放入GitHuck中。
替代文本

就这样
替代文本

结束

同志们,我决定写这篇文章主要是为了那些偶尔遇到类似问题的初学者,他们不知道使用什么服务将文件上传到那里并通过链接使用它们。

如果我早点遇到这样的文章,就能省去我费力寻找解决方案的时间和精力了。因为我身边没有熟人能提供这方面的建议。希望它能帮到你。回头见,朋友们。
替代文本

文章来源:https://dev.to/kerthin/where-to-upload-your-files-to-use-them-via-the-link-js-css-fonts-images-40ng
PREV
自由开发者寻找客户的 5 个技巧
NEXT
JavaScript 内存泄漏入门指南