继昨天用github搭建博客后,今天百度了下大多数是用hexo+github的方式来搭建一个属于自己的真正博客,弄了一上午,按着别人的法子来,其实步骤很简单,不过有的还没搞懂啥意思,也只能浅浅的记住几个hexo口令。如有错误,欢迎指正!
安装Hexo
1、 首先要在电脑上安装nodejs ,下载地址:http://nodejs.cn/
2、 安装git ,下载地址:https://git-scm.com/downloads
3、在桌面新建一个文件夹,然后通过命令进入到该文件夹下,输入以下。 (注:我在桌面新建了一个名为blog的文件夹,作为站点根目录)
npm install -g hexo-cli //使用npm安装Hexo
4、然后依次输入一下口令
hexo i blog //init的缩写 blog是项目名
hexo g //generetor的缩写
hexo s //server的缩写
如果没有任何问题的话,命令执行完后会出现下图一个链接
用浏览器打开 http://localhost:4000/ 这个链接,查看:
这是hexo默认的主题博客,其实到这里就可以写博客啦,但我们要做的就是和github page联系起来,所以继续吧。。。。
选择主题
1、此时,按下Ctrl +C 结束,回到根目录下,然后输入
git clone https://github.com/iissnan/hexo-theme-next themes/next
2、打开刚才新建立的blog文件夹内的__config.yml文件,找到theme字段,将其landscape更改为 next
3、在终端依次输入
hexo clean //清除缓存
hexo g //重新生成代码
hexo s //部署到本地//然后打开浏览器访问 localhost:4000 查看效果
这是其中一种主题,接下来我们换下其他的主题。
4、配置nexT
在 站点根目录/themes/next/_congig.yml 文件中,找到scheme,按下图修改。
然后 终端输入,查看效果,样式改变了(ps:我忘记截图了,用的别人的~)
hexo clean
hexo g
hexo s
当然,你完全可以进行很多的自定义设置甚至修改源码,定制自己的主题。更多的设置请移步官方文档
将本地博客上传到github(如果已搭建好,请直接移步第5步)
首先要有github账号,申请官网在这里! https://github.com/
步骤:
1、登录账号后,点击下图按钮,新建仓库。
2、填写仓库的属性,仓库名格式:你的github用户名.github.io, 个人博客简介和描述文件可选填。
3、设置。创建好仓库后,点击下图中的setting,进入设置页面。
然后进入设置页面,向下划,找到GitHub Pages,为博客选择一个主题。
4、选择博客主题,根据自己风格选取。
选好之后,在浏览器输入自己博客地址,https://github.com/missJing0818,打开查看。(我的啥也没有,就是这个样子)
5、接下来我们将Hexo的代码部署到github上。
修改hexo站点的配置文件,就是根目录下的_config.yml文件
按上图那样修改,博客的地址要换成你自己的,冒号后面的空格也不要少,格式很重要,不然会出错。
6、部署。在终端输入以下:
npm install hexo-deployer-git --save
hexo d // 部署的命令
可能会让输入密码,输入按回车就好了。
然后刷新下你的github博客网站,看!变了吧!!
发布博客(简易)
我还不太会玩啊,先发个标题压压惊!
终端根目录下输入
hexo new “Hello” // 名为Hello.md的文件会建在根目录/blog/source/_posts下。
hexo g //生成静态页面
hexo d //发布
然后,我们再来看下,哈哈哈哈哈哈,太激动,一下子搞了两篇。这样就发布成功啦。
猴急:
到这里,最基本的搭建已经完成了,其余的就需要自己去探索了,接下来研究研究怎么搞头像,美化下页面,以及尽快正式发布自己的第一篇博客。