今天逛知乎发现他们的链接卡片挺好看,就想写一个自己拿来博客用(扒下来知乎的代码),效果如下。
源码放在github,感兴趣的朋友可以自己拿。
教程标签
Windows下的终端折腾——弃坑msys2,开始用wsl
之前用了半年Linux,后来因为平常一些软件需要,只能在Windows下玩,就换回Windows了。
但还是万分想念Linux,然而Windows下的终端一直用的不爽,就一直在尝试其他终端。
msys体验
用了一段时间的msys,感觉也还行吧,最头疼的是中文乱码的事,该试的都试了,还是会有一些指令中文乱码。
然后还有一些其他的小毛病,用久了,启动也很慢,昨天实在受不了,开始寻找新的终端替代
小程序开发之接入Bmob后端云作为后端数据库
前几天在网络课的项目汇报中,我展示了一个背单词的微信小程序,后端使用的是bmob的数据库。
今天有同学来问我怎么用那个数据库,我当时可能没讲清楚,索性写篇博客来说一下。
接入Bmob后端云做一个简单的总结。所谓后端云,一句话概括就是跑在云端的数据库后台+服务器后台,引入到微信小程序开发中能带来的好处就是:让我们可以专注于小程序本身的业务逻辑开发,而不用去管复杂的后台服务器
当然,这种免费的第三方数据库只适合平常做着玩的小项目,和那些比较水的校创项目 长期发展的话,建议自己买一台服务器手动搭建数据库,后续有空的话我会再写一篇自己搭建后端服务器的教程
使用腾讯云cdn加速博客
最近把博客搬到腾讯云后,使用腾讯云的COS存储
免费50G的存储空间,放个小博客还是够用的
而且,还可以使用免费的CDN加速
国内访问博客速度比放在GitHub上要快多了
申请腾讯云COS ,每个月有免费的10GB的CDN流量可以使用;
- 在腾讯云COS控制台中 创建一个bucket;
- 然后在设置中开启静态网站设置
- 在自定义域名中设置上自己的域名
hexo建站笔记之首页文章轮播图
¶设计特点
轮播图UI:模仿简书可以直接在每篇文章的md文件里设置是否要设为轮播图的文章
就是我们每次新写一篇文章,用hexo生成一个md文件,我们只要在头部注明是否要作为轮播图的文章比如这样:
1 | title: hexo建站笔记之首页文章轮播图 |
hexo建站笔记之彩色标签云
方法比较简单,加个js脚本就好了,至于加载哪里都无所谓了,就放在标签云的页面。
就加在标签的那个页面好了。
- 打开themes\next\layout\page.swig
- 找到
1 | {% if page.type === "tags" %} |
- 将下面这段代码
用回valine评论系统,valine评论框样式美化
我感觉我一个处女座的就不应该搞前端,太吹毛求疵追求完美了,哪里有一点点觉得不漂亮就想改
博客的评论系统用过好几家(虽然都没有人评论
比如gitalk,来必力
之前用的来必力,加载慢的问题是解决了,但是总觉得登陆的反应也很慢
想来想去还是觉得valine好用
- 免登陆,使用方便,直接填了昵称和邮箱就可以评论
- 有回复邮件提醒功能!很好用
不过之前没用valine的原因时它评论框样式感觉不好看
所以这次我用回valine,首先改了样式

好像也没太大变化,不过就是看着顺眼了
手动修改博客css样式,打造属于自己的博客样式
这两天花了点时间修改了下自己的next主题的博客
样式表放在了GitHub上喜欢的话可以直接使用
next博客主题样式修改
使用方法
- 直接下载样式表,然后复制到自己主题的themes\next\source\css_custom目录下的custom.styl文件
解决来必力评论系统加载慢的问题
解决来必力评论系统加载慢的方法
必力评论加载慢如何解决?
灵感:大家平常说的加载慢,其实是因为来必力这个框架它是等读者把滚动条拉到文末评论的位置的时候才开始加载。
如果是让他从我们点进文章的时候就开始加载,那么等读者看完文章,评论也早就加载完了(除非有人一进来就去底下看评论)
所以只要我们在文章章加载后就去加载来必力评论系统,等看完文章,评论也早就加载完了,也不会察觉到它的加载
