我的Hexo使用实践(二)

将Blog成功搭到Github后就要考虑一些配置问题了,需要更加美观的主题,换了电脑或者重装系统后还需要快速的从以前的配置恢复,下面就解决这些问题。

一. 设置主题

Hexo官网就提供了很多主题,我是用的是NexT主题,简单大方且不失美观,以下以NexT主题为例,其余主题也类似。

1. 下载NexT

推荐使用最新稳定版本,下载后解压到你的站点目录下的themes目录下,并将 解压后的文件夹名称(hexo-theme-next-5.0.1)更改为 next。

2. 使用NexT

下载并重命名后将站点配置文件(站点目录下的_config.yml文件)中的theme属性修改为next,再次执行hexo g -d,Blog就应用新主题了。
在站点目录下的themes\next目录下也有_config.yml文件,是NexT主题的主题配置文件,关于其详细配置和问题可参考官方文档和官方Github Wiki

二. 配置信息同步

可以发现,hexo d只将站点显示所需文件push到了github master分支,markdown源文件以及hexo配置文件等都只在本地,我们在系统重装或者换电脑后再次搭建就失去了原来的配置以及源文件。要想多端同步和重装后快速恢复,比较好的解决方法就是将这些源文件和配置文件也上传到Github Repo,刚好hexo g已经提供了.gitignore文件,就是用于我们把整个站点push到GitHub上去的。

1. 建立hexo分支

由于GitHub上master分支管理的是站点显示文件,这是由hexo d命令来部署的,我们需要再建一个hexo分支来管理Hexo的配置文件和站点源文件,我们手动管理这个分支。
执行以下命令就完成了新分支的创建:

git branch hexo     #本地新建hexo分支
git checkout hexo   #切换到hexo
git add .           #添加站点文件到git
git commit -m "add hexo branch"     #提交修改
git push origin hexo    #push本地更改到GitHub Repo

此时在Github上就看到了新的分支hexo,在Github上修改Default branch为hexo分支,这样我们以后的手动push默认就是hexo分支了,正是我们所想要的。
类似的,还可以建立res分支存放图片等资源文件,这样就不用把这些文件放source文件夹中了,clone的内容也更少了。像上篇文章的图片地址为https://github.com/csJd/csJd.github.io/raw/res/My-Practice-with-Hexo.png,此图片就放在res分支下。

2. 恢复配置

以后在新的PC获重装系统后要编辑博客时只用安装git和node.js,然后clone你的Github Repo:

git clone git@github.com:csJd/csJd.github.io.git

进入站点文件夹(yourGithubUserName.github.io文件夹),输入以下命令就恢复以前的环境了:

npm install hexo    #安装hexo
npm install         #安装模块到node_modules
npm install hexo-deployer-git   #安装部署到Github工具

然后就可以像以前一样在source/_posts文件夹编写博客,使用hexo g -d即可发布到GitHub Pages。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值