美文网首页Hexo
我的Hexo使用实践(二)

我的Hexo使用实践(二)

作者: csJd | 来源:发表于2017-03-11 10:27 被阅读0次

将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。

相关文章

  • 我的Hexo使用实践(二)

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

  • 我的Hexo使用实践(一)

    我的博客是由Github Pages和Hexo搭建的,分享以下我的使用实践。 一. 安装Hexo 1. 安装Nod...

  • 手写一个Hexo评论系统(一)

    我的个人博客时使用Hexo构建的,个人觉得使用Hexo非常方便,而且主题也很好看。因为我的Hexo仓库推送地址同时...

  • 博客系统hexo yelee搭建历程

    使用hexo搭建博客 什么是 Hexo?Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdow...

  • 使用Hexo搭建个人博客网站

    使用Hexo搭建个人网站 首先,介绍下什么是Hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 ...

  • 零基础用Hexo+Github 搭建博客2

    转载:Github Pages + Hexo搭建博客(二) 此篇博客主要讲解Hexo的站点配置、主题配置和使用以及...

  • 【转】如何搭建一个免费的个人博客?

    此为转载文章,内容为实践过内容,原文链接在底部~ 使用Gitee+Hexo搭建个人博客 为何使用Gitee而不是G...

  • Blogging On Github

    使用Hexo+Github配置博客 初步使用Hexo+Github配置博客 进阶最详细的Hexo Next主题配置...

  • 使用hexo+github搭建个人博客

    本次使用hexo+github搭建个人博客,使用Linux平台。 一.准备工作 1.了解Hexo Hexo是高效的...

  • Hexo 教程

    注意:如果你使用的是 Windows 系统,Hexo 很容易安装不成功 如果不成功,二选一: 你就放弃 Hexo,...

网友评论

    本文标题:我的Hexo使用实践(二)

    本文链接:https://www.haomeiwen.com/subject/bssagttx.html