2021最新hexo博客Matery主题搭建系列（二）

前言

Hi~~,你好，我是CodeCheng,经过了这将近两个月的折腾，作为小白完全什么都不懂的我，也终于搭好了一个自己的个人博客（基于码云（Gitee）现在gitee好像用不了了，page服务暂时用不了，我自己买了腾讯云服务器，现在这个是在腾讯云服务器与Hexo的结合）如果没有自己的域名和服务器的小伙伴就用这个。后面又学着部署到自己的域名和云服务器,学一个东西之前应该了解需要什么，如何搭建环境，一步一步的试错，就可以了。

1.需要的环境

hexo是基于node.js的环境的，我们必须要有Node.js和Git工具，先检查有没有这个环境，如何检查下步骤，没有的话到这里下载

• 各自的官

• 可根据个人喜好替换的软件：

  • Visual Studio Code 就是用来看和修改的相关代码的，这里我使用webstrom,vscode,notpad++，记事本，其他工具能看就可以
  • Typora 写markdwon语法和博客最好用的工具

  必须的软件下载：

  • node.js
  • Git 或者 Git镜像站

  要用到的框架或平台：

  • Hexo
  • 码云（Gitee）

检验是否成功安装

用 Win + R 打开运行，输入 cmd 并进入cmd

node.js 的检查

npm 的检查

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题

Git 的检查

以上有显示版本 ，则说明安装成功

2.Hexo的安装

可以看官 文档，只需要几个命令，安装好Git工具后，cmd 和Git Bash here是一样的命令行窗口

Hexo的安装

1、安装之前可以先设置一下淘宝镜像加速器，npm下载慢和失败可以使用cnpm

2、全局安装框架

3、创建你的博客目录

4、进入你博客的目录

5、复制文件到你博客的目录

5、安装Hexo部署插件

请在你博客的目录下启动cmd，再执行以下代码

3.Hexo常用代码

1、清理缓存 清理 生成的public文件夹

hexo cl 是 hexo clean 的简写

2、生成静态页面 你会看到node.js生成了public文件夹里的静态资源

hexo g 是 hexo generate 的简写

3、在本地映射（预览）在本地localhost:4000端口查看效果

hexo s 是 hexo server 的简写

4、部署推送 这一步需要配置gitee仓库后才使用

hexo d 是 hexo deploy 的简写

5、还可以一次执行

4.重点根据（文档）

这是我搭建以来，看过的，整理的最齐全的也写的比较好的大佬hexo matery主题搭建

上面只说了一点点，详细的参考我下面给出的链接，看完每个都会有收获

• gitee主题文档，国内比较快就先用这个，hexo-theme-matery: hexo-theme-matery主题仓库 (gitee.com)
• github主题文档，blinkfox/hexo-theme-matery: A beautiful hexo blog theme with material design and responsive design.一个基于材料设计和响应式设计而成的全面、美观的Hexo主题。国内访问：http://blinkfox.com (github.com)
• 洪卫博客，Hexo+Github博客搭建完全教程 | 洪卫の博客 (sunhwee.com)
• Yafine，Hexo+Github博客搭建之Matery主题安装配置篇 | 过客~励む (yafine-blog.cn)
• 会飞的小弋，Matery主题搭建与优化教程超详细解析 | 小弋の生活馆 (gitee.io)

看这里足够搭建出一个基本的matery,就差部署到远端了，建议全部弄好后，在尝试着部署。

我的博客小家地址：我的hexo matery主题小家,欢迎一起学习和添加友链

文章知识点与官方知识档案匹配，可进一步学习相关知识Git技能树首页概览2968 人正在系统学习中