关于个人博客的选择及实现

做完这件事情,才发现最消耗时间的竟然是想名字,有同感扣个1;毕竟写博客不像打游戏,随便用一个,博客随便改名的后果确实很麻烦,所以一旦确定一个就不要变了,所以需要慎重!

部署方案选择

  1. Hexo + gitpage
    • 优点是完全免费,简单易操作,模版多;缺点比如互动慢,更新麻烦,访客数据统计麻烦;也无法体验hexo的一些动态功能,毕竟gitpage只能展示静态页面;
  2. Hexo + 云服务器
    • 可以体验到完整的hexo功能,但是云服务器太贵了,如果找便宜的一个月,或者一年每次到期都需要数据迁移,实在繁琐;
  3. CSDN、博客园这类的博客网站
    • CSDN不用多说了,我是老用户目前15w的访问量,数据统计清晰,但是最大的弊端是广告很讨厌,还有vip,感觉乱七八糟的;

我觉得博客园这么多年,并没有做出一些令用户反感的行为,如果可以自己定制界面,那绝对是非常棒的,所以这次我也尝试一下!

搭建过程

1. 申请JS权限

博客园申请JS权限教程 – MacZhen – 博客园 (cnblogs.com)

image-20220116111952698

挺简单的,语气客气一点,我刚申请过,大概不到半小时就通过了。感谢cnblogs’ 审核!

2. 开搞开搞

这里推荐几个主题吧,看个人喜好:

我就选这个吧

基本指南:Silence – 专注于阅读的博客园主题 (esofar.github.io)

项目地址:esofar/cnblogs-theme-silence: 📖 一款专注于阅读的博客园主题 (github.com)

对原作者开源,表示感谢!@Esofar

3. 其他配置

音乐播放器

修改页脚HTML代码

<!-- Music-->
...
<div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="xxxxxxxxxx" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="orange"></div>
<!-- Music end -->

"xxxxxxxxxx"获得方式:

打开网易云音乐网页版,

image-20220117155917557

在打开的界面里,找一个你想分享的歌单;(注意歌单里面需要全部是免费能播放的,不然会出现版权问题不允许外链)

image-20220117160142500

点这个以后,会跳转一个页面,类似浏览,诺可以正常播放则记录下此时的url:

//music.163.com/#/outchain/0/xxxxxxxxxx/ 最后这串数字就是我们的目标,替换即可;

图片放大

图片放大功能,按照原文档会出现:点击图片跳转到了图片的URL,并不是在当前URL下放大,缩小;应该是个小bug吧,所以这里我就找了一些其他教程替代了一下;

修改页脚HTML代码

<!--放大图片-->
...
<script src="//blog-static.cnblogs.com/files/zouwangblog/zoom.js"></script>
...
<!--放大图片end-->

改为:

<!--放大图片-->
...
<script src="//blog-static.cnblogs.com/files/gaoht/zoom.js"></script>
...
<!--放大图片end-->

添加访问统计

博客园添加访问人数统计 – 牦牛 – 博客园 (cnblogs.com)

照着做就对了,避个坑:写用户名的时候随便小写字母asdasa,别大写;

效果好像还可以。

image-20220117180904054

后来使用中发现,这个统计需要梯子才能触发,算是一个小坑吧。

博客搬家