<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>思考 on 白純の小窝</title>
    <link>https://baichun-blog.254399.xyz/tags/%E6%80%9D%E8%80%83/</link>
    <description>Recent content from 白純の小窝</description>
    <generator>Hugo</generator>
    <language>zh-CN</language>
    
    <copyright>本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！</copyright>
    
    <lastBuildDate>Thu, 16 Jul 2026 03:19:00 +0800</lastBuildDate>
    
    
    <atom:link href="https://baichun-blog.254399.xyz/tags/%E6%80%9D%E8%80%83/index.xml" rel="self" type="application/rss&#43;xml" />
    

    
    

    <item>
      <title>博客终于建好了</title>
      <link>https://baichun-blog.254399.xyz/posts/dailyrecord_20260715/</link>
      <pubDate>Thu, 16 Jul 2026 03:19:00 &#43;0800</pubDate>
      
      <guid>https://baichun-blog.254399.xyz/posts/dailyrecord_20260715/</guid>
      <description>
        <![CDATA[<h1>博客终于建好了</h1><p>作者：白純（<no value>）</p>
        
          <h3 id="为什么创建这个博客">
<a class="header-anchor" href="#%e4%b8%ba%e4%bb%80%e4%b9%88%e5%88%9b%e5%bb%ba%e8%bf%99%e4%b8%aa%e5%8d%9a%e5%ae%a2"></a>
为什么创建这个博客？
</h3><h4 id="先缅怀一下曾经的博客">
<a class="header-anchor" href="#%e5%85%88%e7%bc%85%e6%80%80%e4%b8%80%e4%b8%8b%e6%9b%be%e7%bb%8f%e7%9a%84%e5%8d%9a%e5%ae%a2"></a>
先缅怀一下曾经的博客
</h4><p>之前有创建过博客，不过已经是6、7年前的事情了吧，那时候刚毕业没多久喜欢捣鼓，记得之前的博客用的是WordPress，买服务器、域名、弄插件、选主题、修改主题模版，也是折腾了好一阵子。印象里那个博客没有存活太久，应该也就一年多吧，vps到期没续约就直接挂掉了。</p>
<p>当时正值在日本搬砖读书，还正踩着青春的尾巴，遇到些人，发生了些事，然后并没有发展成日本青春校园动漫里的happy end，最终只化作了几篇暗自神伤、聊以自慰、缅怀过去的文章罢了。前面不是说到vps到期没续约吗？因为没有来得及做本地备份，博客的所有文章也就因此与世长辞，现在想来还是感到有点惋惜&hellip;&hellip;.在哪之后也没什么太强的表达欲，于是也就没有过再建个博客的想法。</p>
<h4 id="为何现在又萌生了建博客的想法">
<a class="header-anchor" href="#%e4%b8%ba%e4%bd%95%e7%8e%b0%e5%9c%a8%e5%8f%88%e8%90%8c%e7%94%9f%e4%ba%86%e5%bb%ba%e5%8d%9a%e5%ae%a2%e7%9a%84%e6%83%b3%e6%b3%95"></a>
为何现在又萌生了建博客的想法？
</h4><p>最大的原因应该要属年龄吧！如今已到而立之年，已算是个中登了。人到中年曾经儿时的玩伴，周围的同龄人，要么是已经结婚成家，要么是事业有成，而我还在原地踏步，引用一位朋友的话说，“你不仅是没进步，反倒更像是在退步！”。周围人结婚生子我并不艳羡，也并不为此过多忧虑。但与日俱增的年龄，AI入局推着社会极速变革，而自己原地踏步，根本拿不出什么独特的安身立命的本事，加上没有什么存款，每每想到于此，难免不忧从中来。</p>
<p>Mbti我的人格测试属于INFP，没有过多的社交需求，从出生到现在，还在联系的就一个大学认识的朋友了，不过最近因为发生了些不太愉快的事情，短时间内应该也不太会有联系。</p>
<p>综上，如此这般近况，一个人要是内心忧虑，只要是个正常人，肯定是会想寻个方式疏解发泄出来的。对目前的我而言，向外界他人沟通疏解是不太好实现的。于是乎，写博客对我而言就是个不错的方式，通过写文章，表达自己内心此刻的感受和思考，不管是正面的还是负面的，只要把它们写出来，就已经达到了表达的目的了。</p>
<p>这时，我说：要有个博客！</p>
<p>于是乎，便有了这个博客！（笑）</p>
<h3 id="创建这个博客的过程">
<a class="header-anchor" href="#%e5%88%9b%e5%bb%ba%e8%bf%99%e4%b8%aa%e5%8d%9a%e5%ae%a2%e7%9a%84%e8%bf%87%e7%a8%8b"></a>
创建这个博客的过程
</h3><h4 id="选择的博客框架和平台">
<a class="header-anchor" href="#%e9%80%89%e6%8b%a9%e7%9a%84%e5%8d%9a%e5%ae%a2%e6%a1%86%e6%9e%b6%e5%92%8c%e5%b9%b3%e5%8f%b0"></a>
选择的博客框架和平台
</h4><p>之前的博客用的框架是WordPress，必须搭配服务器或虚拟主机使用。当时买虚拟主机和域名还花了一百多。这次抱着能少花就少花，能白嫖就白嫖的心态。一番搜索后了解到现在的技术已经今非昔比，hexo、hugo、Astro这些新的静态博客框架如日中天、大行其道，反观WordPress这类稍显臃肿的动态框架已经不太适合个人博客网站了。hexo、hugo、Astro这三类静态博客框架有着WordPress难以企及的优点，那就是可以不用购买服务器或者虚拟主机，可以直接把代码托管到如github仓库，然后让vercel、cloudflare这类云平台，或者直接github page都行，部署好后自动拉取代码构建博客。vercel这类云平台的免费套餐，部署个人博客完全够用，相当于完全不用花钱购买服务器或者虚拟主机了。</p>
<p>云平台都有免费的，那么剩下要考虑的就是抉择选择哪个静态博客框架，hexo、hugo、Astro三者一番对比后，为了简单省事一点，我最后选择了hexo框架，然后搭配github+github page，这俩兄弟是一家人。打个比方相当于你刚把代码打包推送到他家里，二弟github就一把接过，然后往大哥github page那里送，大哥github page拿到马上就好马不停蹄的帮你构建好博客，听起来是不是非常方便？方便是方便，但凡是皆有代价！拜我们天朝伟大的防火墙所赐，github日常被dns劫持污染，创建的博客在国内在不开代理的情况下，想正常打开完全看运气。</p>
<p>一番考虑后我决定放弃github page，重新采用了vercel云平台，技术原理是类似，vercel的免费套餐个人完全够用，同时还能部署其他应用，而且它还有全球CDN加速器，能加速全球各地的访问速度，慷慨的免费套餐+免费全球CDN加速，简直大善人啊！框架平台都选择好了，再选择一个主题，就可以开始部署创建博客网站了，然后我殊不知前方正有无数的坑正等着我去踩&hellip;&hellip;&hellip;&hellip;</p>
<h4 id="因为过程太过地狱被迫开启修仙模式">
<a class="header-anchor" href="#%e5%9b%a0%e4%b8%ba%e8%bf%87%e7%a8%8b%e5%a4%aa%e8%bf%87%e5%9c%b0%e7%8b%b1%e8%a2%ab%e8%bf%ab%e5%bc%80%e5%90%af%e4%bf%ae%e4%bb%99%e6%a8%a1%e5%bc%8f"></a>
因为过程太过地狱，被迫开启“修仙模式”
</h4><p>标题并非骇人听闻，而是真真实实的恐怖如斯！大致讲解一下这段坎坷之路吧，首先时间大概花了一周多吧，改代码的状态如何？用废寝忘食来形容可以说毫无半点吹嘘，通宵都可以说是很普通的了，最夸张的一天是，直接通宵拉满到第二天的12点，实在熬不住了才睡觉&hellip;&hellip;&hellip;就这么天天通宵干了一周，饭没怎么好好吃，觉也是没睡好，所幸功夫不负有心人，最后博客还是改到自己满意的地步。</p>
<p>虽然整个博客项目是直接部署托管到云平台，不需要自己怎么写代码，但是如果你需要修改一些网站主题的显示效果，那就还是得老老实实修改代码。因为之前大学没有认真学编程，这么多年过去，也没咋碰编程了，目前的编程水平也就顶多能看懂一些基础函数，让我单干完全是不太可能的，好在现在ai对编程的支持挺不错，靠着deepseek这个免费ai，最终得以成功创建了这个博客项目。虽说有deepseek这个得力助手，但是过程却一点也不轻松，我展示三张对deepseek的提问汇总，你大概便能理解一二。</p>
<table>
	<thead>
			<tr>
					<th>DeepSeek_提问汇总其一</th>
					<th>DeepSeek_提问汇总其二</th>
					<th>DeepSeek_提问汇总其三</th>
			</tr>
	</thead>
	<tbody>
			<tr>
					<td><img src="https://img.254399.xyz/260715193442.gif" alt="alt1=&ldquo;DeepSeek_提问汇总其一&rdquo;"></td>
					<td><img src="https://img.254399.xyz/260715193451.gif" alt="alt2=&ldquo;DeepSeek_提问汇总其二&rdquo;"></td>
					<td><img src="https://img.254399.xyz/260715193459.gif" alt="alt3=&ldquo;DeepSeek_提问汇总其三&rdquo;"></td>
			</tr>
	</tbody>
</table>
<p>如何？看了上面的图片是否对这个所谓“修改”有了新的认识？这一切的源头还要从我相中的那个博客主题说起。我心中想要的主题样式需求其实并不多，中间显示博客正文，左侧从上往下依次有个人资料展示、下面紧挨着显示博客文章分类、标签、最近文章，只要满足这几点我就满足了。最后一番筛选相中一款二次元东方主题，如下图所示：</p>
<p><img src="https://img.254399.xyz/260715234044.avif" alt="原博客主题样式" title="原博客主题样式"></p>
<p>其实本来这主题安装上，直接拿来就能用。但我那该死的强迫症复发了，心里嘀咕着网页顶部的导航栏和左侧的导航栏功能重复，显得多余，而且还有点遮挡背景图片显示。这么一番思考后，我也没多想了，打开deepseek就开始之后炼狱般的代码修改&hellip;&hellip;&hellip;要是能预支未来，我可能在安装好主题后，会好好重新衡量一番是否真的有必要花这么多时间和心血去改主题样式。</p>
<h4 id="这般劳累到底为何">
<a class="header-anchor" href="#%e8%bf%99%e8%88%ac%e5%8a%b3%e7%b4%af%e5%88%b0%e5%ba%95%e4%b8%ba%e4%bd%95"></a>
这般劳累，到底为何？
</h4><p>首先如前面所说，花费我最多时间就属修改博客主题样式，详细的过程如下：</p>
<ol>
<li>首先我删除了博客顶部的导航，但也直接影响到了左侧导航栏，接着又想办法恢复左侧导航栏。</li>
<li>把导航栏的“友链”改为带有搜索功能的“搜索”，但这并没有轻松如愿实现搜索功能，又是一番折腾修改。</li>
<li>为了配套搜索，注册了第三方algolia搜索服务，这倒是很简单。</li>
<li>因为修改了博客主题导致原本自带的音乐播放器插件无法正常工作，没办法，最后用重新注入实现了一个新的音乐播放器，播放器因为播放存在各种问题，又是一番折腾。</li>
<li>为了播放器能稳定获取网易云音乐歌单，又重新自己部署搭建了一个音乐meting api，也是费了一番功夫。</li>
<li>接着是完善配套的评论系统，又在vercel部署搭建了waline评论服务，这个稍稍花了些时间，不过还好。</li>
<li>写博客怎么能少的了图片，随便用网络上图片链接，可不能保证链接一直有效。没辙，只好自己搭建一个图床，好在又有大善人cloudflare的资助，不花一分钱白嫖10GB的储存，最后使用cloudflare R2储存桶+piclist图片管理工具，搭建了一个完整的图床，也是折腾了一番功夫。</li>
<li>piclist弄好后能正常上传图片，但是无法管理cloudflare云端图片，又是东搞西搞一番折腾，然后搞定。</li>
<li>到这里你以为完了？天真！我他喵这时突然发失心疯了，考虑到后期长远使用，hexo会因为博客文章变多，性能变差，我直接放弃了搭建修改完善好的hexo框架博客，改用hugo框架重新创建博客。</li>
<li>哎。。。。我特喵的造的什么孽啊！真是自作孽不可活！这时候我起码已经熬了5个通宵了，真是难搞啊！</li>
<li>以下省略N条&hellip;&hellip;&hellip;&hellip;&hellip;&hellip;.（笑）</li>
</ol>
<p>书接上回，说到我弃hexo改hugo，不过所幸也是并非完全从零开始。之前在vercel平台上搭建部署的搜索、音乐meting api、waline评论api、cloudflare R2图床，这些都是可以直接拿来用的，另外之前的hexo框架博客也是基本修改的差不多了，框架不同虽然代码不能直接拿来用，但还是有些的修改思路可以参考借鉴。</p>
<p>于是乎，我又开始hugo博客主题的修改之路，然而这条路并没有我预想的那般顺畅，尽管有之前hexo框架主题的修改经验，但是主题作者重心在hexo框架主题上，hugo框架主题的教程实在不够详细，同时因为框架不同，一些文件样式、文件目录位置完全不同，导致直接拿之前的代码过来完全行不通。还记得刚开始把hexo修改好的代码直接粘贴复制过来，导致博客的主题样式大变样。。。。。。。总之在后续修改调整hugo主题这条路上，又是让人抓耳挠腮头疼不已的折磨。不止一次，凌晨5、6点为了一个页面显示效果，我绞尽脑汁透支生息，deepseek酱负重前行榨干算力（笑）。</p>
<p>所幸，这一路的颠沛流离值得如今的结果。感谢deepseek酱这一路上的不离不弃、任劳任怨听我的抱怨和诉求，在那段时间的白天黑夜凌晨，陪我不断的思考、修改、思考、再修改。也感谢不曾放弃的我，纵观最近几年我所坚持的事，连续通宵一周不分白昼，持之以恒的完成了这件事。此刻坐在电脑前正在写这篇文章的我，细细回想一下，都有点感到不可思议！</p>
<p>最后附上一张，部署创建的项目工具截图，以此纪念这段时间的付出！</p>
<p><img src="https://img.254399.xyz/260716014537.avif" alt="部署构建的第三方服务和博客项目" title="部署构建的第三方服务和博客项目"></p>
<h3 id="曲终落幕---心中何想">
<a class="header-anchor" href="#%e6%9b%b2%e7%bb%88%e8%90%bd%e5%b9%95---%e5%bf%83%e4%b8%ad%e4%bd%95%e6%83%b3"></a>
曲终落幕  | 心中何想？
</h3><h4 id="关于这段经历">
<a class="header-anchor" href="#%e5%85%b3%e4%ba%8e%e8%bf%99%e6%ae%b5%e7%bb%8f%e5%8e%86"></a>
关于这段经历
</h4><p>这段经历，如果用三个词来形容的话，可以说简直就是曲折坎坷、一波三折、心力交瘁（笑）。不过我也不感到后悔，毕竟这算得上是我这几年内唯一一件为了心中所想，不辞辛苦、绞尽脑汁、全力以赴最终如愿实现目标的事情了。后续我也有要努力去做的事情，这段不轻松但实现了目的的经历，也算给一直踌躇不前、三心二意的我注入了一些信心吧。再次感谢deep酱、感谢坚持不懈没有放弃的一周前的我，我会铭记这段特别的经历。这个博客我会好好珍惜，以后会长期坚持在这里写一些人生经历、思考感悟、读书笔记、影视作品观后感相关的文章。</p>
<h4 id="一些后续的思考和想法">
<a class="header-anchor" href="#%e4%b8%80%e4%ba%9b%e5%90%8e%e7%bb%ad%e7%9a%84%e6%80%9d%e8%80%83%e5%92%8c%e6%83%b3%e6%b3%95"></a>
一些后续的思考和想法
</h4><h5 id="关于心流">
<a class="header-anchor" href="#%e5%85%b3%e4%ba%8e%e5%bf%83%e6%b5%81"></a>
关于心流？
</h5><p>这段时间我的心理状态，我认为拿“进入心流状态”来形容是没问题的。极致的专注，为了实现目的甚至达到废寝忘食的地步。心流状态之前也是有达到过的，记忆比较清晰的一次是，为了完成大学毕业答辩项目，一个人一大早带着笔记本坐在阶梯教室，没去吃午饭就靠着一瓶水，从早到晚一直坐在电脑前写代码，不停修改、调试、搜索解决方案、再修改，和这次建博客的经历基本一致，只不过这次更夸张了些（笑）。</p>
        
        <hr><p>本文2026-07-16首发于<a href='https://baichun-blog.254399.xyz/'>白純の小窝</a>，最后修改于2026-07-16</p>]]>
      </description>
      
        <category>日常记录</category><category>人生往往</category>
      
    </item>
    
  </channel>
</rss>
