前言
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主题搭建
上面只说了一点点,详细的参考我下面给出的链接,看完每个都会有收获
- 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博客主题之hexo-theme-matery的介绍 | 闪烁之狐 (blinkfox.github.io)
- 洪卫博客,Hexo+Github博客搭建完全教程 | 洪卫の博客 (sunhwee.com)
- Yafine,Hexo+Github博客搭建之Matery主题安装配置篇 | 过客~励む (yafine-blog.cn)
- 会飞的小弋,Matery主题搭建与优化教程超详细解析 | 小弋の生活馆 (gitee.io)
看这里足够搭建出一个基本的matery,就差部署到远端了,建议全部弄好后,在尝试着部署。
我的博客小家地址:我的hexo matery主题小家,欢迎一起学习和添加友链