在哪里上传你的文件🗄以便通过链接使用它们🔗(JS、CSS、字体、图像)
介绍
图片
字体
JavaScript
结束
介绍
本文是针对初学者的,我知道对于有经验的开发人员来说这个主题可能并不有趣,但对于初学者来说它可以有所帮助。
在项目开发过程中,我们经常使用图像、字体、CSS 和 JS 库。但通常情况下,我们会在本地使用它们,或者通过cdnJS或开发者网站的链接进行连接。
但是,如果您无法在本地使用这些文件(假设您创建了项目,CodePen
但没有专业版帐户),或者您有自己的文件custom CSS or JS library
,但由于未将其上传到任何地方而无法链接到它们,该怎么办?如果您有自定义字体,或者需要付费,并且下载方式不太好,该怎么办decent way
?
这里,有两项互联网服务可以提供帮助:GitHub和Pinterest。
那么让我们开始吧。
图片
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 input
production
development
4.您只需通过 将其粘贴到您的 css 文件中即可@import
。
JavaScript
这里我们采用的方法与 完全相同
fonts
。
1.我们只需将我们需要的文件上传到一个文件夹,然后上传到GitHub即可。
2.之后,我们进入我们爬取文件的GitHub仓库,打开我们的js文件的页面,Copy
将链接paste
放入GitHuck中。
结束
同志们,我决定写这篇文章主要是为了那些偶尔遇到类似问题的初学者,他们不知道使用什么服务将文件上传到那里并通过链接使用它们。
如果我早点遇到这样的文章,就能省去我费力寻找解决方案的时间和精力了。因为我身边没有熟人能提供这方面的建议。希望它能帮到你。回头见,朋友们。