Hexo博客搭建

来源:互联网 发布:js 转换为数字 编辑:程序博客网 时间:2024/05/19 20:21

目录(?)[+]

这是一篇简要的介绍Hexo独立博客的搭建教程

其他相关知识如Git、Github Pages请自行脑补。


一、安装准备软件


Node.js

我的环境是Win7 64位,请选择对应版本进行下载



一直Next 只需选中Add to PATH即可




Git

安装Git的客户端msysgit


二、安装Hexo


Node和Git都安装好后,可执行如下命令安装hexo:

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. npm install -g hexo  
初始化Hexo

进入任意盘(如:D盘)打开Git Bash依次执行

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. $ hexo init blog  
  2. $ cd blog  
  3. $ npm install  
  4. $ hexo server  


浏览器输入http://localhost:4000/ 即可看到效果


三、主题更换


对于一个独立博客,更换主题是必不可少的.hexo的主题列表 Hexo Themes

选择一个你比较喜欢的,打开Git Bash 执行如下命令进行主题安装(下面以light主题为例)

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. $ git clone git://github.com/tommy351/hexo-theme-light.git light  
注:在/blog/themes目录下执行上述命令,执行成功之后会在themes目录下多出一个light主题

安装完成后,打开blog/_config.yml,修改主题为light

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. theme: light  
重启server

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. $ hexo server  

刷新即可预览到刚更换的Hexo主题


三、推送到Github


1、注册Github账号

已有账号可以跳过


2、创建repository

比如我的Github测试账号是itbirds1900,那么创建的repository名字应该是itbirds1900.github.io



3、部署

编辑_config.yml(在D:\blog下)。部署时,要把下面的itbirds1900都换成你的账号名。

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. deploy:  
  2.   type: github  
  3.   repository: https://github.com/itbirds1900/itbirds1900.github.io.git  
  4.   branch: master  

blog目录下打开Git Bash执行下列指令进行推送。

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. $ hexo generate  
  2. $ hexo deploy  

如何你电脑没设置SSH,将会提示输入用户名密码,输入即可。

成功之后浏览器输入http://你的账户名.github.io/      效果参考 猛戳


原文首发:麦田技术博客

作者:itmyhome


0 0
原创粉丝点击