利用Hexo和github搭建自己的简单博客
2017-02-07 本文已影响132人
Only凹凸曼
申请Github账号
这个大家可以自行申请,不会的也可以百度一下,这里也贴上一个百度经验的链接Github的账号申请方法
Github Pages的使用
有了账号以后,首先点击新建仓库,如图:
创建项目
然后到达仓库信息填写界面,如图:
这里只要注意一个地方,就是仓库的名称,必须是:你的用户名.github.io
因为我的已经申请了,没找到截图,所以这个是找的网上的鸿洋老师的截图,他的用户名是hongyangAndroid,所以他的用户名是hongyangAndroid.github.io。
安装Git客户端
Git官方下载地址
大家下载直接安装就行,一直下一步就可以,没什么特殊的,安装完成时候配置一下环境变量。
搭建安装完成之后记得打开Git Base Here 配置用户名和邮箱,有些使用SSH我这边没有使用
git config --global user.name [username]
git config --global user.email [email]
安装Node(必须)
作用:用来生成静态页面的
到Node.js官网下载相应平台的最新版本,一路安装即可。
正式安装Hexo
Node和Git都安装好后,首先创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。
执行如下命令安装Hexo:
npm install -g hexo
初始化然后,执行init命令初始化hexo,命令:
hexo init
好啦,至此,全部安装工作已经完成!blog就是你的博客根目录,所有的操作都在里面进行。
生成静态页面
hexo generate(hexo g也可以)
本地启动
启动本地服务,进行文章预览调试,命令:
hexo server
我不知道你们能不能,反正我不能,一直打不开,不管他,我们直接配置到Github上。
Hexo和Github相结合
在我们刚刚建立的blog的目录下面_config.yml的文件,打开之后,最下面配置Github
deploy:
type: git
repo: https://github.com/OnlyTerminator/OnlyTerminator.github.io
branch: master
然后执行命令:
npm install hexo-deployer-git --save
最后啦,执行配置命令:
hexo deploy
这一块可能要输入用户名和密码
完成之后再浏览器中输入https://onlyterminator.github.io/就行了,我的github的账户叫onlyterminator,你们把这个改成你自己的github账户名就行了。
后期更新博客
后期我们想要添加博客。只要在blog目录下面的source_posts下面添加.md文件就行,我们也可以通过命令来新建,位置也在source_posts下面
hexo new"postName" #新建文章
然后执行下面的命令部署到Github上:
hexo clean
hexo generate
hexo deploy