Hexo在Github中搭建博客系统(3)Hexo安装主题

转载 2016年08月29日 09:54:32

一、找到你喜欢的主题

Hexo主题 ( https://hexo.io/themes/ )页面,你可以欣赏到很多很优秀的主题,他们实在是太酷了!
选择主题

二、下载主题

如果你点击图片,就会跳到这个主题的博客,看到实际的效果
如果你要下载这个主题,就点击主题文字,进入主题Github页面,然后复制下载地址
下载位置

下载

进入blog目录,克隆主题到本地

$ git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant

三、安装主题

(1) 安装

修改blog根目录的_config.yml,将theme修改为alpha

注意: 某些主题可能需要安装Node.js的插件,在安装主题时,最好在主题的Githu主页看看安装步骤

$ vim _config.yml
...

 63 # Extensions
 64 ## Plugins: https://hexo.io/plugins/
 65 ## Themes: https://hexo.io/themes/
 66 theme: maupassant

这个主题依赖jade和sass插件,所以在配置好主题后,还要进行安装插件

$ npm install hexo-renderer-jade --save
...
$ npm install hexo-renderer-sass --save

(2) 查看

先清空缓存,然后启动服务器,在本地浏览器输入localhost:4000/查看效果

$ hexo clean 

$ hexo s --debug

(3) 自定义

如果要修改主题的内容,可以在主题的Github主页上查看详细介绍

(4) 异常处理

安装sass时如果网络、服务器的原因,可能出现安装异常,可以查看npm-debug.log

$ more npm-debug.log

这时不用着急,可以通过安装日志查看原因,而且在日志的结尾可以看到一些建议:

9229 verbose cwd /Users/admin/blog
9230 error Darwin 15.6.0
9231 error argv "/usr/local/Cellar/node/6.4.0/bin/node" "/usr/local/bin/npm" "install" "hexo-renderer-sass" "--save"
9232 error node v6.4.0
9233 error npm  v3.10.3
9234 error code ELIFECYCLE
9235 error node-sass@3.8.0 postinstall: `node scripts/build.js`
9235 error Exit status 1
9236 error Failed at the node-sass@3.8.0 postinstall script 'node scripts/build.js'.
9236 error Make sure you have the latest version of node.js and npm installed.
9236 error If you do, this is most likely a problem with the node-sass package,
9236 error not with npm itself.
9236 error Tell the author that this fails on your system:
9236 error     node scripts/build.js
9236 error You can get information on how to open an issue for this project with:
9236 error     npm bugs node-sass
9236 error Or if that isn't available, you can get their info via:
9236 error     npm owner ls node-sass
9236 error There is likely additional logging output above.

根据建议执行

$ npm bugs node-sass

然后再执行

$ npm install hexo-renderer-sass --save

下一节:Hexo建菜单写文章

Github 搭建 hexo (四)——更换主题,disqus,RSS

github disqus rss 更换主题
  • u010053344
  • u010053344
  • 2016年02月20日 01:05
  • 9108

日常记录(三)更换Hexo主题

安装NexT主题从Git上克隆主题这里我就不介绍有关Hexo的东西了,默认是知道如何搭建Hexo博客的。还不太清楚的请自行百度。 首先将NexT主题先克隆到自己电脑上: - cd your-hex...
  • qq_18661793
  • qq_18661793
  • 2016年07月08日 22:58
  • 4647

【Hexo】Hexo+Github构建个人博客 (三):添加皮肤主题

一、选择主题 选择你自己喜欢的主题 参考: 1.Hexo官网主题 2.知乎:有哪些好看的 Hexo 主题?   二、配置主题 1.我选择了hexo-theme-yilia这个主题,简洁大方,功能齐全;...
  • arvin0
  • arvin0
  • 2017年05月07日 17:25
  • 406

hexo的安装和主题的替换

hexo的安装和主题的替换 准备工作 安装node.js(必须安装)node.js下载 注意:检查是否成功安装 npm 检测方法 npm -v 申请Github账号 Github官网 记住...
  • y_z_w123
  • y_z_w123
  • 2017年12月14日 11:51
  • 38

使用GitHub Pages + Hexo 快速搭建个性化博客(三)-更换博客主题

GitHub Pages + Hexo 搭建个人博客之更换博客主题,该节中展示Hexo网站提供的不同主题博客并选中其一添加部署到自己的博客网站中...
  • qq_23435721
  • qq_23435721
  • 2016年03月20日 19:20
  • 3776

hexo入门学习(三):主题设置

欢迎查看我的个人博客   Hexo 支持个性化定制主题,可以根据自己的喜好进行修改。Hexo主题可以从官网或者GitHub查看更多主题。...
  • Android_MSK
  • Android_MSK
  • 2017年07月12日 20:28
  • 1751

最简便的方法搭建Hexo+Github博客,基于Next主题

前言如果你喜欢写作,我觉得你可以试试gitbook或者跟着本文搭建一个属于自己的博客空间(即使你不是IT行业的一员),不再受限于第三方博客地址,当然Hexo搭建的博客也是基于github托管的,但是并...
  • tx874828503
  • tx874828503
  • 2016年06月03日 11:56
  • 16297

Hexo博客主题应用

关于如何搭建Github Pages博客我已经介绍了。 如果不了解的或者想了解博主所写的东西,可以来我的XXXX 我这里以yilia为例为大家介绍主题的应用。 然后在网上找到自己喜欢的主题。我这里给大...
  • syx1065001748
  • syx1065001748
  • 2017年05月03日 14:46
  • 390

使用Github Page和Hexo快速构建个人博客,以及插件安装及主题优化总结

前言 自从学习使用github后,了解到可以使用github page搭建个人博客,就一直梦想着自己有一天能够也能够搭建拥有自己的博客,记得高中时候还经常看一些美文之类的书,喜欢一些唯美的语句,...
  • imail2016
  • imail2016
  • 2016年06月26日 15:22
  • 2945

hexo教程系列——hexo安装教程

博客博客 本文详细描述了如何在Github上,使用hexo部署博客。 安装Hexo安装node.js node.js官方下载地址 从上面的链接下载node.js,并安装。 注意:官方链接可能需要...
  • xuezhisdc
  • xuezhisdc
  • 2016年11月11日 17:00
  • 9436
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Hexo在Github中搭建博客系统(3)Hexo安装主题
举报原因:
原因补充:

(最多只允许输入30个字)