Android知识HexoWEB前端程序开发

利用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

浏览器输入http://localhost:4000

我不知道你们能不能,反正我不能,一直打不开,不管他,我们直接配置到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
上一篇下一篇

猜你喜欢

热点阅读