https://blog.lastfantasy.top/page/ Recent content in Pages on lastfantasy的博客 Hugo -- gohugo.io zh-cn liunianmolian@163.com Sat, 25 Oct 2025 14:44:14 +0800 https://blog.lastfantasy.top/archives/ Tue, 28 May 2019 00:00:00 +0000 https://blog.lastfantasy.top/archives/ https://blog.lastfantasy.top/about/ Mon, 01 Jan 0001 00:00:00 +0000 https://blog.lastfantasy.top/about/ <p>人生不是一条轨道，而是一片旷野。如果有想法，就尝试去做，趁着你还有激情还有梦。</p> https://blog.lastfantasy.top/plan/ Mon, 01 Jan 0001 00:00:00 +0000 https://blog.lastfantasy.top/plan/ <table border="2"> <tr> <th width="15%" >计划实现功能</th> <th width="40%" align="left">具体功能细节</th> <th width="20%" >涉及技术栈</th> <th align="right"> 实现状态 </th> </tr> <tr> <td align="left" bgcolor="#ffffffff">个人博客</td> <td bgcolor="#ffffffff"> 1. 2D模型<br/> 2. 自定鼠标<br/> 3.音乐插件<br/> 4.评论系统<br/></td> <td bgcolor="#ffffffff"> JavaScript + css + html</td> <td bgcolor="#7CFC00"> 已完成</td> </tr> <tr> <td align="left" bgcolor="#ffffffff">网页版音乐播放器</td> <td bgcolor="#ffffffff"> 1. 进度条功能 <br/> 2. 歌词多元化<br/> 3. 播放列表<br/> 4. 随机播放功能<br/></td> <td bgcolor="#FFFF00">待定</td> <td bgcolor="#FFB6C1"> 未开始</td> </tr> <tr> <td align="left" bgcolor="#ffffffff">个人自定义导航</td> <td bgcolor="#ffffffff"> 1. 导航栏<br/> 2. 导航项<br/> 3. 导航项点击事件<br/></td> <td bgcolor="#FFFF00">待定</td> <td bgcolor="#FFB6C1"> 未开始</td> </tr> <tr> <td align="left" bgcolor="#ffffffff">网站监测</td> <td bgcolor="#ffffffff"> 1. 网站访问量统计<br/> 2. 网站访问时间统计<br/> 3. 网站访问ip统计<br/></td> <td bgcolor="#FFFF00">待定</td> <td bgcolor="#FFB6C1"> 未开始</td> </tr> <tr> <td align="left" bgcolor="#ffffffff">博客动态背景</td> <td bgcolor="#ffffffff"> 1. 动态加载动画<br/> 2. 动态背景<br/> 3. 鼠标动态交互<br/></td> <td bgcolor="#FFFF00">待定</td> <td bgcolor="#00FFFF"> 进行中</td> </tr> <tr> <td align="left" bgcolor="#ffffffff">博客主题优化</td> <td bgcolor="#ffffffff"> 1. 文章目录折叠&展开<br/> 2. 添加’返回顶部’按钮（似乎没用）<br/> 3. macOS风格的代码块（红绿灯）<br/> 4. 自定义MD引用块颜色模板（markdown文本note|err）<br/></td> <td bgcolor="#FFFF00">待定</td> <td bgcolor="#00FFFF"> 进行中</td> </tr> </table> <p>近期学习计划有些乱，经常为了一两个小事情搞一晚上，尤其是装双系统搭建ubuntu服务器这几天搞到两三点，有点扛不住。为了后续学习能够有效进行，这里需要列出一些当下做的还有计划做的事情。</p> <p>目前的很多东西都是网上开源的东西，涉及到的技术栈多而杂，个人精力实在有限，趁着还有兴趣，规划一下后续的技术发展方向。</p> <p>当前需要做几个网站来学习前后端：</p> <ol> <li> <p>个人主页。</p> <p>主要基于B站up主介绍的主页框架搭建，涉及个人域名申请，ssl证书配置，github工程配置及cloudflare pages及worker网站托管，github pages 使用及action自动部署。</p> <p>实际主页fork的是<a class="link" href="https://github.com/imsyy/home" target="_blank" rel="noopener" >imsyy/home</a>的对应工程，主要的技术涉及vue，JavaScript，css，以及html，该项目VUE占大多数，目前个人不打算维护这个，只打算用这个来搭框架，后续主要尝试使用JavaScript+css+html这三个来搞网页</p> </li> <li> <p>个人博客</p> </li> </ol> <p>记性太差没办法，需要自己动手记录一下技术成长过程，可能的话写一写随想，发一发牢骚或者就当个人日记来搞记录生活。</p> <p>当前是基于hugo 的stack主题搭建的简易blog，参考up主的技术流程来做，看起来能学到不少东西。</p> <ol start="3"> <li>网页音乐播放器</li> </ol> <p>这个也是基于B站UP的视频来做的，通过简单的一个demo来逐步学习JavaScript+css+html这种网站搭建来实现对应功能。目前参考相关up主已经实现了音乐播放功能。自己也把相关代码逻辑优化了一下，后续需要添加音乐列表，播放暂停按钮，进度条，随机顺序等播放选项，歌词实时切换等功能。</p> <ol start="4"> <li>个人自定义导航</li> </ol> <p>实际上想打算建立一个个人的建议的网站导航， github上找到一个纯js写的项目Cloudflare Workers Dir，目前还没来得及细看，先暂时挂到cloudflare worker上托管吧。</p> <ol start="5"> <li>网站监测</li> </ol> <p>这个预计后期还是找github上的相关项目来学习。</p> <p>想搞的东西很多，但是又比较乱，技术实在太菜，只能一步一步跟着大佬的脚步学习。</p> <p>运维相关：</p> <p>（技术是服务于生活应用于生活 ，所以自己搭建一套完整的自动化体系也是挺不错的。可以搞个饥荒服务器一键启动工程来练手）</p> <p>涉及bash脚本，bat脚本，u盘系统安装等等，太费时间一晚上也搞不了多少</p> <ul> <li><input checked="" disabled="" type="checkbox"> win11+ubuntu双系统安装</li> <li><input checked="" disabled="" type="checkbox"> Ubuntu饥荒服务器搭建</li> <li><input checked="" disabled="" type="checkbox"> Ubuntu jenkins部署</li> <li><input disabled="" type="checkbox"> jenkins工程一键开启ubuntu饥荒服务器工程（ubuntu上存在难度，windows上已经实现）</li> </ul> <p>后续预计要学习的东西：</p> <ul> <li><input disabled="" type="checkbox"> JavaScript（前后端）</li> <li><input disabled="" type="checkbox"> css</li> <li><input disabled="" type="checkbox"> html</li> <li><input disabled="" type="checkbox"> vue（看情况，要用的话就是做前端）</li> <li><input disabled="" type="checkbox"> python（主要做脚本还有一些数据处理）</li> <li><input disabled="" type="checkbox"> shell（主要是脚本）</li> <li><input disabled="" type="checkbox"> bat</li> <li><input disabled="" type="checkbox"> c++（看情况，后续如果有做软件或者做unity一类游戏的话可以试试）</li> </ul> <p>后续打算用表格方式呈现，这里先用个demo看看效果</p> <table border="3"> <tr> <th colspan="1" align="center">计划实现功能</th> <th colspan="1" align="center"> 功能细节 </th> <th colspan="1" align="center"> 相关技术 </th> </tr> <tr> <td align="left" bgcolor="#FFB6C1">个人博客</td> <td bgcolor="#FFB6C1"> 1. 2D模型<br/> 2. 自定鼠标<br/> 3.音乐插件<br/> 4.评论系统<br/></td> <td bgcolor="#FFB6C1"> JavaScript + css + html</td> </tr> <tr> <td>网页版音乐播放器</td> <td> 1. 进度条功能 <br/> 2. 歌词多元化<br/> 3. 播放列表<br/> 4. 随机播放功能<br/></td> <td>待定</td> </tr> </table> <p>把markdown对应的语法先临时放这里</p> <table border="2"> <tr> <th colspan="2" align="center">Markdown 表格</th> <th colspan="2">HTML 表格</th> </tr> <tr> <td width="10%" rowspan="4">语法</td> <td width="40%" align="left">标题->连字符(---)</td> <td width="10%" rowspan="4" bgcolor="#FAEBD7">语法</td> <td align="right" bgcolor="#FFB6C1">表格-><font color="red">table</font>标签</td> </tr> <tr> <td align="left">分隔每列->管道(|)</td> <td align="right" bgcolor="#D8BFD8">标题-><font color="red">th</font>标签</td> </tr> <tr> <td align="left">对齐->冒号(:)</td> <td align="right" bgcolor="#B0C4DE">行-><font color="red">tr</font>标签</td> </tr> <tr> <td align="left">强调->反引号(`)</td> <td align="right" bgcolor="#AFEEEE">列-><font color="red">td</font>标签</td> </tr> </table> https://blog.lastfantasy.top/search/ Mon, 01 Jan 0001 00:00:00 +0000 https://blog.lastfantasy.top/search/ https://blog.lastfantasy.top/links/ Mon, 01 Jan 0001 00:00:00 +0000 https://blog.lastfantasy.top/links/