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 更换主题

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

GitHub Pages + Hexo 搭建个人博客之更换博客主题,该节中展示Hexo网站提供的不同主题博客并选中其一添加部署到自己的博客网站中...

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

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

hexo安装themia/next主题记录&进坑指南

第一个需要注意的是,NPM 国内易被墙,需要手工走代理以及走淘宝的源: npm config set proxy=http://127.0.0.1:1080npm config set regist...

Hexo高级教程之主题开发

引言有感于hexo高级教程实在太少,当初本人在开发Nova主题时,曾遇到过不少坑,为填这些坑,较为深入地学习了hexo源码,又自学了不少node.js知识,才总算将这些坑基本填完。本着人人为我,我为人...

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

欢迎查看我的个人博客   Hexo 支持个性化定制主题,可以根据自己的喜好进行修改。Hexo主题可以从官网或者GitHub查看更多主题。...

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

博客博客 本文详细描述了如何在Github上,使用hexo部署博客。 安装Hexo安装node.js node.js官方下载地址 从上面的链接下载node.js,并安装。 注意:官方链接可能需要...

hexo入门(安装,配置,本地启动)

hexo是一个快速、简洁且高效的博客框架,本文介绍hexo的安装,配置,本地启动。...

Hexo

之前在博客园、简书、CSDN等地儿都开过博,一篇文章写好了,我希望能在几个平台可以同步发布,可是操作起来成本不低。几个平台下的富文本编辑器比较起来还是博客园更顺手,看着更舒服,尤其是代码块的操作灵活、...

使用Hexo一步一步搭建github博客

首先看一下最终的效果: http://stormwy.github.io/Hexo是基于Nodejs的一个快速简洁高效的博客框架,这篇文章将要介绍如何使用Hexo博客框架、Github Pages免...
  • stormwy
  • stormwy
  • 2016年07月28日 18:53
  • 2919
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Hexo在Github中搭建博客系统(3)Hexo安装主题
举报原因:
原因补充:

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