首页 > 论坛 > 查看帖子

个站新功能:友情链接草稿

发布日期: 2018-07-01 13:19
新功能名称:『小红帽友链』

是一个友情链接功能,在个站上设置了友情链接,不只是在个站上展示哦!

效果图的链接放在了另一个帖子里,下面有



下周我会做api,那样你就可以在自己的博客上,直接显示个站上设置的友链了!我会设计好嵌入的代码,提供给你。

好处是方便,不用自己写友链的代码,只需要在个站上选择你的感兴趣的网站,按一个按钮即可!动态更新你的博客友链页。

以后开发好,还可以在友链上显示有文章更新的小红点哦!那样你博客的友链就很强大了,很个性!

<( ̄︶ ̄)>

如何设置个站上的友链?去你感兴趣的网站页,发现一个按钮叫:添加他的友情链接

这个,大家有什么建议吗?

--------------使用较为详细的教程:----------------

不好意思,因为发布仓促,所以没来得及写教程,这里也暂时临时写一下,后面会专门地发布一个商品:

【原理】
大致的原理其实很简单,嵌入了我的代码后,前端会发送一个api请求到【个站商店】,个站商店会根据你的域名来源,自动判断你的友情链接数据库,然后返回这些数据给你的博客。这个是跨域进行的api请求。最后你们前端拿到数据后,渲染模板,输出友链列表的html

这段代码,是引入常用库,jquery和bootstrap



这段代码就是ajax请求api了



这段代码是拿到数据后,渲染前端模板用的



效果图和下载链接:




http://storeweb.cn/forum/one/52

--------------------------这里是教程-------------------------:

以Typecho为例,去你的友链页面,编辑:



可以编辑html代码的地方,是个编辑器:



插入【个站友链代码】,然后保存

以上,初步就完成了。

不过不会那么顺利,因为Typecho会把一些html代码格式化,注入一些< pre>< code>之类的标签,使代码失效。
这里就要大家排查下了,一般去掉多余的换行和空格可以解决。如果你的Typecho v1.1版本,还有个更简单的处理办法:

!!!
< jw params="forgot">
!!!

typecho 1.1的参考(本人没试过@ω@):
https://get233.com/archives/output-raw-html-in-typecho-dev.html

留言区 发表评论

十一
2018-07-01 14:21
哇 你看这个人的友链好好看啊 是呀是呀 因为他用了 个站啊 <( ̄) ̄)>
2018-07-01 17:01
@ BIN :哈哈哈,真的好看么?友链的样式设计得好仓促……不过我自己觉得好看才放上去咯,要预留他们觉得不好看的情况…… ( ̄3 ̄)a
雾仙
2018-07-02 00:44
有个想法,个站的在线聊天可以弄个浏览器通知,虽然体验不那么好,但未关闭页面前也能及时有消息通知。 我真的不是姬妻淫。 ~( ̄▽ ̄)~*
2018-07-02 08:14
@ 雾仙 :对,其实我在想办法了~我部署了https就是为了app推送用的……因为这个特性只有https才支持,可惜不是太顺利……
2018-07-02 08:23
@ 雾仙 :但我也在想,有的同志可能不想被app推送骚扰,邮件方式的通知可以让他们想什么时候来就什么时候来……虽然系统推送也可以屏蔽……我还是不知道大部分用户的需求啊……希望大家说说~
2018-07-03 13:18
尚未搞明白这个友情链接怎么使用。
2018-07-03 14:16
@ devoted :刚编辑了帖子,写上了教程,看看……
2018-07-03 13:49
我觉得可以出个比较小白向的教程,因为很多博主都不怎么精通前端的 比如我◕‿↼
2018-07-03 14:17
@ Menhood :大概写了一下,看看能看懂不,不懂再提出来呀~~
2018-07-03 14:45
@ 星球彦 : ( ̄0  ̄)y 我看懂啦~ (= ̄ω ̄=)
2018-07-03 15:29
@ Menhood :不错不错 (。•̀◡-) ,欢迎使用~
子木
2018-07-03 16:05
文章更新的小红点 ,期待。。 (*ω* )
2018-07-03 18:19
@ 子木 :嗯嗯,做好了第一时间告诉你们哦! ◕‿↼
雾仙
2018-07-03 22:54
是JS版的, ಠ_ಠ ಠ_ಠ ಠ_ಠ ಠ_ಠ ಠ_ಠ 。
2018-07-04 06:23
@ 雾仙 :只有js版才能实现动态获取呀 ⊙▽⊙ ,你还有其他方案??
Roogle
2018-07-03 23:59
期待出来以后试试,不过速度很重要,现在使用第三方脚本有些太慢了
2018-07-04 06:24
@ Roogle :现在出来试用版了,基本可以用了,你可以现在就试试呀~ ( ̄3 ̄)a
2018-07-12 14:51
@ 星球彦 :友链JS代码到底哪里获取,我至今没有找到代码获取的入口,是不是藏的太深了,还是手动把上面图片中的代码手打出来
2018-07-12 18:25
@ Roogle :不好意思……我没写清楚,文章没整理好, ,看看文中有句:效果图和下载链接,接着就是下载地址啦,欢迎使用不明白随时找我呀!嘿嘿
依然
2018-07-04 09:58
这个好这个好
2018-07-04 12:07
@ 依然 :那你啥时有空用起来呀~ ╮(╯▽╰)╭
2018-07-04 14:36
@ 星球彦 :如果是之前的话,我会有友情链接,但现在我想把自己的内容提高上去后再考虑了。但是对于那些有这方面兴致的朋友,是真的方便,可以在汇集了大家的个站里很方便很直观的添加自己喜欢博客
2018-07-04 14:42
@ 依然 :嗯嗯,谢谢呀!你喜欢咯,随时欢迎使用呀~ (*ω* )
1900
2018-07-11 09:30
终于有这个功能了
2018-07-11 12:36
@ 1900 :哈哈,是啊,欢迎使用哦!
2018-07-11 12:57
不贴个效果图上来吗 (-ω- )
2018-07-11 13:01
@ 冷眼观世界 :效果图在文中有链接呀 ~( ̄▽ ̄)~* ,这个:http://storeweb.cn/forum/one/52
2018-07-11 13:03
@ 星球彦 : 抱歉哈~从小眼睛长得歪_(:з」∠)_
2018-07-11 13:04
@ 冷眼观世界 :我也没写清楚 (¬‿¬) ,帖子已更新~
2018-07-11 17:52
不知道我的站能不能使用呢 (。•ˇ‸ˇ•。)
2018-07-11 18:07
@ 握兰君 :都可以的 (๑╹◡╹)ノ ,跟什么类型的网站没关系的,只要你在你的网页插入了demo的代码就可以了~