Hexo 搭建github静态博客

最近想要开始写博客,将学习过程中遇到的问题整理出来,分享给大家。首先要做的就是搭建博客,我是第一次写博客,以前从来没有写过博客,网上搜了一下,发现Hexo搭建github博客比较火。界面简单方便易上手,所以下面就简单介绍我搭建Hexo的github静态博客的过程。

第一步 安装Node

作用是:用来生成静态页面

可以到Node.js官网上下载相应平台的最新版本,一路安装即可。 也可以执行命令语句

npm install -g hexo

第二步 安装Git

作用是:把本地的Hexo内容提交到github上面。

因为XCode就自带git,我就不说了。

第三步:申请Github

作用是:用来做博客的远程仓库,域名,服务器之后的。

github的账号申请还是很简单的,直接申请就可以了。建议配置一下SSH,避免每次提交都要手动输入账号密码。

不会的话可以看下这篇文章

Git生成公钥

第四步:配置Github

建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】。建议大家最好是建立与你用户名对应的仓库,如果不对应的话,并且你不设置你的_config.yml文件的话,博客是不成功的。我第一次就犯了这种错误,呵呵。

第五步:开始搭建博客了

在你电脑上建立一个名字叫【Hexo】的文件夹,然后切换到此文件夹下面,执行下面命令

hexo init

Hexo随后会自动在目标文件夹建立网站所需要的文件,然后按照提示,运行npm install会在Hexo目录中安装 node_modules。

npm install

好啦,至此,全部安装工作已经完成!Hexo就是你的博客根目录,所有的操作都在里面进行。然后生成静态页面,执行语句

hexo generate

本地启动

启动本地服务,进行文章预览调试,命令:

hexo server

浏览器输入:http://localhost:4000,看一下效果,页面打不开,不要惊慌,打不开是正常的,因为没有配置github。

第六步:部署到Github

部署到Github前需要配置config.yml文件,打开config.yml,找到最下面添加语句

type: github 

repository: [email protected]:XXX/XXX.github.io 

branch: master

这个地方需要注意两点:第一:冒号后面需要加空格,如果不加空格的话,执行下面的语句就会出错。第二:就是仓库地址一定不要写http的,格式为上面的SSH形式的URL,XXX是你的github用户名。如果你写成http的,将会报下面的错误:

$ hexo deploy

[info] Start deploying: github

[error] https://github.com/XXX/XXX.github.io is not a valid repositor URL!

OK,现在就告一段落了,最后执行一句语句

hexo deploy

然后在浏览器中输入:https://XXX.github.io,当当当当,就可以打开了。

最后每次部署的时候,都可以按照以下三步来执行:

hexo clean

hexo generate

hexo deploy

我每次部署完都会在本地查看一下,看一下效果,毕竟新手嘛,哈哈~~~

下面是以下常用的命令

hexo new "文章名字" #新近文章

hexo new page "页面名字" ## 新建页面

hexo generate ## 生成静态页面

hexo server ## 开启预览访问端口

hexo deploy ##将.deploy 目录部署到github

hexo help ##查看帮助

hexo version #查看版本

好吧,这篇博客就写到这里了,下一篇写怎么设置博客主题

参考资料:

Hexo搭建Github静态博客

你可能感兴趣的:(Hexo 搭建github静态博客)