浅谈用Hexo在GitHub搭建博客

  我们可以在很多地方写技术博客，csdn ，简书，掘金等等,但是最近看到很多技术博主都是使用了Hexo搭建自己的博客，帅气逼人。Hexo是台湾大学生写了基于Node.js的静态博客程序。本文只介绍了hexo的静态网页直接放在GitHub Pages上面。这里没有前端基础开发朋友，不用担心不懂Node.js,只要你跟着下面的步骤走，你就能拥有一个牛逼哄哄的个人博客网站：

前期准备

• node环境
• git
• GitHub账号
• vs code编辑器

Node和Git都安装好后，开始安装 Hexo可执行如下命令安装hexo：

  注意：仓库名必须为【your_user_name.github.io】格式一定要对哦；由于网上有很多的github教程就不在介绍了；

$ sudo npm install -g hexo

初始化hexo

 $ hexo init <文件夹名称>

生成静态页面

 $  hexo g

启动本地服务

 $  hexo s

浏览器输入http://localhost:4000 就会出现如下的页面 ：

在vscode 打开项目，配置Github

  deploy: 
  type: git
  repository: github的地址
  branch: masterzh
  注意  以上冒号后面要有空格

部署到Github

 $  cd <文件夹名称>
 $  hexo g
 $ sudo npm install hexo-deployer-git --save
 $ hexo d
 输入github得用户名和密码

查看效果

每次部署的步骤，可按以下三步来进行:
hexo clean ==> hexo g==>hexo d

Hexo常用的命令

• hexo new “postName” #新建文章
• hexo new page “pageName” #新建页面
• hexo g#生成静态页面至public目录
• hexo s #开启预览访问端口（默认端口4000，’ctrl + c’关闭server）
• hexo d #将.deploy目录部署到GitHub
• hexo help #查看帮助
• hexo version #查看Hexo的版本

参考文献

常用命令
Hexo官网
Hexo教程

完