上月介绍了Git+jekyll,托管在码云(git@osc)上,然而并不尽兴,事实上Git+Hexo会更便捷(对window用户而言),jekyll是ruby编写,而hexo是nodejs 。

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
jekyll是把原文上传github(md文件),可以直接生成博客,文件也可以用在线编辑修改,而hexo 是本地生成 html 再上传。
借着假期,纠结了2天,搭建个人博客,以下记录下这次搭建过程:

而这次用到的模板是大名鼎鼎的nexT,教程:http://theme-next.iissnan.com/

准备工作

  1. 安装 node,https://nodejs.org/en/download/ 在NodeJs官网下载对应版本进行安装。
  2. 安装 git,在Git官网下载对应版本进行安装。步骤如下(借图):

可以通过以下命令测试是否安装成功:

$ git --version #git版本
$ node --version #NodeJs版本

注册Github账号

去 Github 官网进行注册即可,注册完之后记得添加 SSH Key,这个 SSH Key是一个认证,让github识别绑定这台机器,允许这台机器提交。S
SH找了个教程,传送门:http://blog.csdn.net/hustpzb/article/details/8230454/
检查通过以下命令测试是否安装成功:

$ ssh git@github.com

See :

安装Hexo

安装好gitnode之后,就可以安装hexo了,简单一句命令搞定:

$ npm install -g hexo-cli

检查通过以下命令测试是否安装成功:

$ hexo version #简写hexo v

创建Hexo本地博客

安装完成后,执行以下命令,Hexo将在指定目录下新建需要的文件

$ hexo init <folder> # 用命令创建一个目录并且初始化目录hexo文件

PS:

  1. 可以是手动新建文件夹,而后再 $ hexo init 初始化目录;
  2. hexo会自动下载一套默认皮肤:landscape,整个安装下载过程可能有点慢……
  3. 我是直接在 git bash 里命令的,也可以在其他命令符状态下安装;
    初始化后需要再 $ npm install 进行npm的依赖插件。

部署形成文件

$ hexo generate # 简写hexo g

最后剩下运行server,跑起hexo服务:

$ hexo server # 简写hexo s

浏览器运行 http://http://localhost:4000/ 就能成功看到了。

将本地hexo项目托管到Github

打开网站配置文件 _config.yml (根目录的文件),网站的配置文件,你可以在这里配置一些基本信息,这里列举部分关键配置:

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: Zenkin.Win ’s Blog #网站的标题
subtitle: 世事如棋,乾坤莫测 #副标题
description:
author: Zen.Woo #作者信息
avatar: /images/avatar.png #头像,图片位置在相应主题目录下的images
language: zh-Hans #中文简体
email: 43002111@qq.com
timezone:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next #配置主题,这里使用next主题
stylus:
  compress: true #自适应布局

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git #部署环境,基于hexo+githubpage,所以这里使用git。注意:不同版本的hexo,type有可能不同,3.x以后应使用git,具体参看官方文档
  repository: git@github.com:username/username.github.io.git #git仓库地址,替换成你的username即可,其他保持不变,后面会提到如何创建git仓库
  branch: master

编辑最后面的 deploy 属性,加入代码:

type: git
repository: git@github.com:xxxxxx/xxxxxx.github.io.git #替换github地址,可https可ssh
branch: master #分支branch填写master

安装hexo-deployer-git插件

npm install hexo-deployer-git --save

经常遇到问题是忘记安装,找不到git、

发布过程遇到问题

过程中遇到提示,查到是这样:

Deployer not found: github

遇错情景: 最近从next主题切换到新主题的时候部署时遇到这个问题。
报错原因: 没有 hexo-deployer-git 这个东西,所以需要重新安装一次。
注意事项: Hexo 3.0以前是使用的是hexo-deployer-github,3.0之后官方更改为hexo-deployer-git
解决方法: 重新安装

$ npm install hexo-deployer-git –save

部署你本地的主题到github上

代码如下,每次修改本地主题,都需要执行以下代码

$ hexo clean
$ hexo generator #简写 hexo g
$ hexo deploy #简写 hexo d #启动本地服务,进行文章预览调试,执行如下命令
$ hexo server #简写 hexo s

参考

next主题说明:http://theme-next.iissnan.com/getting-started.htmlhttps://hexo.io/zh-cn/api/http://www.jianshu.com/p/858ecf233db9
配置SSH http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html

