Comments (7)
@karampok
Are you talking about Share buttons?
from minimo.
You can use something like this anywhere in the template: https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}
from minimo.
@HorribleGeek yes I am talking about share buttons
@MunifTanjim I will try to see how it looks
thx
from minimo.
@karampok use svg and link it to permalink.. Like @MunifTanjim showed above.
It will look cool!
from minimo.
I have to admit I am not familiar with the field.
Could you provide me a snippet of how the svg entry will look like, and which file should I place it?
Thanks!
from minimo.
@karampok i would have showed a live example but i switched my theme.
Anyways here is a quick code that i wrote
<!DOCTYPE html>
<html>
<body><svg class='icon' viewbox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' aria-hidden='true'>
<a href="https://gw.coregossip.com"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></a></svg>
</body>
</html>
The path d defines the image, for this example it is facebooks svg and it links to my site. You can use what @MunifTanjim showed above.
Just replace the link. For time being you create a file named xyz.html in your local system, paste this code and test it out!
You will find svg code for most of social images in minimo theme itself.
For a quick note: svg stands for scalable vector graphics, that means.it doesnt matter if you look at the image on a 4k screen or a mobile device, the quality will be se and size minimal.
Give me your repo link and i will implemet this feature with a pull request.
Things to do-
Get the svg code for social share you want to implement.
Find the link... For specific shares, facebooks example is shown above by @MunifTanjim
Implement in your html for site.
Test it!
Tip: dont forget to add and
from minimo.
Further discussion can be held on Hugo Discussion Forum
from minimo.
Related Issues (20)
- Author information page HOT 2
- Adding mathjax support for every post in config.toml
- ceph/crushmap%E5%AE%9E%E8%B7%B5/
- Social menu not displayed in Chrome v87 HOT 3
- Error: Cannot find module 'algoliasearch' HOT 2
- Thee does not work with latest hugo version. HOT 11
- Sidebar support multiple "Taxonomy Cloud Widget" HOT 3
- Need recent guide on staticman enablement
- question: CSS vendor prefixes HOT 1
- Add some documentation for the archive template HOT 1
- Should I add TikzJax Support?
- documentation for extra in header or footer HOT 1
- Blackfriday
- support/feat: Insert image without using cover HOT 2
- relative URLs to CSS, JS and logo broken since hugo post v0.100.2 HOT 1
- tags page in side bar menu? HOT 3
- favicon does not appear HOT 2
- HTML code generated for Search is incorrect (using Fuse does not work). HOT 2
- home page content HOT 1
- Text is automatically converted to emoji HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from minimo.