How to Publish Css Framework? | SoloLearn: Learn to code for FREE!

+18

How to Publish Css Framework?

I saw that so many people make CSS frameworks here... I made code on Sololearn. (Web). I registered in Github. What to do now? Help me please. There is a Some kind of repository. I don't know what it is.

5/17/2021 1:06:58 PM

Mister Delphine! (Ýąqůb New)

21 Answers

New Answer

+9

In github commit is similar to save One you have uploaded all yours files etc go to that file click the raw button on top It will open the file in a new tab copy the url of that tab Now you have to host your files via a cdn I mostly use jsdelivr For that Use this syntax Note: many say repository as repo and pull request as pr https://csn.jsdelivr.net/gh/<yourGitHubUserName>/<youRepoName>/<anyFolder>/<anyOtherFolderMaybe>/<yourFileName> An example would be https://cdn.jsdelivr.net/gh/arnav-kr/Shikijs/dist/V1.2.1/shikiHighlighter.min.js if you wanna take a look at my repo you can visit my profile https://github.com/arnav-kr/

+8

https://<DelphinYaqub12>.gitHub.io/Delphinarium.css

+7

I made it all with github no js deliver But Arnav Kumar [📕Schools📚] is it possible to upload my work on js delver

+7

I understand all! 😉 Thank you, friends! Shreyansh 💞 <;-;> Arnav Kumar [📕Schools📚] Ambica Maharani{Mac}

+5

Mister Delphine! Cdn links seems professional

+5

Ambica Maharani{Mac} Js delivr os for hosting files that are on GitHub and npm So you can use one of method

+4

For professional stuff... You need some kind of js plugin.. But if not.. then first push it to any GitHub repo and then simply publish it with GitHub pages and then use the link https://<githubusername>.GitHub.io/file_name.css It's a really bad way but it works And deploying it to GitHub pages will give you nice looking url instead of ugly random numbees

+4

Repository are like projects Make a repository named your css framework Add a readme so that people can understand what's that for Add you css files there It would be good if you make a folder named "dist" means distribution And make another folders like "v1.0.0", v2.0.0" according to version of you library or framework Put you .css file and min.css file in the folder Optionally you can set-up GitHub pages for Documentation of your site Just add a index.html file in the root of repository And go to repository settings and in GitHub pages section select you root folder and save the settings you will see a message that your site is hosted at <yourGithubUsername>.github.io/<yourRepositoryName>/ Adding files to the repository is very simple there will be a there will be a Menu to make files you can create or upload files there To make folders in the name of file use "/" Like naming your file as "cat/dog.txt" and commiting it will create a file named dog.txt inside a folder cat More next comment.

+4

Mister Delphine! Keep you repo name good As my Library is shikiHilighter.js So i names my repo as "shikijs" don't add < and > they were just for illustration 😅

+4

Arnav Kumar [📕Schools📚] ohok

+4

Welcome Mister Delphine!

+3

Mister Delphine! Nope https://DelphinYaqub12.github.io/Delphinarium/Delphinarium.css But first you need to deploy it.. go to repo settings.. you'll find an option of "Deploy with GitHub pages" just enable that and it will be ready within 2 mins Or... you can use jsdelivr like Arnav Kumar [📕Schools📚] said https://cdn.jsdelivr.net/gh/DelphinYaqub12/Delphinarium/Delphinarium.css This link would definitely work The first way I only use because it url look nicer

+3

https://cdn.jsdelivr.net/gh/DelphinYaqub12/Delphinarium/Delphinarium.css

+3

I made the link finnaly

+3

But it is not working still

+3

https://code.sololearn.com/Wat4mSogh8pK/?ref=app It is working

+2

Make github repository, upload your code and copy link

+2

+2

Programmer 🇵 🇰 👑 Did I have a split personality? 😂

+1

Mister Delphine! Who are you?