Github-Hexo-theme-NexT
上月介绍了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/
准备工作
- 安装 node,https://nodejs.org/en/download/ 在NodeJs官网下载对应版本进行安装。
- 安装 git,在Git官网下载对应版本进行安装。步骤如下(借图):
可以通过以下命令测试是否安装成功:
注册Github账号
去 Github 官网进行注册即可,注册完之后记得添加 SSH Key,这个 SSH Key是一个认证,让github识别绑定这台机器,允许这台机器提交。S
SH找了个教程,传送门:http://blog.csdn.net/hustpzb/article/details/8230454/
检查通过以下命令测试是否安装成功:
See :
安装Hexo
安装好git
和node
之后,就可以安装hexo
了,简单一句命令搞定:
检查通过以下命令测试是否安装成功:
创建Hexo本地博客
安装完成后,执行以下命令,Hexo将在指定目录下新建需要的文件
PS:
- 可以是手动新建文件夹,而后再
$ hexo init
初始化目录; - hexo会自动下载一套默认皮肤:
landscape
,整个安装下载过程可能有点慢…… - 我是直接在
git bash
里命令的,也可以在其他命令符状态下安装;
初始化后需要再$ npm install
进行npm的依赖插件。
部署形成文件
最后剩下运行server,跑起hexo服务:
浏览器运行 http://http://localhost:4000/ 就能成功看到了。
将本地hexo项目托管到Github
打开网站配置文件 _config.yml (根目录的文件),网站的配置文件,你可以在这里配置一些基本信息,这里列举部分关键配置:
编辑最后面的 deploy
属性,加入代码:
安装hexo-deployer-git插件
经常遇到问题是忘记安装,找不到git、
发布过程遇到问题
过程中遇到提示,查到是这样:
遇错情景: 最近从next主题切换到新主题的时候部署时遇到这个问题。
报错原因: 没有 hexo-deployer-git 这个东西,所以需要重新安装一次。
注意事项: Hexo 3.0以前是使用的是hexo-deployer-github,3.0之后官方更改为hexo-deployer-git
解决方法: 重新安装
部署你本地的主题到github上
代码如下,每次修改本地主题,都需要执行以下代码
参考
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相关推荐
- 使用GitHub+Hexo+live2d搭建个人博客
使用GitHub+Hexo+live2d搭建个人博客 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 安装hexo sudo n ...
- Linux下使用 github+hexo 搭建个人博客01-hexo搭建
为什么要搭建自己的博客系统? 原因有好几个吧,归类如下: 1.自己搭建博客系统很有成就感,可以自己选定页面风格和页面排版: 2.自己搭建博客系统可以根据自己的需要添加各种插件功能,因此整体上比网上的第 ...
- GitHub+Hexo搭建自己的Blog之(3)-主题配置(Next)
GitHub+Hexo搭建自己的Blog之-主题配置(Next) 前言 Blog的环境全部搭建完毕了,但是还没有内容,而且hexo默认的主题是不是感觉挺丑的,其实hexo给我们提供了很多主题模板,总有 ...
- Linux下使用 github+hexo 搭建个人博客04-next主题优化
上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功 ...
- GitHub+HEXO博客更换主题
写在前面 前面讲了怎么使用GitHub+HEXO搭建论坛,这里写这个论坛如何更换主题.对于如何安装HEXO和部署到GitHub的问题,见我另一篇文章使用GitHub+HEXO免费搭建个人博客(最详细) ...
- Github + Hexo 搭建个人博客
文章目录 Github + Hexo 搭建个人博客 快速搭建 安装Node.js 添加国内镜像源 安装 Git 注册 Github 安装Hexo 连接Github与本地 写文章.发布文章 图片添加水印 ...
- Github+Hexo搭建静态博客
开始 在安装hexo之前,必须确认你已经安装了Node.js和Git,并且注册了一个Github账号. 1.创建Github仓库 1) 仓库名为xxx.github.io 创建一个以"用户名 ...
- 使用github+hexo搭建静态blog
解决了个人博客图片不显示问题. 解决了打开页面产生404问题. 学习了如何更换界面主题. 学习了如何使用Git. 注:这篇文章仅仅是入个门,了解一下怎么使用github+hexo创个静态blog,具体 ...
- GitHub+Hexo 搭建个人网站
本文已同步到专业技术网站 www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发.Nodejs.Python.Linux.IT资讯等板块. 一.创建GitHub Pa ...
- github+hexo搭建自己的博客【真正的从0到1】20180122为准
基本步骤 1.github官网申请自己的账户 注意:只能用户名称作为github.io博客的二级域名,我的用户名称 lushunde321,所以我的github博客网址是:lushunde321.gi ...
最新文章
- JsBridge Uncaught TypeError: Cannot call method 'callHandler' of undefined, source
- 计算机视觉的发展历史
- Make Them Equal 埃氏筛法(1200)
- [js高手之路]原型对象(prototype)与原型链相关属性与方法详解
- Python分析「我们为什么这么穷」
- “3D几何与视觉技术”全球在线研讨会第九期~识别3D中的物体和场景
- linux 命令行 浏览器_3个用于Linux命令行的Web浏览器
- python运算符及优先级顺序
- ip头ttl_TCP/IP协议详解内容总结,看完恍然大悟
- 我国标准时间授时方法
- win764位安装vs2010sp1补丁卡在kb983509解决办法低于40分钟
- 看视频用这个太爽了!自动实时翻译英语视频
- thinkphp5.1+uniapp+mysql5.7开发的朋友圈社区程序源码
- mysql 复制frm_如何通过直接复制frm文件以实现恢复/复制innodb数据表
- net以execl做数据库_基于C#.NET实现Excel数据导入数据库技术
- Vue如何正确使用watch监听属性变化
- 一个屌丝程序员的青春(四九)
- 如何制作独一无二的简历?
- linux沙盒机制6,详解Android应用沙盒机制
- 色差计算(颜色之间的相似度计算)
热门文章
- FreeMaker导出word
- android imageview 锯齿,android 自定义圆角ImageView以及锯齿的处理
- WINCE串口通讯经验小结
- springboot 的启动流程
- github push报 Unable to access ‘https://github.com/xxxx/xxxx.git/‘: OpenSSL SSL_read: Connection was
- Android开发系统版本的区别,开发者对比安卓和iOS系统
- 商店购物java程序_java操纵数据库-商店购物管理系统
- idea创建包怎么让包分层_开一家早餐店卖生煎包怎么样
- android布局的作用,Android UI布局经验总结
- java注解编程_java 注解 基本原理 编程实现