之前在弄这个博客的时候踩了一些坑,也看了一些教程,今天试着总结成一篇文章。整个过程我只是做过四五次,所以有什么问题还请大家指出。

效果

注意: 我这里是在linux系统上搭建的,所以win上搭建会有点不一样,不过大致都差不多。

什么是 Hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

什么是 Github Pages?

Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服 务,站点可以被免费托管在 Github 上,你可以选择使用 Github Pages 默 认提供的域名 github.io 或者自定义域名来发布站点。Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML 文档,将你的 Jekyll 站 点托管在 Github Pages 上是一个不错的选择。

安装相关工具

安装Node.js以及Git

首先,你要先确保自己的系统中已经安装了下面这些应用程序,Hexo是基于Node.js的,而Git则是用来上传文件到github上的工具:

检验是否安装成功:

node -v
npm -v
git --version

免费下载博客_新浪博客互踩软件_踩博客软件

换源,使用cnpm源

因为在国内直接用npm实在是太慢了,所以我选择使用淘宝的源,而用cnpm命令。

安装Hexo

$ sudo cnpm install hexo-cli -g

初始化Hexo项目

创建并进入blog文件夹

$ mkdir blog
$ cd blog

初始化hexo基础配置文件

初始化时间可能会比较长。

$ hexo init

目录结构

免费下载博客_踩博客软件_新浪博客互踩软件

生成静态文件

$ hexo g

加载hexo基础html、css、js等文件。

在这完成后等于已经在本地创建了一个网页,想查看的话,输入

$ hexo s

然后相当于开启了一个本地的服务器,会提示你拷贝url到浏览器。

踩博客软件_免费下载博客_新浪博客互踩软件

在github上创建并设置远程库

创建仓库

名字必须是 用户名.github.io,这里是因为我已经有这仓库了

新浪博客互踩软件_踩博客软件_免费下载博客

创建分支

我们总共有两个分支,master和hexo。之所以要有这两个分支,是为了在电脑出问题的时候或者换新的电脑以后才能快速的恢复blog环境。

新浪博客互踩软件_踩博客软件_免费下载博客

设置hexo为默认分支

新浪博客互踩软件_踩博客软件_免费下载博客

将项目克隆到本地

$ git clone https://github.com/(用户名)/(仓库名).git:克隆到本地

将文件复制到blog文件夹中

$ cd ..
$ git clone https://github.com/(用户名)/(仓库名).git
$ cp -r (仓库名)/.git .git

安装主题

可以到下面这个网站看看有什么喜欢的主题,然后安装。

下载主题

$ cd blog
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

配置主题

在项目的_config.yml中配置自己的主题

现在打开:4000/ 已经可以看到一篇内置的blog了。当然,这是我经过配置后的主题。

新浪博客互踩软件_踩博客软件_免费下载博客

发布hexo到github page

配置远程仓库

在项目的_config.yml中配置自己的远程仓库地址

提交项目,部署

安装部署工具(方便以后更新)

$ cnpm install hexo-deployer-git --save

这里有几个坑需要注意一下:

1、所有的配置“:”符号后面都要带空格,否则执行本地测试直接失败。

2、language是设置语言。zh-CN是中文。

生成静态文件并上传到github仓库

$ hexo clean && hexo g && hexo d #等于一次性执行了,清空、刷新、部署三个命令

总结

对于日常修改博客的时候,应该首先用git add ., git commit -m “…” , git push origin hexo将内容保存至github中,然后才用hexo g -d部署博客

Hexo常用的几个命令:

$ hexo generate #(hexo g) 
$ hexo server #(hexo s) 
$ hexo deploy #(hexo d) 

另外还有其他几个常用命令:

$ hexo new "postName" 
$ hexo new page "pageName" 
$ hexo new draft "postName"
$ hexo publish "postName" 

常用简写

$ hexo n == hexo new
$ hexo g == hexo generate
$ hexo s == hexo server
$ hexo d == hexo deploy

常用组合

$ hexo d -g #生成部署
$ hexo s -g #生成预览

这仅仅是一个开始

虽然我上面已经说了这么多了,但这只是一个开始,你还要选好主题,还有对主题进行无数的优化,还要用自己的域名什么的。我就不写了,原文里有其他文章的链接,你们去看吧。

题图

新浪博客互踩软件_踩博客软件_免费下载博客

限时特惠:本站每日持续更新海量各大内部网赚创业教程,会员可以下载全站资源点击查看详情
站长微信:11082411

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。