2021最新hexo博客Matery主题搭建系列(二)

前言

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

1.需要的环境

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

  • 各自的官网
  • 可根据个人喜好替换的软件:

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

    必须的软件下载:

    要用到的框架或平台:

检验是否成功安装

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

node.js 的检查

node -v

npm 的检查

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

npm -v

Git 的检查

git --version

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

2.Hexo的安装

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

Hexo的安装

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

npm install -g cnpm --registry=https://registry.npm.taobao.org

2、全局安装框架

npm install hexo-cli -g

3、创建你的博客目录

hexo init 你博客的文件夹名字
hexo init blog

4、进入你博客的目录

cd 你博客的文件夹名字
cd blog

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

npm install

5、安装Hexo部署插件

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

npm install hexo-deployer-git --save

3.Hexo常用代码

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

hexo cl

hexo cl 是 hexo clean 的简写

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

hexo g

hexo g 是 hexo generate 的简写

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

hexo s

hexo s 是 hexo server 的简写

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

hexo d

hexo d 是 hexo deploy 的简写

5、还可以一次执行

hexo clean && hexo g && hexo s

4.重点根据(文档)

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

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

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

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

上一篇:Hexo-next主题优化篇


下一篇:2021-04-19