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

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

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

hexo应用主题

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

安装next主题

点击Next主题中文网,克隆最新版本或者下载最新稳定版本。我选择下载了稳定版本。
下载主题

在hexo中使用next主题

在站点配置_config.yml中配置主题

1
theme: next

保存一下,再打开localhost:4000就可以看到效果了。终于脱坑了,不再是与亿万人相同的初始化界面了。
主题效果

利用hexo将博客部署到github空间

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

安装 hexo-deployer-git

1
npm install hexo-deployer-git --save

修改deploy配置

然后在站点配置中修改deploy配置
修改deploy配置

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

完成部署

保存后运行

1
2
3
hexo clean
hexo generate
hexo deploy

部署完成后,稍等片刻,然后打开对应域名,就可以访问到自己的博客了。
部署完成

不知道域名的请打开仓库的设置页面,翻到下面就能看到。
仓库设置页面查看域名

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


扫一扫下方小程序码或搜索Tusi博客,即刻阅读最新文章!

Tusi博客

You forgot to set the qrcode for Alipay. Please set it in _config.yml.
You forgot to set the qrcode for Wechat. Please set it in _config.yml.
You forgot to set the business and currency_code for Paypal. Please set it in _config.yml.
You forgot to set the url Patreon. Please set it in _config.yml.
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×