熊の博客搭建只能用精彩纷呈形容哇
本文章适用于：
1.跟我一样从未搭建过静态博客且（前端）代码知识几乎为0但又不想花过多时间去了解底层代码知识仅有书写博客内容需求的人；
2.跟我一样对互联网上教程每一步都有很多小问号问gpt结果问号越来越多本质缺少活人手把手纯手工制作教学的人；
3.我。
1序
1.1小想法就像四月的天，多变又多变
今天天气很好很适合一局顶级折磨（）
起因是家中喜迎一位新成员战66，新嘉宾的到来就促使人想再引进点新的什么这种感觉就像剧情推进世界观逐渐展开一样激动人心？！加上我上这个互联网被创的次数太多了我认为有必要每周每月统合大史记让大家陪我一起痛苦而且这样就能为我的卖课Onlyfans社群铺路哦呵呵呵呵。之前一直拖着没去鼓捣博客，要不就？
别说，一个小小的念头让我折腾了三天，物超所值啊！
虽然说着有无数专门为小白写的教程，但不可避免搭建博客会涉及到很多专有名词，一旦你对其中某种分类某个名词产生好奇，找着找着很容易找偏并强烈打击你的自信心，像是我很久之前为教程文章中提到的vps困扰我说这是什么你们都这么厉害吗人均电脑大师只有我怎么一点都看不懂算了关电脑睡觉还是回归结绳记事吧……你看，这样其实不好因为我们容易迷失在知识的海洋里！
我们还是需要一个目标来指引我们到目标地点而不是放任自己环球旅行，脑袋里的小问号起源于“为什么它在这”，让我们回到起点，此时无需问“博客是怎么建成的”，这是一个技术需求，而是去解决一个业务（用户）需求：
博客是怎么出现的？我们为什么要选择它？
1.2没有买卖就没有伤害？
网要笑着玩
实际上我相信所有技术出现都是基于人类需求，而人类需求不是凭空突然冒出来就像古人不会想哇我们有人工智能的话该多方便幸福呀，技术出现使用——其实互联网技术简称不如说是一堆新兴软件这样我们就不需要面对那么底层的东西——也是会有一个相对符合逻辑循序渐进的过程，所以我默认常见情况如下：
- 1.你手上有想要发布的东西（也可以没有，但你有这个念想），比如说日记，旅游攻略，游戏技术……这是你的博客最核心的“内容”，你可能以纸质形式保存，也可能放在了本地电脑上已经有了电子文件形式。
- 2.你需要把这些东西发布到互联网上——这也是互联网起名之初称为互联网的原因——和网友一起分享，或者说你的需求是更好的留存，总之这离不开互联网。
- 3.事实上，将软件极尽简化使用操作，用户只需要想好想说的内容，点击发送不涉及任何别的配置（此处配置指系统配置），现在所有平台都是这样做的，但是也面临一个最大的问题，就像你住在别人家，如果你的行为不符合别人心意，别人可以随时赶你出去。而且就算别人没明说暂时还未采取举动，住在别人家，总有种受制于人的感觉。
- 4.那我能不能自己搭房子？令人欣慰的是，有需求的地方就有市场有市场就有买卖有买卖就有伤害……以下涉及到的方案即便有注明免费的但其实本质上还是符合“买卖需求论”（我自己编的词），下文将会尽量说明我们为什么能“免费”获取一些服务免费搭好博客。
1.3一点点的搭建工具问答
拿起（闭源）工具我就无法拥抱你，放下（开源）工具我就无法保护你
既然我们决定拿好包袱从盖草房开始新生活，关于怎么建房子接下来我们会听到几乎每篇搭建博客教学都绕不开的词，也就是我们盖房子需要的工具们，你是否和我一样会有很多小问号，我默认答案是“是”，接下来会用并不严谨但尽量让无代码经验的友友们听懂为主的语言进行描述，但凡会一点代码懂一点互联网的都不要听直接跳到实操Step1，当然，欢迎指正：
1.3.1文本编辑器
这里我们选择的是Markdown文本编辑器——支持的软件有Obisidian（首推）、Typora、Vscode（其实这个写代码的才常用）等
Markdown是什么，能吃吗
找到一个不知道算不算官方的但比我说的要官方的参考文档《Markdown中文版参考指南》，比较书面的解释是
Markdown 是一种轻量级标记语言，你可以使用它向纯文本文档添加格式元素。
什么轻量重量，哈哈看不懂
为什么选择Markdown，好吃吗
我想大多数已经用上电子设备进行书写的友，如果没有特别需求主动去接触过别的标记语言（如果你从未听过标记语言这个词就适用于本句的“如果”），应该大多聚集于word（只要曾经用过都算）或者一些跟word使用方式大差不差的笔记软件，在文字之外我们还需要关注的一点是样式，例如
不知道为什么样式没法预览，这里仅写一下markdown添加样式规则，感兴趣的友友在搭建过程中就知道我在说什么了……
|
|
是的，我们以往只需要鼠标或者手指在对应按键上点一点，你就可以很简单的将对应文字修改成我们需要的样式，但问题来了，我们能获得这样的便利实际上也是因为我们交出了部分的自由。
因为我们依旧还是住在别人家。
以word为例，保存的可编辑的文档格式（.doc）（.docx），一旦我们需要留存、分享，如果只是分享给你的朋友且你的朋友也有Office，但网站不认文档文件，所以当你将精心排版的文字直接粘贴到网站上你会发现—wow，什么都没有发生，一切样式归为虚无只剩一大坨文字，这就是纯文本。当然，也有粘贴过后保留了部分样式但是给你打上了一些你可能看不懂的符号，在此不赘述。
我们现在可以知道的是word将一切的样式给我们封装（打包）好了，但代价是它作为闭源软件，如果你的内容想要迁移到别家非常不灵活（这也是闭源的意义之一），在这个需求下，我们不必去了解历史上这些工具的变迁，让我们直接来到【总结】部分：
纯文本网站都能识别，但我们需要样式，且这种添加样式的规则最好不受制于平台、版本，再加上一点，能简单好上手，别忘了，对我们来说博客最重要的部分依旧是我们博文内容而不是搭房子的工具，markdown可以满足我们上述的基本要求，所以我们用它。
题外话：这个时候或许可以来说说markdown定义中的“轻量”，本篇文章的样式即采用markdown规则，一般需求基本上足够用，但如果你想玩一些更精细的，像是字体颜色、插入图片，就要涉及到html等，但我们现在不必如此心急，等到有需求的时候你自然会去弄懂它的。
支持Markdown的软件，怎么吃
首推Obsidian除了它能识别.md文本以外还有很多有意思的小功能而且支持多平台加上它开源，更重要的是它简洁，嗯……没有广告。其实如果你没有任何要求你甚至可以在文本文档（.txt）里写，虽然无法识别你写的样式规则……
考虑到篇幅，关于Obsidian的具体使用操作在本文章不会提及，您可以查询Obsidian的官方文档或者观看一些它人的基础操作教程。
Markdown基础，慢慢吃
我依旧建议需求导向，大家可以回想一下你以往在笔记记录软件上用的最多的功能是什么，然后再根据自己需求去网上搜索找实现办法。
常用的几类样式语法：标题、段落、换行、文字格式、引用、列表、代码、分割线、链接、插入图片，都可以在互联网上轻松找到。
我偏不我就要用我习惯的笔记软件我才不要学劳什子Markdown，我不吃
机器熊模式：好的。
有需求的地方就会有新技术，即便这一切其实是绕一个大圈，不过人类不就是这样！（我也经常这样）有相关需求的您可以通过搜索引擎带着相关关键词例如“word转markdown插件”去实现您的需求。以及一些笔记软件也支持分享页面，例如Notion。
1.3.2博客框架生成
先引入一个浅浅的概念，博客最核心的是我们输入的博文内容没错，但技术层面来说，一个博客实际上还包括了html、css、js、图片、视频……一些乱七八糟的，难道都需要我们亲力亲为？
而且其中一些操作其实是固定的，是重复性工作，这点很重要。
懒，是生产动力起源，因此，框架诞生了。（我其实称之为人类的亡羊补牢，因为重复性工作很容易出错，直接给你打包好总不会出错了吧！）（其实还是会）
市面上有很多博客框架，本文综合许多因素选择了Hugo，其实就是友友在用说明一定是好东西我也要用，嘿嘿。
1.3.3服务器
服务器的作用很广，我们需要服务器做的是储存我们的博客文件数据，本篇文章将依托GitHub解决这个问题。
注：Github是什么？人话版，主要面向程序员存放代码的地方，但我们可以用它来搭个博客。
1.3.4域名、ip
ip、域名，比较通俗的解释即你需要说明你搭的房子在哪，这样别人才能拿着对应信息来到你家，关于ip稍微深入说一点就会牵扯到很多东西，这并非本文章重点，因此我们只需知道ip是一串数字，而数字对于人类来说并不好记忆，所以人类搞出来了域名，并且开启了一系列关于域名的买卖（下略）。 本文章解决方案将用GitHubPage同时解决ip和域名两个问题，它将给我们分配空间及一个域名。
1.3.5 小贴士
你发现了吗，服务器和域名这部分如果你有更高的要求，像是你想拥有一个自己的服务器，想要一个喜欢的域名，那么就需要动用……小脑瓜，去三方比价（？）动用钞能力。因为这些实际并不是免费的服务，我们实际上是搭了GitHub提供的便利（？）。
2一步步开始砌房吧
咦，怎么少了一块？
一切的（阴暗地爬行） （阴郁地蠕动）（阴森地怪吼）（不分对象攻击）都是从产生这个傲慢想法开始的：
注册使用三个软件而已你能秒我？
起初，我决定采用Hugo+GitHub+Vercel（一个自动化把你本地已经搭好的hugo博客框架上传到GitHub的软件我是这样理解的），但没想到惨遭Vercel的拒绝，在一套证明我是人的丝滑验证小连招之后它需要我填写手机号……那我当然是拒绝的，好吧，全自动转半自动，没想到折磨从这里开始……
在此不详细说明其中曲折而是会一定程度掰碎揉进下列操作流程中，以小作坊加料形式。
2.1文本编辑器（可选）
因为我已经早早用上Obsidian，所以跳过了这一步。（谁在炫耀？）
之所以说（可选）是因为你如果没有任何要求，用文本文档写也可以，只是说不太好看也不太方便预览……
这里放一下Obsidian官网：Obsidian)
2.2博客框架Hugo
我在这一步受折磨了太久，最后找到了这个真正的手把手教学《Hugo + GitHub免费搭建博客，并实现自动化部署》，作者也给出了对应的文档《Hugo + GitHub免费搭建博客，并实现自动化部署（文档）》
2.2.1下载
下载Hugo：Hugo
在这里默认有跟我一样几乎没正经碰过GitHub的小白，温馨提示，点开Tags，点开后排列顺序从新到旧，版本号不是越新越好，大家能懂我意思吧技术日新月异可能你今天鼓捣出来的东西2年后系统就不支持了，因为我这边一路报错吃了太多的苦，为求稳我选了跟参考视频一样的版本v0.131.0，点开Downloads之后你会看见Assets，这里面一般是作者做了适配不同平台系统的，我们只需要选择其中一个即可，这里选择了hugo_extended_v0.131.0_windows_amd64.zip。
建议把Hugo解压缩到你比较顺手的位置，因为我们后续让它生成框架直接在这个文件夹下执行最方便。
2.2.2搭建博客框架及参数调试
在该文件夹位置cmd调出命令行（如果有不知道命令行的搜索引擎搜一下），想好你要放入博客框架的文件名，这个文件名跟后续我们展示在网页上的没有关系，喜欢取什么就取什么，但也不要取得太奇怪，建议全英文，无特殊字符（!^.@&这些），我在这里取名为bear，在命令行输入hugo new site bear，就这么简单的一步，它就给我们搭建好了，现在你可以看到多了一个叫做bear的文件夹。
\小狗熊（本地版）诞生了！/
……但其实只是创建了核心的博客文件夹并且塞了些基础配置，我们可以点开看，里面绝大多数子文件夹是空的，也就是说我们当前创建了一个网页但是是空壳，接下来才是重头戏：主题。
其实感觉有被自身经验及网上说法及翻译误导到，因为按照我以往的经验，主题是锦上添花的东西，但是我误会了一点，我们刚才的那个命令并不包含预设一个主题，它真的是，空的。
那么就跟着命令行弹出来那一堆12345走，点开它给的下载主题链接，去下载一个主题，这里我极其不推荐之前完全没有鼓捣过博客的友友真就像一堆网上教程说的随便下载一个就好，事实上你把主题下载下来我们还需要进行调试，而且每个主题根据作者的喜好不同配置上肯定会有一些差异，如果你没有任何经验用A主题教学折腾B主题极其有可能疯狂报错即接下来不断的调试预览过程你的页面显示错误，别问，问就是吃过亏了，已删除所有文件重来3次。
小插曲：其实写主题的作者们为了方便使用者配置，一般会特别放一个exampleSite文件夹，相当于新手包，复制粘贴咔咔一顿就好了，但我最开始下载的主题，没有exampleSite文件夹……对于没法触类旁通的小狗熊来说真是令人摸不着头脑。
这里我跟着这个贴心小白教程下载了Stack主题，接下来参数调试过程跟着原视频做，加上小熊本阶段也对这部分调试一知半解也还在汲取知识中，就不重复书写了，等到熊能举一反三的时候再拿喜欢的主题来说吧！
如果到这里你也一路顺利，其实已经成功了80%，歇口气歇口气。
2.2.3Hugo常用指令
- 创建新文章：例如我们要创建一篇叫weekly的文章，在你的博客文件夹下，本文章中即指bear，启动命令行，输入命令
hugo new content post/weekly/index.md，一路点开\bear\content\post，事实上我们所有的博文都会放在这（如果你跟着教程一路走来可能我这句话已经说晚了），因此如果后续万一出了什么问题，一切皆可抛，唯一需要记得带上你的post文件夹走。
2.3村里通网了之GitHub
2.3.1Git
Git原本用法包含了我们实际用法，我们此处只需知道我们需要Git这个中介将我们的博客（本地版）上传到GitHub，这样别人就可以通过链接访问到我们的博客。
Git官网下载：Git
2.3.2GitHub
Git官网：GitHub
小贴士：注册账号推荐使用邮箱，不要用国内邮箱（Outlook最好也不要），试手拿着玩的可以用临时邮箱。账号名需要注意，用这个方案我们获取的域名与你的账号名强联系，例如本博客GitHub账号名就是beebeebear，所以取账号名的时候可以稍微留心一下。
账号建立后跟着教程走建仓库repository，建立公开仓库后续放public文件，实际上public文件就是我们Hugo发功之后最终结果，不涉及源代码，如果你跟我有一样的好奇心，我们点开其中任意文件夹找到index.html这样的文件双击点开，你会发现它实际上已经帮我们生成了一个个独立的页面。
好了，截至这里，半自动化已完成，流程即：准备好博文内容——hugo指令创建新博文文件夹及基础文件index.md——复制粘贴修改index.md里的内容——hugo指令hugo -D生成public文件（记得把旧的删掉）——Git指令将public文件上传仓库………………
……好麻烦啊！
接下来探索自动化部署，把半自动化升级到全自动。
To Be Continued