这是我的第二篇文章
博客刚开始搭建没什么内容,那就简单的记录一下博客实现了那些功能吧
作为一名计算机专业的学生,我觉得自己非常有必要把自己学的东西记录下来,虽然在很久之前就听过别人说可以通过创建博客的方式然后把自己的笔记上传云服务器,可以随时随地查看自己上传的内容,但是由于当时也没什么想记录的,而且没什么好记录的,刚接触编程,技术也不会,再加上懒癌晚期,于是一直拖到了现在。于是打算在2023年11月29号开始搭建属于自己的个人博客!!!
11月29日 2023 星期三:
通过观摩Fomalhaut🥝大佬,店长大佬和唐致远大佬的博客 Fomalhaut🥝大佬, 唐志远の博客 (fe32.top) , Akilarの糖果屋 - Akilar.top,正式开始了基于github,vercel托管的,使用了butterfly主题的hexo博客,如果大家也想开始搭建自己的博客,可以直接复制上面大佬的链接到浏览器进行学习。大佬的讲解肯定比我好,在这里不做过多的功能实现赘述,只提供网页链接:
1,Hexo博客搭建基础教程(一):Fomalhaut🥝,唐志远の博客 (fe32.top)
2,Hexo博客搭建基础教程(二):Fomalhaut🥝,
3,Hexo博客搭建基础教程(三):Fomalhaut🥝
11月30日 2023 星期四:
对于基础教程而言,魔改hexo博客更复杂一点,只是实现Fomalhaut🥝大佬的博客魔改教程总结(一) | Fomalhaut🥝
就花费了大概一天的时间,一开始创建live2d看板娘的时候,本来想弄一个更高级一点的可以实现一些小功能的看板娘,搜索了很多教程,基础较差,实在没看懂教程在说什么,于是就只是实现了最基础的看板娘,还专门挑了一个我觉得比较好看的模型。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| 实现了魔改教程一的: 1,Live2D教程(店长):https://akilar.top/posts/5b8f515f/ 2,violet留言板(店长):https://akilar.top/posts/e2d3c450/ 3,一图流教程: 4,页脚Github徽标(店长):https://akilar.top/posts/e87ad7f8/ 5,首页分类磁贴1.0(小冰):https://zfe.space/post/hexo-magnet.html 6,文章置顶滚动栏(店长):https://akilar.top/posts/8e1264d1/ 7,自定义字体 8,文章双侧栏显示(小冰):https://zfe.space/post/hexo-butterfly-article-double-row.html 9,wowjs动画:https://akilar.top/posts/abab51cf/ 10,GitCalendar(店长):https://akilar.top/posts/1f9c68c9/ 11,导航栏魔改: 12,黑夜霓虹灯1.0(js计时器实现) 13,黑夜霓虹灯2.0(纯CSS实现)(推荐) 14,星空背景和流星特效: 15,侧边栏电子时钟(安知鱼):https://anzhiy.cn/posts/fc18.html 16,个人卡片渐变色: tips: 没有添加链接的看Fomalhaut🥝大佬的即可
|
12月01日 2023 星期五:
今天没有什么事做,想着赶快把自己的博客继续添加功能和完善,于是又来这里开始干活了,今天这个博客魔改教程总结(二) | Fomalhaut🥝有点东西,里面的aplayer音乐播放器遇到了一点的问题,按照教程里的实现不了,省略了很多小白不懂的东西,于是我一开始有点看的不是很明白,于是又去搜索了一些教程,终于在bilibili找到一个UP主的介绍的比较清楚的教程。我会在下面的功能实现部分给出链接:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| 实现了魔改教程二的: 1,外挂标签的引入(店长):https://akilar.top/posts/615e2dec/ 2,听话的鼠标魔改: 3,页面样式调节: 4,引入iconfont自定义图标(店长):https://akilar.top/posts/d2ebecef/ 一定要看这个链接才知道怎么弄 5,菜单栏多色动态图标(店长):https://akilar.top/posts/23fdf850/ 一定要看这个链接才知道怎么弄 6,Social卡片彩色图标引入(店长):https://akilar.top/posts/23fdf850/ 7,侧边栏图标和文字自定义 8,渐变色版权美化(店长+微调):https://akilar.top/posts/8322f8e6/ 9,aplayer音乐播放器:链接1:https://butterfly.js.org/posts/507c070f/ 链接2:https://polar-bear.eu.org/2023/07/21/hexo-tag-aplayer-cha-jian/?highlight=aplayer 10,顶部渐变条色加载条:https://www.chuckle.top/article/13d6481a.html 11,Bilibili视频适配: 12,文章页局部 html 代码不渲染: 13,文章H1~H6标题小风车转动效果: 14,挂绳小猫咪(tzy大佬):https://tzy1997.com/articles/hexo1613/ 15,配置手机PC页面白天黑夜共四个背景图(店长):https://akilar.top/posts/23fdf850/ 16,每页单独配置背景(店长):不能和15,配置手机PC页面白天黑夜四个背景图同时修改 tips: 没有添加链接的看Fomalhaut🥝大佬的即可
|
由于魔改教程二有一些功能我不是很想要,就先不实现了,反正现在闲着没事做,那就干脆开始实现魔改教程三吧。
但我还是把这些功能算到明天的任务里面去,方便管理。
12月02日 星期六
今天又是无所事事的一天,还是继续昨晚未实现的魔改功能吧,今天正式开始实现博客魔改教程总结(三) | Fomalhaut🥝,不知不觉已经完成了工程的一半。
————————-分割线————————————
好吧,看来还要弄很久啊这个博客,一口吃不成胖子,今天弄这个文章统计(Eurkon)一直显示不出来,弄了几个小时,弄得我快要发癫了快,还好最终还是弄出来了,虽然点击刷新后就又显示不出来了,要重新点击其他页面,再点回当前页面才能继续显示,服了!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| 实现了魔改教程三的: 1,右边按钮阅读进度(Leonus):https://blog.leonus.cn/2022/percent.html 2,评论表情包放大(Leonus):https://blog.leonus.cn/2022/owo-big.html 3,评论输入提醒(Leonus):https://blog.leonus.cn/2022/inputAlert.html 4,快速添加友链:https://blog.4t.pw/posts/80adb334.html 5-8操作太麻烦了,弹窗也不是必要的,7,8的实现依赖于5,6步的实现,有想法可以自己弄 5,Vue+Element样式弹窗:https://akilar.top/posts/23fdf850/ 6,Social卡片彩色图标引入(店长):https://akilar.top/posts/23fdf850/ 7,按键防抖: 8,分享链接按钮: 以上的功能并未实现 9,直达底部按钮: 10,文章统计(Eurkon):https://blog.eurkon.com/post/1213ef82.html 11,侧边栏微博热搜(Eurkon): #对这个功能不是很感兴趣,暂时并没实现 12,博客实时访问统计图(Eurkon): 13,兔年灯笼(tzy大佬+微调): 14,禁用f12(tzy大佬): 15,地图插件(Guo Le’s Blog):https://akilar.top/posts/23fdf850/ 16,文章加密插件:不能和15,配置手机PC页面白天黑夜四个背景图同时修改 17,PDF插件: tips: 没有添加链接的看Fomalhaut🥝大佬的即可
|