在github上搭建hexo博客
准备工作
安装git
系统是win10家庭版,采用git v1.9.5版本,比较简单,一路next直到finsh完成安装。
安装node.js
hexo是基于node.js驱动的一款快速、简单且功能强大的博客框架,支持多线程,数百篇文章只需几秒即可生成。支持markdown编写文章,可以方便的生成静态网页托管在github上。所有需要安装node.js,采用node.js v0.12.5 x64版本,一路next直到finsh完成安装
验证是否安装成功
win+r输入cmd回车后输入以下命令
git --version
node -v
npm -v
如下图所示则表示安装成功,否则卸载重新安装一下
安装hexo
在任意位置点击鼠标右键Git Bash 输入以下命令:
npm install -g hexo
创建hexo文件夹
安装完成hexo后在任意位置新建一个文件夹(本文以D:\web\www\hexo为例,鼠标右键Git Bash),输入以下命令:
hexo init
Hexo 即会自动在目标文件夹建立网站所需要的所有文件。如下图所示:
然后执行以下命令安装依赖包:
npm install
启动本地服务
分别执行以下命令:
hexo generate
hexo server
如下图所示:
可以按Ctrl+C停止服务
部署到github
* 首先要注册github,在此略过。创建repository,鼠标点击github右上角“+”号,在下拉菜单上,选择“New repository”项,将跳到如下页面,填写库名称,库名称要跟你的github账号名称一致,勾选“Initialize this repository with a README”,点击“create repository”,即可完成创建库。
* 编辑 _config.yml,如下所示(XXX是你的github账号名,还有注意空格!!!):
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: github
repository: https://github.com/XXX/XXX.github.io
branch: master
然后执行如下命令:
hexo generate
hexo deploy
如果提示deployer not found github,则先执行如下命令:
npm install hexo-deployer-git --save
再将_config.yml中的deploy的type由github改为git,再次执行如下命令:
hexo generate
hexo deploy
在执行hexo deploy时需要输入github的账号和密码,输入后出现INFO Deploy done:git即表明发布成功,如下图所示:
修改主题
git切换到hexo目录 使用git clone 下载主题 比如说git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee然后在_config.yml里修改theme即可
添加自定义域名
在你的本地站点目录里的source目录下添加一个CNAME文件,不带后缀,用文本编辑器打开输入你购买的域名(本人在阿里云购买的,已实名认证),先在域名解析里添加一条解析,如图所示:
本人添加的是blog.xxxx.me,然后在重新部署,部署命令简写:hexo d -g
然后等几分钟后输入blog.xxxx.me即可访问
在github上搭建hexo博客的更多相关文章
- 在github上搭建个人博客并在线更新
换博客比更博还勤的我终于决定写一篇博客搭建教程了.. FAQ Q:\(hexo\)需要本地编译.\(jekyll\)虽然可以直接上传\(md\)..但是如果在github上直接编译也太难受了叭,毕竟不 ...
- 在vps上搭建hexo博客
最近更换了服务器,需要把自己的Hexo Next重新部署到新服务器上,本文记录一下在vps上搭建hexo博客的过程. 在vps上搭建hexo博客需要下面这些工具: Nginx: 用于博客展示 SSH: ...
- 用Hexo在GitHub上搭建个人博客
我用Hexo在GitHub上搭建好了自己的博客,我的这第一篇博客就来说说搭建的过程. 1 环境配置 本文使用环境如下: Windows 10 node.js v8.1.3 git v2.13.2 np ...
- 在Github上面搭建Hexo博客(一):部署到Github
什么是Hexo Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上.并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设 ...
- Github上搭建个人博客记录
1.注册,用户名一定要起好,别随便起. 2.登录后,新建一个仓库repositories.new一个. 命名为用户名.github.io.如果发现不一样进Settings修改,rename. 3.仓库 ...
- 使用Hexo在github上搭建个人博客
最近正好在学习前端开发,想着搭建一个属于自己的个人博客,把自己的技能树整理整理,温故而知新. 如果你有前端开发经验,那么搭建这样的博客就很简单了. 一 什么是Hexo Hexo 是一个快速.简 ...
- 在github上搭建个人博客
1.平台注册账号,新建域名 github(源码托管服务站):https://github.com/到GitHub官网,注册自己的账号,填好用户名,密码,邮箱,并完成邮箱验证就可以啦!默认的域名是htt ...
- 使用Jekyll在Github上搭建个人博客 - 环境搭建
本地安装Jekyll 首先安装Ruby及gem Ruby的安装 Ruby官网进行下载 从RubyInstaller下载ruby [新手推荐] 我采用的是RubyInstaller,无脑简单 勾选时我配 ...
- Windows上搭建hexo博客
1.windows上下载git(官网太慢),建议去其他地方下载啊(右键出现 Git Bash Here 的标志就安装完成) 2.安装npm:http://nodejs.cn/download/ 3.安 ...
随机推荐
- iptables一次性封多个ip,使用ipset 工具
ipset是什么? ipset是iptables的扩展,它允许你创建 匹配整个地址集合的规则.而不像普通的iptables链只能单IP匹配, ip集合存储在带索引的数据结构中,这种结构即时集合比较大也 ...
- CentOS 7 虚拟机无法开机问题
若虚拟机在不正常关机的时候会遇到如下图所示的问题:先点击"取消"按钮
- JQuery判断元素是否存在
JQuery判断元素是否存在的原理与javascript略有不同,因为$选择器选择的元素无论是否存在都不会返回null或undefined,要使用JQuery判断元素是否存在,只能使用length属性 ...
- 你们信不信一句Console.WriteLine就能让你的控制台程序失去响应
好久没更新博客了,今天是扒衣见君节,难得闲下来就来说说一个最近有趣的发现吧. 首先废话不多说,直接上代码吧 class Program { static void Main(string[] args ...
- 转载:SqlServer数据库性能优化详解
本文转载自:http://blog.csdn.net/andylaudotnet/article/details/1763573 性能调节的目的是通过将网络流通.磁盘 I/O 和 CPU 时间减到最小 ...
- Linux 之 目录和文件
1 初识 1.1 终端 打开终端: Ctrl + Alt + F1 ~ F6 图形界面: Ctrl + Alt + F7 1.2 命令 1) 一般 date; cal - calendar; ...
- 水泡动画模拟(Marching Cubes)
Marching Cubes算法是三维离散数据场中提取等值面的经典算法,其主要应用于医学领域的可视化场景,例如CT扫描和MRI扫描的3D重建等. 算法主要的思想是在三维离散数据场中通过线性插值来逼近等 ...
- python-面向对象进阶
小总结: 面向对象的好处 更容易扩展,提高代码的使用效率,使代码组织性更强.更清晰,更适合复杂项目的开发 封装:把功能的实现细节封装起来,之暴露调用接口 多态:接口的继承 定义: 类 : 模板 ...
- CSS实现进度条和订单进度条
最近半个月为了期末考试,可要了学渣我半瓶血啊!今天本该好好复习的,可是状态不好,就随便找点乐子玩一玩,于是乎就想起之前面试时面试官给的一道题(见标题),那就弄点简单的小玩意给自己洗洗脑咯. 简单地效果 ...
- BOM浏览器对象模型
访问和操作浏览器窗口的模型称为浏览器对象模型BOM(Browser Object Model). BOM整体对象图. 核心是window对象: 以下有特殊双重身份: window对象既是ECMAScr ...