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


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

部署方案选择

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

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

搭建过程

1. 申请JS权限

image-20220116111952698

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

2. 开搞开搞

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

    • 页面效果1: BNDong - 博客园 (cnblogs.com)
    • 配置:BNDong/Cnblogs-Theme-SimpleMemory: ?? Cnblogs theme _ Basic theme : SimpleMemory (github.com)
    • 页面效果2:
    • 配置:MakerGYT/cnblogs-theme-next: next-theme博客园论文主题 (github.com)
    • 页面效果3: BNDong - 博客园 (cnblogs.com)
    • 配置:BNDong/Cnblogs-Theme-SimpleMemory-Test: ?? Cnblogs theme / Basic theme : SimpleMemory / Test Repository (github.com)

我就选这个吧

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

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

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

3. 其他配置

音乐播放器

修改页脚HTML代码


...

"xxxxxxxxxx"获得方式:

打开网易云音乐网页版,

image-20220117155917557

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

image-20220117160142500

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

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

图片放大

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

修改页脚HTML代码


...

...

改为:


...

...

添加访问统计

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

效果好像还可以。

image-20220117180904054

后来使用中发现,这个统计有时候需要梯子才能触发,也有可能是延迟问题。

博客搬家