hexo+github打造个人博客系列之主题和部署

这篇文章主要记录基于hexo实现博客中一些复杂功能点的相关操作细节,为自己做一个笔记,也为后来者提供一些思路。

###1、hexo应用主题
我也不知道哪种是最好的,看大家用得比较多的就是Next,yilia,casper等。我自己选择了Next主题。Next坚持将复杂的细节隐藏,提供尽量少并且简便的设置,保持最大限度的易用性,界面上简洁大方,给我眼前一亮的感觉。

第一步:安装next主题

点击Next主题中文网,克隆最新版本或者下载最新稳定版本。我选择下载了稳定版本。
hexo+github打造个人博客系列之主题和部署_第1张图片

####第二步:在hexo中使用next主题
在站点配置_config.yml中配置主题

theme: next

保存一下,再打开localhost:4000就可以看到效果了。终于脱坑了,不再是与亿万人相同的初始化界面了。
hexo+github打造个人博客系列之主题和部署_第2张图片

###2、利用hexo将博客部署到github空间
上文中提到过,github为每个注册用户都提供了免费的二级域名与空间。所以我们可以轻松让博客上线。步骤也比较简单。

第一步:安装 hexo-deployer-git

npm install hexo-deployer-git --save

然后在站点配置中修改deploy配置
hexo+github打造个人博客系列之主题和部署_第3张图片

这是我的配置,repo是对应仓库的地址,branch我是放在master分支上的。
保存后运行

hexo clean
hexo generate
hexo deploy

部署完成后,稍等片刻,然后打开对应域名,就可以访问到自己的博客了。
hexo+github打造个人博客系列之主题和部署_第4张图片

不知道域名的请打开仓库的设置页面,翻到下面就能看到。
hexo+github打造个人博客系列之主题和部署_第5张图片

好了,基本上就大功告成了。

本人的hexo小博客,欢迎猛戳!

你可能感兴趣的:(hexo,hexo,blog,next)