这样的社群连结可以使用在 GitHub 上的 README.md 或是 blog 上的相关 social media 页面,像是这样
实作
在想要插入 link 的地方贴上以下程式码
<!-- https://github.com/joechang0113/socialpage --><!-- display the social media buttons in your README -->[![alt text][1.1]][1][![alt text][2.1]][2][![alt text][3.1]][3][![alt text][4.1]][4][![alt text][5.1]][5][![alt text][6.1]][6]<!-- links to social media icons --><!-- no need to change these --><!-- icons with padding -->[1.1]: https://i.imgur.com/GmxhYO0.png (instagram icon with padding)[2.1]: https://i.imgur.com/oFsAcMx.png (facebook icon with padding)[3.1]: https://i.imgur.com/YCdR3o9.png (twitter icon with padding)[4.1]: https://i.imgur.com/AYLF0go.png (weibo icon with padding)[5.1]: https://i.imgur.com/5BWvIrF.png (github icon with padding)[6.1]: https://i.imgur.com/UA7Oh6z.png (medium icon with padding)<!-- links to your social media accounts --><!-- update these accordingly -->[1]: https://www.instagram.com/joechang0113[2]: http://www.facebook.com/joechang0113[3]: https://twitter.com/joechang0113[4]: http://weibo.com/7331813538/profile[5]: https://github.com/joechang0113[6]: https://medium.com/@joechang0113<!-- https://github.com/joechang0113/socialpage -->
不要怀疑,请全部贴上,虽然这个在你的 .md
上会佔据一定的版面,但是为了效果就让步吧!
这时候你的页面应该已经有这些社群连结的图案了
替换 social media links
将相关连结替换为自己的
[1]: https://www.instagram.com/yourID[2]: http://www.facebook.com/yourID[3]: https://twitter.com/yourID[4]: http://weibo.com/yourID/profile[5]: https://github.com/yourID[6]: https://medium.com/@yourID
将上述的 yourID
更改为自己的即可,如果不知道 name 也可以直接把对应的社群连结替换为您要跳转的页面,效果是一样的!
替换后再试试看点击这些 icon 就能成功连结到自己的 social media 啰!
注意事项,这个方法用在某些
.md
档案会出现只有跳转到图片网址的问题,实测 README.md 可以呈现,如果有朋友知道为什么或是怎么解决的也请多指教了!