![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsICdzFWRoRXdvN1LclHdpZXYyd2LcBzNvwVZ2x2bzNXak9CX90TQNNkRrFlQKBTSvwFbslmZvwFMwQzLcVmepNHdu9mZvwFVywUNMZTY18CX052bm9CX90EVORza65kMFpXTmZEWjZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39jNxQjNxcDM2EjNwITM3EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
我们可以在很多地方写技术博客,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教程
完