零基础搭建个人博客(零)

在信息技术日益发展的今天,搭建一个属于自己的,独一无二的,自由设计的个人博客网站已经不再遥远,就算是毫无HTML,CSS,JavaScript基础的小白同样也能搭建成功。

搭建个人博客最重要的不是编程基础,而是耐心与坚持

在搭建本博客的过程中,参照的以往的教程都有些老旧,甚至还有一些奇怪的坑容易陷入。

从零开始搭建个人博客(超详细) - 知乎 (zhihu.com)

这一篇教程是搭建个人网站的核心,但由于年代过于久远,UI设计,代码顺序均有变动。

为此我们决定重新写一篇教程,总结并填补各种教程的坑。

总体技术原理

通过Github Page页面的更改方式,将基于Node.js生成的js文件通过git工具部署到对应的仓库,并由hexo驱动,使用户访问该仓库时展示页面,达到个人博客的效果。

环境要求

搭建个人博客推荐在Windows环境和Linux环境下搭建。

需要安装的软件包括:

  • git
  • Node.js
  • hexo

过程概述

搭建一个个人博客,就像在搭建一座房子。

首先,需要「买」下一块土地。(存放代码的服务器)

接着,要学会往「土地」上放东西。

然后,可以树立一个「路标」,显示出个性与特色。(购买域名)

并且,要搭建「房子」hexo和node.js。

下来,对「房子」进行「装修」。(设定主题)

最后,要在「房子」里添加各种功能「家具」。(美化主题)

这样,就搭建好了一个个人博客。

总体目录

  1. 注册Github 零基础搭建个人博客(壹) | Liam’s boring life

  2. 安装git工具并与Github建立连接 零基础搭建个人博客(贰) | Windeling

  3. 域名的购买与解析 零基础搭建个人博客(叁) | Windeling

  4. 安装node.js和hexo 零基础搭建个人博客(肆) | Liam’s boring life

  5. 设置个人主题 零基础搭建个人博客(伍) | Windeling

  6. 发布文章 零基础搭建个人博客(陆) | Windeling

  7. 优化主题功能 零基础搭建个人博客(柒) | Liam’s boring life

按照这七章的内容一步步的来,你就可以搭建一个完全属于自己,没有任何赘余功能的个人博客网站了!

还等什么?现在开始吧!


零基础搭建个人博客(零)
https://blog.windeling.com/20230929ffa1f970/
作者
黄文林
发布于
2023年9月29日
更新于
2025年5月10日
许可协议