Github-Hexo-theme-NexT相关推荐

  1. 使用GitHub+Hexo+live2d搭建个人博客

    使用GitHub+Hexo+live2d搭建个人博客 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 安装hexo sudo n ...

  2. Linux下使用 github+hexo 搭建个人博客01-hexo搭建

    为什么要搭建自己的博客系统? 原因有好几个吧,归类如下: 1.自己搭建博客系统很有成就感,可以自己选定页面风格和页面排版: 2.自己搭建博客系统可以根据自己的需要添加各种插件功能,因此整体上比网上的第 ...

  3. GitHub+Hexo搭建自己的Blog之(3)-主题配置(Next)

    GitHub+Hexo搭建自己的Blog之-主题配置(Next) 前言 Blog的环境全部搭建完毕了,但是还没有内容,而且hexo默认的主题是不是感觉挺丑的,其实hexo给我们提供了很多主题模板,总有 ...

  4. Linux下使用 github+hexo 搭建个人博客04-next主题优化

    上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功 ...

  5. GitHub+HEXO博客更换主题

    写在前面 前面讲了怎么使用GitHub+HEXO搭建论坛,这里写这个论坛如何更换主题.对于如何安装HEXO和部署到GitHub的问题,见我另一篇文章使用GitHub+HEXO免费搭建个人博客(最详细) ...

  6. Github + Hexo 搭建个人博客

    文章目录 Github + Hexo 搭建个人博客 快速搭建 安装Node.js 添加国内镜像源 安装 Git 注册 Github 安装Hexo 连接Github与本地 写文章.发布文章 图片添加水印 ...

  7. Github+Hexo搭建静态博客

    开始 在安装hexo之前,必须确认你已经安装了Node.js和Git,并且注册了一个Github账号. 1.创建Github仓库 1) 仓库名为xxx.github.io 创建一个以"用户名 ...

  8. 使用github+hexo搭建静态blog

    解决了个人博客图片不显示问题. 解决了打开页面产生404问题. 学习了如何更换界面主题. 学习了如何使用Git. 注:这篇文章仅仅是入个门,了解一下怎么使用github+hexo创个静态blog,具体 ...

  9. GitHub+Hexo 搭建个人网站

    本文已同步到专业技术网站 www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发.Nodejs.Python.Linux.IT资讯等板块. 一.创建GitHub Pa ...

  10. github+hexo搭建自己的博客【真正的从0到1】20180122为准

    基本步骤 1.github官网申请自己的账户 注意:只能用户名称作为github.io博客的二级域名,我的用户名称 lushunde321,所以我的github博客网址是:lushunde321.gi ...

最新文章

  1. JsBridge Uncaught TypeError: Cannot call method 'callHandler' of undefined, source
  2. 计算机视觉的发展历史
  3. Make Them Equal 埃氏筛法(1200)
  4. [js高手之路]原型对象(prototype)与原型链相关属性与方法详解
  5. Python分析「我们为什么这么穷」
  6. “3D几何与视觉技术”全球在线研讨会第九期~识别3D中的物体和场景
  7. linux 命令行 浏览器_3个用于Linux命令行的Web浏览器
  8. python运算符及优先级顺序
  9. ip头ttl_TCP/IP协议详解内容总结,看完恍然大悟
  10. 我国标准时间授时方法
  11. win764位安装vs2010sp1补丁卡在kb983509解决办法低于40分钟
  12. 看视频用这个太爽了!自动实时翻译英语视频
  13. thinkphp5.1+uniapp+mysql5.7开发的朋友圈社区程序源码
  14. mysql 复制frm_如何通过直接复制frm文件以实现恢复/复制innodb数据表
  15. net以execl做数据库_基于C#.NET实现Excel数据导入数据库技术
  16. Vue如何正确使用watch监听属性变化
  17. 一个屌丝程序员的青春(四九)
  18. 如何制作独一无二的简历?
  19. linux沙盒机制6,详解Android应用沙盒机制
  20. 色差计算(颜色之间的相似度计算)

热门文章

  1. FreeMaker导出word
  2. android imageview 锯齿,android 自定义圆角ImageView以及锯齿的处理
  3. WINCE串口通讯经验小结
  4. springboot 的启动流程
  5. github push报 Unable to access ‘https://github.com/xxxx/xxxx.git/‘: OpenSSL SSL_read: Connection was
  6. Android开发系统版本的区别,开发者对比安卓和iOS系统
  7. 商店购物java程序_java操纵数据库-商店购物管理系统
  8. idea创建包怎么让包分层_开一家早餐店卖生煎包怎么样
  9. android布局的作用,Android UI布局经验总结
  10. java注解编程_java 注解 基本原理 编程实现