从零开始搭建自己的博客

发表于 2022-04-03 分类于学习阅读次数：本文字数： 1.9k 阅读时长 ≈ 2 分钟

博客：其实博客的正式名称是网络日记，见名知意，是使用特定软件在网络上出版发表和张贴个人文章的人，或者是一种由个人管理不定期更新文章的网站。

前言

对我来说，我希望有一个监督自己工作、记录自己生活和学习过程的工具，但是对比于第三方博客来说，个人博客可以按照自己的主观想法去任意设计、任意管理，也不用担忧自己发布的文章随时面临被删甚至被关闭的风险，个人博客更具有自主权。

在搭建博客之前，我关于使用何种框架搭建犹豫了许久，最终我决定了使用 Hexo 框架搭建我的个人博客。

Hexo 框架介绍

Hexo 是一个快速，简单和强大的博客框架。你用Markdown（或其他渲染引擎）解析文章， Hexo 会在几秒钟内生成具有漂亮主题的静态网页。

选择 Hexo 的原因

速度极快：Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。
支持MarkDown：Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。
一键部署：只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台。
插件和可扩展性：这个也是hexo很强大的一个地方，强大的 API 带来无限的可能，与数种模板引擎（EJS，Pug，Nunjucks）和工具（Babel，PostCSS，Less/Sass）轻易集成。

Hexo博客框架搭建步骤

Node.js 安装

Hexo 是使用 Node.js 开发的，所以我们安装 Hexo 之前需要先安装 Node.js 环境。

Node.js 是什么？简单的说 Node.js 就是运行在服务端的 JavaScript 。安装了 Node.js 环境，就可以不用依赖浏览器就可以运行 js 代码，其实它也是基于 Chrome 引擎开发的一个开源项目。简单理解， Node.js 对于 js 代码的作用类似 Python 解释器对于 Python 代码的作用。

这里注意，不是说博客框架必须用 Node.js 来开发，博客框架本质上是一个网站，可以用任何语言开发，也有用 Python 的 Flask/Django 或者 Java 开发的博客框架，只是没有 Hexo 这么流行。

Windows：进入Node.js官网点击下载，下载完成后，傻瓜式下一步即可

Linux：使用以下两行代码进行安装

1 2	sudo apt-get install nodejs sudo apt-get install npm

安装完成之后，输入以下两行命令查看版本

1 2	node -v npm -v

Git 安装

Git 是目前世界上最先进的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。也就是用来管理你的 hexo 博客文章，上传到 GitHub 的工具。

Windows：进入Git 官网点击下载即可，下载完成之后会有一个 Git Bush 的命令行工具用来使用 Git

Linux：对于Linux来说更加简单，只需要输入一行代码

1	sudo apt-get install git

输入以下代码查看版本

1	git --version

Hexo 安装

前文中已经成功安装了 Node.js 和 Git 后，就可以进行 Hexo 的安装了，我们需要先创建一个文件夹 Blog （用来存放你的个人博客的文件），然后进入该文件夹，右键打开 Git Bush

输入以下命令进行安装

1	npm install -g hexo-cli

安装完成之后，使用以下命令查看版本

hexo -v

接下来进行 Hexo 的初始化

hexo init

在初始化结束之后，我们能看到 Blog 文件夹多出以下文件

node_modules: 依赖包
public：公共文件夹，用于存放生产的站点文件
scaffolds：模板文件夹
source：资源文件夹，用来存放内容
themes：主题文件夹
_config.yml：博客的配置文件
package.json ：应用程序的信息

在这之后，我们启动本地博客服务

hexo s

结果如下

$ hexo s
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

然后打开游览器输入 http://localhost:4000 就可以看到生成的个人博客了。

到此为止，我们已经完成了 Hexo 的简单部署。

Hexo 主题美化

在第一次初始化的时候 Hexo 已经帮我们写了一篇名为 Hello World 的文章，默认的主题比较丑，既然是我们的个人博客，我们肯定想要其更加美观，更有意思，更有个性，所以我们需要安装各种不同风格的主题。

找到合适的 Hexo 主题

Hexo 官网上