A GitHub pages layout to show your links and make it easy to copy them for social sharing
See it in action at https://codepo8.github.io/linkshare/
-
Rename the title in the
index.mddocument to your title. -
The
_linksfolder contains all links that will be shown here. If you want a new category, create a new file copying the template or one of the others. Links need to be lists in markdown format. You also need to change the settings on the top:
titleis the title that will be added to the head of the document and show up in the browser tabnameis the name of the link to the collection of links in the index pagepermalinkis the name of the file that will get generated (this is to avoid having /repo/links/link.html URLs)
Leave the template setting as is.
To remove a category, delete the file.
By default, the copied content will be in the following format when you click the copy button:
👉🏼 „Chris Heilmann's Blog”
🔗 https://christianheilmann.com
💬 Lots of web development news since 2005!
If you want to change this, edit the sharetemplate.html file in the _includes folder.
$LINKTEXTwill get replaced with the text inside the link$URLwill get replaced with the URL$TEXTwill get replaced with the text following the link in your lists
You can do this by editing the styles.css file for all the layout bits. All the colours for dark and light mode are defined in dark-theme.css and light-theme.css.
To host linkshare yourself, fork it and set up GitHub Pages for the repo.
Pull requests and issues welcome!
