大一大二学习了前端和后端的知识，在B站和各种网站上一通乱学，都没学精，现在发现学习了什么都记不得了。最近看了一位老师的视频学习到了你学进去的知识更重要的是输出，因为你输出了才真正是你学到的。今天开始用博客记录我学习的知识，一起共勉。

---

1.安装node.js

官方网站安装即可,安装步骤非常简单，一直next，下一步就可以了，默认安装就行。

验证安装 命令:

node -v #查看node版本  
npm -v #查看npm版本

安装淘宝cnpm

为了速度更快些，使用淘宝cnpm管理器

命令：npm install -g cnpm --registry=http://registry.npm.taobao.org  
安装完成查看cnpm是否成功，查看版本信息 cnpm -v

2.安装hexo框架

命令：cnpm install -g hexo-cli

安装完成查看版本: hexo -v

使用Hexo创建博客

Linux系统命令

mkdir blog #创建blog目录  
cd blog  #进入blog目录  
sudo hexo init  #生成博客 初始化博客  
hexo s #启动本地博客服务  
http://localhost:4000/ #本地访问地址  
hexo n "我的第一篇文章" #创建新的文章

Window系统

博客目录下/source/_posts下直接新建.md文件

参考链接

官方文档地址 https://hexo.io/zh-cn/docs/

3.主题Fluid的更换

获取主题最新版本

方式一：

Hexo 5.0.0 版本以上，推荐通过 npm 直接安装，进入博客目录执行命令：

npm install --save hexo-theme-fluid  

然后在博客目录下创建 _config.fluid.yml，将主题的 _config.yml 内容复制进去。

方式二：

下载最新release版本解压到 themes 目录，并将解压出的文件夹重命名为 fluid。
指定主题
如下修改 Hexo 博客目录中的 _config.yml：

theme: fluid  # 指定主题   
language: zh-CN  # 指定语言，会影响主题显示的语言，按需修改

创建「关于页」

首次使用主题的「关于页」需要手动创建：(注：此处必须创建，否则about页面无)

hexo new page about   

创建成功后，编辑博客目录下 /source/about/index.md，添加 layout 属性。
修改后的文件示例如下：

---
title: about   
date: 2021-03-23 19:20:33   
layout: about   
这里写关于页的正文，支持 Markdown, HTML
---

更新主题

修改hexo根目录下的 _config.yml 文件 ： theme: fluid
百度了很多更改Fluid背景图片和文字的方法没有找到，官方文档一开始看的有点看不懂，没有静下心看，导致耽误了很久。

官方文档 https://hexo.fluid-dev.com/docs/start/

更改地址在theme/fluid/_config.yml 或者 _config.fluid.yml中修改全局配置。

4. 使用Git上传至Github

Git官网 下载直接安装，一直点下一步
使用教程 参考链接https://www.runoob.com/git/git-tutorial.html(推荐使用免密SSH公钥)

hexo c	#清理一下
hexo g	#生成
hexo d	#部署到远程Github仓库

5.部署到Github上

Github创建一个新的仓库 YourGithubName.github.io
#在blog目录下安装git部署插件cnpm install --save hexo-deployer-git
#配置_config.yml

# Deployment   
## Docs: https://hexo.io/docs/deployment.html    
deploy:   
      type: git    
     repo: https://github.com/YourGithubName/   YourGithubName.github.io.git
      branch: master   

#部署到Github仓库里hexo d
#访问这个地址可以查看博客https://YourGithubName.github.io/

注:YourGithubName必须与你的Github名字一模一样，否者页面打不开。

总结：看官方文档是学习最快最好的方式，一开始看不懂没关系，一个字慢慢看，一定会有收获的。切勿囫囵吞枣。

基于B站视频搭建 特别感谢up主 CodeSheep