MR.XU

我思 我说 我写

0%

博客小站折腾日记(一)

  简单说一下这两天干的一些事情:玩弄(额,不对,是完善)自己的博客。其中不敢说学到了很多东西,但是确实了解了很多东西。

  记得前些时间在 魏总膜拜大神)的帮助下搭建了自己的个人博客,之后便对此上瘾无法自拔,一直在想着如何让自己的博客更加有趣,更加符合自己的使用体验。

  最开始博客是用的hexo本身自带的主题,简直不能更 low 了,界面单调,功能单一,这必须要换!后来换成了据说是hexo目前最火最热的一个主题(NexT),界面十分的简洁大方,但其功能还是十分的强大,令人欢喜。按着魏总的先前设置先把自己博客的头像和网站图标换了(图标是自己在网上做的),后来加上了几个社交外链和友情链接就可以正常使用了。当然了,这些是不难的。
  实现完这些功能当然不能满足我,因为网站空间用的是Github(开发者之友),每次进博客要输一长串网址,感觉超级 low 有木有?没憋住就去万网注册了一个域名,我记得当时还选了挺久的,注册完之后还需要进行实名认证,大概需要小半天的时间,然后去域名控制台用 CNAME 或 A 解析到Github就大功告成啦(还需要本地部署一个CNAME文件到 Github )。
  基本的功能都实现了,接下来当然要搞事情了啊,不然怎么能说自己是一个搞开发的 =_=

看到别人的博客都可以有打赏功能,感觉好厉害,搞!
看到别人发的博客都有配图,感觉好美,搞!
看到别人的博客都有阅读次数,感觉好高大上,搞!
看到别人的网站都自带小绿锁(https),搞!
要拥抱高大上,拒绝 low

  第一个实现的是打赏功能(hah,财迷),因为 NexT 的主题里这个功能是已经写好了,所以只需要在主题配置文件里面添加下列代码就好:

1
2
3
ward_comment:  打赏
wechatpay: /path/wechat-reward-image.jpg
alipay: /path/alipay-reward-image.jpg

其中path是放在source的目录下,用于存放两张支付图片的,图片可以去微信以及支付宝的手机客户端保存,发送到电脑然后 P 成180×180大小的图就可以。效果如下:

enter image description here

  完成之后让表哥(笔者的好基友)给我扫码打赏,这小气鬼竟然只打赏了一毛!(生气)。
  
  第二个拥抱高大上的自然是插图,类似于上述的打赏图片,当然把图片保存在本地再通过 hexo 部署到 Github 上面使用也是没有问题的。但是!有没有觉得很 low?而且 Github 的使用空间是有限制的,图片资源多了势必会拖慢网页加载速度,得不偿失有木有?因此,一番权衡之下,笔者采用了图床外链的方式插入图片,用的是口碑还不错的七牛云服务,标准用户的免费存储额度是10G,对于博客小站来说是足够用了。使用前先将图片上传到七牛云的空间里去,点击生成外链,写博客时使用markdown语法就可以直接插入图片了。
  
  第三个想做的是在每篇博客的标题处显示阅读次数。虽然现在只是一个博客小站,来访问的都是自己的同窗好友,那万一以后一夜成名,连自己博文的访问量都不知道,多尴尬啊!hah,这里的功能实现也并不难。NexT 早就帮你搞定了一切,话说这个主题的配置文件真的好强,以后要是换主题这些配置还不知道怎么弄(QAQ)。这里的阅读计数采用的是 LeanCloud的计数模块 ,在 LeanCloud 新建一个应用,添加计数 Class,应用内会生成一个app_id 和 app_key,只要把这两个数据放在对应的位置就可以实现博客小站的阅读计数:
  
enter image description here

Plus:阅读次数的数据后台可以自己更改,想要假装自己的网站很厉害的可以。。。(你懂的+_+

  最后,很遗憾,笔者没有实现小绿锁的功能。具体的实现方式可以参见这篇博客,笔者记得当时小站有一段时间是实现了小绿锁功能的,最后还是失败了。笔者总结了一下,当笔者将万网域名(笔者的域名是在阿里云上注册的)的 DNS 修改成外网 DNS 后,网站就无法访问,可能是因为 Cloudflare 的 DNS 被墙,无法完成解析?具体的原因笔者也还没揣摩明白,不过笔者会继续跟进解决小绿锁的问题。
Plus:笔者有个好友的域名是在 godaddy域名服务器在国外 =_= ) 上注册的,已经实现小绿锁功能,亲测有效。

  以上,就是我这几天来的博客折腾小记。总结了一下,勉强能算是一段比较有趣的体验,毕竟不断地折腾才能不断地进步嘛。而我就是这样一个爱折腾的人(没法,典型强迫症患者)。

  希望自己的博客小站越做越好,也希望自己能写更多的技术贴,坚持不断地一直写下去…

生活不止眼前的苟且,还有诗与远方...
 微信打赏

微信打赏

 支付宝打赏

支付宝打赏