基于HEXO的个人博客图文搭建详尽过程，看不懂算我输

前言

须知&＃xff1a;
1.最终生成的博客地址必须是&＃xff1a; ZQ-jhon.github.io 即用户名.github.io
2.本地的HEXO仓库&＃xff0c;命名必须也为 ZQ-jhon.github.io &＃xff0c;HEXO项目放置于该目录之下。

昨天经过一番折腾&＃xff0c;终于将HEXO部署上线了&＃xff0c;以下对于昨天整个搭建的过程做一个详细的回顾。

HEXO是基于NODE的一款博客框架&＃xff0c;有很多丰富的主题可以选择&＃xff0c;配合GIT来使用。

Git回顾&＃xff1a;本地仓、远程仓

安装

整个安装过程我是参考一位博主&＃xff1a;HEXO系列教程

以下用自己的理解来做一番梳理与归纳&＃xff1a;

*先介绍HEXO中的4个命令&＃xff1a;

$ hexo g #完整命令为hexo generate&＃xff0c;用于生成静态文件
$ hexo s #完整命令为hexo server&＃xff0c;用于启动服务器&＃xff0c;主要用来本地预览
$ hexo d #完整命令为hexo deploy&＃xff0c;用于将本地文件发布到github上
$ hexo n #完整命令为hexo new&＃xff0c;用于新建一篇文章

首先&＃xff0c;确保本地Git公钥与Github公钥相匹配&＃xff0c;参照&＃xff1a;Git本地仓

确认匹配后&＃xff0c;新建Repository&＃xff0c;命名的时候&＃xff0c;规范为&＃xff1a;

github名字.github.io

因此&＃xff0c;这里的新仓库名字应该为&＃xff1a; ZQ-jhon.github.io

同样的&＃xff0c;在本地新建一个同名的目录&＃xff1a;ZQ-jhon.github.io &＃xff0c;然后打开目录&＃xff0c;文件夹是空的

此时&＃xff0c;在项目目录下右键打开Gitbash here

1.$ cnpm install hexo-cli -g      使用淘宝镜像安装hexo-cli

2.npm install hexo-deployer-git --save    模块安装到开发目录

3.$ hexo init   初始化

4.$cnpm install   安装依赖

&＃xff08;PS&＃xff1a;中途如果出现问题&＃xff0c;可以 cnpm install hexo-deployer-git --save 安装GIT的PUSH插件&＃xff09;

5.$hexo g && hexo s 构建(genereater)并启动服务(server)&＃xff0c;在locallhost:4000下即可预览效果

远程部署

本地的文件我们已经在locallhost:4000端口预览的非常满意了&＃xff0c;如何部署到站点(github)上呢&＃xff1f;

1.首先&＃xff0c;找到HEXO目录下的 __yml文件&＃xff0c;在最下面修改如下&＃xff1a;

deploy: type: gitrepository: git&＃64;github.com:ZQ-jhon/ZQ-jhon.github.io.gitbranch: master

注意&＃xff1a;如下图所示&＃xff0c;这里的repository地址就是Github download时弹出的项目地址&＃xff0c;但是最好不要用HTTPS协议&＃xff0c;走SSH协议&＃xff0c;昨天因为这个问题&＃xff0c;调试了一下午&＃xff01;&＃xff01;&＃xff01;

2.布置好以后&＃xff0c;我们来Ping一下Github&＃xff0c;看能否有响应&＃xff1a;

$ ssh -T git&＃64;github.com

欢迎了一波&＃xff0c;很稳。

此时&＃xff0c;直接把Server Ctrl &＃43; C

然后 $HEXO D   直接推送&＃xff0c;稍等片刻&＃xff0c;打开Github仓库&＃xff0c;看看文件是否上传成功

如果上传成功&＃xff0c;大功告成&＃xff0c;打开 https:ZQ-jhon.github.io即可访问博客页面了。

## 文章新建与MarkDown语法 ##

新建文章 $hexo n filename

这个比较简单&＃xff0c;建完文件&＃xff0c;也别秀骚操作了&＃xff0c;老老实实去source文件夹的_post文件夹里面&＃xff0c;去用一个好点的编辑器&＃xff0c;修改文本文档&＃xff0c;保存为UTF-8格式&＃xff0c;并且修改后缀名为.md&＃xff0c;保存类型为所有类型&＃xff0c;否则上线部署会产生乱码。

值得一提的是&＃xff0c;CSDN的在线文档编辑器就采用的是MarkDown语法&＃xff0c;而且该种语法与标签语言完全兼容&＃xff0c;因此&＃xff0c;可以将HTML代码原封不动的全被拷贝近.md文件。

主题更换与配置

在我们HEXO根目录下&＃xff0c;有一个themes文件夹&＃xff0c;里面存放的都是各式各样的主题&＃xff0c;默认的是landscape&＃xff0c;我们可以去官网&＃xff0c;HEXO的THEME分类下下载更多精美的主题&＃xff0c;然后解压缩&＃xff0c;将文件夹放在themes下&＃xff0c;另外稍微修改 __yml文件下&＃xff0c;theme:lanscape 即可。

相关的配置&＃xff0c;我们可以follow官方推荐作者的github去看看人家的wiki或者code&＃xff0c;都有详尽的说明&＃xff0c;甚至可以加QQ咨询……

最终效果与总结

Welcome to the ZQ-jhon.github.io wiki!

不得不说GITHUB开源生态真的非常强大&＃xff0c;感谢这些开发者带来的精美主题。

感谢主题作者Miachel.LuHEXO-Mellow-theme 点击查看该项目