https://github.com/wajahatkarim3/hugolinkify

Craft stunning link previews effortlessly with HugoLinkify, the ultimate Hugo-inspired link card generator for web developers.
https://github.com/wajahatkarim3/hugolinkify

hugo hugo-site kotlin-js kotlin-wasm shortcode

Last synced: 2 months ago
JSON representation

Craft stunning link previews effortlessly with HugoLinkify, the ultimate Hugo-inspired link card generator for web developers.

• Host: GitHub
• URL: https://github.com/wajahatkarim3/hugolinkify
• Owner: wajahatkarim3
• Created: 2024-02-05T17:57:04.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-07T18:04:10.000Z (over 2 years ago)
• Last Synced: 2025-10-30T14:43:51.583Z (8 months ago)
• Topics: hugo, hugo-site, kotlin-js, kotlin-wasm, shortcode
• Language: Kotlin
• Homepage: https://wajahatkarim3.github.io/HugoLinkify/
• Size: 4.32 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Hugo Linkify

Medium like Link Previews in Hugo Sites






    

    

        

    

    

    

        

    

    

        

    





  Built with ❤︎ by

  Wajahat Karim and

  

    contributors

  











## How to Use

Check the website https://wajahatkarim3.github.io/HugoLinkify/

![](https://github.com/wajahatkarim3/HugoLinkify/blob/main/screenshots/demo.png)







# Why?

I wanted to add links in my Hugo website as a preview card seen in Medium.com articles. Since my website is developed in Hugo, so I created a Shortcode to render the links. But I had to manually put the meta data of any URL such as Title, Description, Thumbnail Image URL etc. This was too boring and time consuming, so I created this tool Hugo Linkify, which lets you create the Shortcode template code from any URL. All you have to do is copy the result code and paste it in your Hugo sites and enjoy the Medium like cards in your site.

## 👨 Developed By



  



**Wajahat Karim**

[![Twitter](https://img.shields.io/badge/-twitter-grey?logo=twitter)](https://twitter.com/WajahatKarim)

[![Web](https://img.shields.io/badge/-web-grey?logo=appveyor)](https://wajahatkarim.com/)

[![Medium](https://img.shields.io/badge/-medium-grey?logo=medium)](https://medium.com/@wajahatkarim3)

[![Linkedin](https://img.shields.io/badge/-linkedin-grey?logo=linkedin)](https://www.linkedin.com/in/wajahatkarim/)




## 👍 How to Contribute

1. Fork it

2. Create your feature branch (git checkout -b my-new-feature)

3. Commit your changes (git commit -am 'Add some feature')

4. Push to the branch (git push origin my-new-feature)

5. Create new Pull Request




## 📃 License

    Copyright 2024 Wajahat Karim

    Licensed under the Apache License, Version 2.0 (the "License");

    you may not use this file except in compliance with the License.

    You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software

    distributed under the License is distributed on an "AS IS" BASIS,

    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

    See the License for the specific language governing permissions and

    limitations under the License.