`
安卓干货铺
  • 浏览: 36088 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

HEXO+Github快速搭建自己的博客

阅读更多

点击标题下「蓝色微信名」可快速关注

很多人有了自己的博客,于是利用Hexo静态博客框架和Github搭建了一个,下面把详细的教程分享给大家。

Hexo是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染. Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多数插件. 并自己也拥有强大的插件系统。

一.Git下载

下载地址:

https://git-for-windows.github.io/

对于git相信不用我多说,如果还不会git的话,还是结合github先学一下吧。

二.Node.js下载

下载地址:

https://nodejs.org/en/

直接默认安装就可以了。

三.配置Github

1.注册github账号,建立库,并且库名必须是yourname.github.io,yourname是你github的用户名。

 

2.在_config.yml进行配置

 

 

 

四.安装Hexo

1.利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Bash

然后输入命令:

npm install -g hexo

如果显示的事command not found,那就删除刚才安装的目录,再次执行上面的命令。

五.初始化Hexo

1.在某一个盘上创建名为一个文件夹,(比如在D盘创建名为Hexo的文件夹)

 

2.在Hexo文件夹下,运行Git Bash,输入命令:hexo init  (一定要在你刚才创建的文件夹下运行)

安装依赖包  输入此命令: npm install

3.生成静态页面,输入此命令:

hexo g

本地启动

启动本地服务,输入此命令:

hexo s

输入完成后,打开浏览器输入http://localhost:4000

如果成功的话会显示如下页面:

 

但是也有可能报如下错误:

fatal: unable to access 'https://github.com/*/*.github.io.git/': Failed to connect to github.com port 443: Timed out FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html Error: fatal: unable to access 'https://github.com/*/*.github.io.git/': Failed to connect to github.com port 443: Timed out

解决方法为: 

将hexo配置文件——config.yml中repo里更改为 

https://用户名:密码@新建github库的地.git然后就可以了。

 

如果是第一次,然后执行命令:

npm install hexo-deployer-git --save

然后再执行

 

hexo d

然后再浏览器中输入http://yourname.github.io/就行了,yourname是你的github的账户名,至此博客就基本搭建完成了。

附加:如果出现ERROR Deployer not found: git 或者 ERROR Deployer not found: github

解决方法: npm install hexo-deployer-git --save

 

4.部署步骤

以后每次部署的步骤,可按以下三步来进行。

    hexo clean 

    hexo g

    hexo d

5.常用命令

简写

hexo n "我的博客" == hexo new "我的博客" #新建文章 hexo p == hexo publish hexo g == hexo generate#生成 hexo s == hexo server #启动服务预览 hexo d == hexo deploy#部署

服务器

简写 hexo server #Hexo 会监视文件变动并自动更新,您无须重启服务器。 hexo server -s #静态模式 hexo server -p 5000 #更改端口 hexo server -i 192.168.1.1 #自定义 IP hexo clean #清除缓存 网页正常情况下可以忽略此条命令 hexo g #生成静态网页 hexo d #开始部署

此文章只是简单的搭建,接下来我会持续更新的关于博客配置的一系列文章。

推荐阅读

 

 

【收藏篇】32篇技术博文汇总

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics