折腾博客后续-补充版

对这段时间折腾博客后续的一些感受?不是教程。也可以说是小白搭建博客的补充版。

我发现最简单的建站是开箱即用 即借力。复制人家折腾好的博客,把文章内容替换成自己的。

**但前提:**得对电脑环境配置以及了解将要搭建的博客用的什么技术。

比如 我用 hugo + GitHub+ vercel

搭建。

前提就得

安装 hugo + git + vscode + GitHub 面板以及注册 GitHub + vercel 网站。

别问为什么安装。(如果没说,后面运用就知道是什么东西了。

git + vscode + GitHub 面板这三个是后续管理博客的工具,厉害的人是不需要安装GitHub 面板,一律用 git 命令执行。

hugo 是网站的框架 + GitHub 免费存放网站文件的地方+ vercel 是免费虚拟服务器。

三者上传文件=网站都是同一份,所以需要同步随时访问需要账号互通,线上线下打通;

网站有了,存放网站的文件地方有了;服务器也有了自带域名。别人就能访问了。全是免费!!

服务器这就是高级玩家说的需要买个主机vps(买服务器+买域名),国内主机需要备案,独立网站就变得不独立起来。看到备案网站,好感度下跌80%。

就小白没必要花钱买主机 很高大上,或者说买主机搭建的教程一点都不小白,会买主机除了不差钱还都是折腾的程序员。

比如

  • 搭建个人影音库

  • 搭建个私人在线读书库

  • 搭建个在线云盘

  • 建个个长毛象站点

  • 搭建个文档知识库

诸如此类的。

看着很心动看到主机就劝退。当然你可以说拥有主机会再往深去研究主机的用法慢慢也会极客起来。

但是小白诶,不是爱技术的专业人士诶,小白就是可以理直气壮看不懂🙈,学了还不会。这类教程还经常出现宝塔 群晖 黑莓 真的真的一脸懵逼。

我想说的是博客应该聚焦于内容,简单方便才好,什么技术是次要的,选择符合自己的,没必要到纠结买主机还是选域名的地步。

说回搭建blog,我安装 vscode 后就凉在那了,不知道干吗用的。后来才了解可以导入本地站点文件用来编辑文章,修改代码。前端人用写前端开发,是一款开发者很喜爱的文本编辑器。

后来再去摸了 vscode 一些基础用法,配合插件,堪比本地笔记软件。其实最开始就可以主动搜索 🔍:vscode +博客+用法,而不是傻傻的放着。

除了 hugo 需要额外设置外,其他的都是傻瓜式安装。(!!等等 该死的博主 不说明设置怎么设置吗??此处就可以搜:hugo-查看官网文档-如何安装。

首次访问 Github ,本地需要通过 git 设置密钥,这一步是相当赋予了电脑拥有打开GitHub 权限以后都畅通无阻。设置密钥后,二者互通,随时可以访问仓库文件以及上传/修改/同步/文件。

(此处需要搜 git 和 GitHub 是什么以及怎么使用。

教程有时就是这种处处隐藏的知识点/处处踩雷,又不知道从何处着手。真的很想摇摇脑子🧠!摇摇标题是保姆级教程/新手向的作者和自己的脑子,摇醒继续怀疑自己的智商。

成年人倒是忘了人类婴儿时蹒跚学步的艰辛,好像胸有成竹是常态,慢一些学会都是暴击。是大人了,就很容易学东西。忘记了新事物、新东西都是需要花时间学习/试错的,不断摔倒不断爬起才是一个技能点亮的前提。天才和成功的故事总是受欢迎的。总以为别人都能轻轻松松就能弄懂,不轻松就是自己的问题,学起来吃力是不够聪明 。

聪明有时是一种诅咒,是胆怯的开始,是固步自封的圈套。我喜欢看别人纠结 失败 挣扎 不断试错的故事,那是普通人的人生,也是不普通的见证,一种螺旋式的成长。

终于熬过前面,安装好环境啦。此时还是半懂不懂,那没关系,来到了具体步骤 。

  1. 注册 GitHub 账号,登陆 GitHub

  2. 找一个喜欢的他人的博客 - 找到博主的存放博客的 GitHub 仓库 - fork 一份给自己。此时你的博客仓库就建好了。

  3. 通过 GitHub 登陆 vercel-导入刚刚复刻的仓库到 vercel。

到这步如果顺利,网站成功搭建了。可通过访问 vercel 提供的域名打开网站了。

是的,只要正确安装好环境后只需要三步网站就搭好。但此时你的网站内容还是原博的,接下来就是修改网站名和替换文字了。

该步骤需**注意:**原博是什么博客。如果博客框架是 hugo,电脑就得安装 hugo;如果是hexo 就得下载个 hexo 。所以前面说了需要知道博客用的是什么主题什么框架。

黑话就是什么技术搭建的需要什么环境运行。(用术语,嗨怕。

知道框架就针对性查看官网说明文档。需要用什么就查什么。我就记住2个命令:本地预览和新建文件。比如本地预览,打开 git  输入: hugo server 。

  1. 下载 GitHub 面板-登陆 GitHub 账号-克隆刚刚的 fork 的仓库到本地。其实也可以在 GitHub 仓库里修改,但线上修改太费劲,所以需要通过 GitHub 面板复制一份到本地修改-再同步到仓库。

同步就需要用到 GitHub 面板工具了。GitHub 面板的作用其实是通过视图化工具实现文件和代码的管理以及同步。

这里又涉及到 git 的使用。什么是 git ?比如上传 push 和下载 pull。通过 GitHub 面板就不需要执行代码和 git 命令。

用时完全不知道是什么东西。很久后,突然有一天看 git 官方文档,才意识到原来之前每次操作GitHub面板就是传说中 git 的原理,每天点来点去的 pull 和 push 实质就是上传文件,下载文件,更新同步文件。

总的来说 git 是去中心化的管理历史代码工具。可以理解成:某电脑云端 一个正在执行的项目,文件和人都是平等的,每个人随时可以拉/下载/复制一份到本地修改。多人协作互不影响有条有序。最后各自修改的成果汇合到一块/推送/上传到仓库。这过程哪修改了什么时候修改谁修改的全部有记录可循,出错了按原路退回历史记录,无限退回。真的 yyds。比如作者们共同合写一本书通过 git 随时可以拥有后悔药吃。 所以即使不是程序员也可以把 GitHub 当成仓库,备份文件。

其实 GitHub 面板 和 vscode 都自带 git 功能,但本地还是需要安装 git 的软件。

成功安装 git 后,在博客站点根目录右键打开会有 git bash here。为什么需要到根目录,如果不在根目录下,比如在桌面打开git 还得需要执行 cd - 直到进入到你的博客根目录。。所以不懂的 git 的人 就到根目录右键。

  1. 最后找到md文件存放路径 - 替换原博文章 (记得要修改原博的 front matter。这里需要搜索什么是front matter ,再对照原博的文章就懂了。)

  2. 写blog,通过原博文章还能了解版面是怎么写出来/ 加粗/脚注/引用/链接/图片 等等 照猫画虎。再者也可以直接搜索:博客文章怎么编辑  md文件是什么 如何写。 其实就是markdown的用法。

总的来讲该方法是投机取巧建立在一定的理解和基础之上,也边做边学在项目中获取新知识的一种方法。

比较令人裂开!崩溃的是:

如果不经过试错或者尝试过常规的方法就不能理解上述的偷懒取巧的方法,所以能说出多是少化繁为简什么的都是高手啊啊

对我们新手来说是浮云。

需要注意 ⚠️ 前提找的原博网站没有借用第三方服务。比如如果原博设置了的 waline 评论系统,那么不懂修改成自己的数据库同步就会报错,整个网站就废掉了-运行错误-一朝回到解放前。

不过,恭喜!

这时可以通过 git 退回历史版本,恢复旧版本,不限次数。

好了。

如果看到这里还是懵逼;那是我的问题也不是我的问题。那是你的问题也不是你的问题。