为 README 增添 Social Page Link

alt text alt text alt text alt text alt text alt text

这样的社群连结可以使用在 GitHub 上的 README.md 或是 blog 上的相关 social media 页面,像是这样

Image

实作

在想要插入 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 上会佔据一定的版面,但是为了效果就让步吧!

这时候你的页面应该已经有这些社群连结的图案了

alt text alt text alt text alt text alt text alt text

替换 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 可以呈现,如果有朋友知道为什么或是怎么解决的也请多指教了!


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章