# 导航栏

# 前言

Hello 哇，摸了好久好久的鱼了，我要开始好好学习好好更新啦！！！不能白瞎了服务器的钱不是～哼哼，说实话也不知道写些什么，但想到之前有不少人说想要了解一下爷的博客的搭建教程，那么就来挖个新坑吧！！！

注意，本文将划分为多个系列文章，将介绍博客搭建，部署，甚至对部分功能魔改及踩坑点的介绍，因此完结时间不确定，本文仅作为基础介绍及目录列表（咕咕咕）

说过好多次了，本站点由 Hexo+Shoka 主题搭建，为了能让人了解是个什么，就稍微介绍一下吧（划水混字数 x

Hexo 是一个基于 Node.js 的静态博客框架，可以快速搭建个人博客网站。它使用 Markdown 语法来编写文章，支持多种主题和插件，可以方便地进行个性化定制。Hexo 生成的网站可以部署到各种静态网站托管服务上，如 GitHub Pages、Netlify 等。

快速使用

1. 全局安装 hexo

npm install -g hexo-cli

2. 初始化博客目录
打开一个终端，cd 到你想要初始化的目录，执行以下命令

	# xxx 为博客目录名称
	hexo init xxxx

若出现以下错误，可进入目录文件下夹执行 npm install , 即可下载安装所需模块

3. 运行测试
进入博客文件夹，执行以下命令即可在本地生成博客服务

hexo s

打开浏览器，输入 http://localhost:4000 ，即可访问博客模板内容

控制台输入 ctrl+c 即可停止服务

4. 打包生成静态页面
执行以下命令，即可在 ./public 下生成静态文件内容

	hexo clean #清除现有静态缓存
	hexo g #生成静态页面

1. 注册并登陆码云 Gitee
2. 创建一个开源仓库，并将上方生成的静态页面文件夹上传至仓库
3. 将仓库选择为 pages 服务启动，详细参考这个：Gitee Pages

github 部署
与 gitee 流程相似，不需要人脸验证，但访问速度很慢（可科学上网解决），具体可以参考下这篇文章：利用 github.io 快速拥有自己的第一个免费个人主页

1. 注册并登陆 Github
2. 创建一个 xxx（自定义）.github.io 为仓库名的公共仓库
3. 将上方生成的静态页面文件夹上传至仓库
4. 浏览器输入 xxx.github.io 即可访问博客