Hexo 搭建自己的博客


什么是Hexo

Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架,可以方便的生成静态网页托管在github和Heroku上

GitHub Pages是什么?

GitHub Pages 可以被认为是用户编写的、托管在github上的静态网页。由于它的空间免费稳定, 可以用于介绍托管在github上的Project或者搭建网站。有两种形式: Project Site 和 User/Org Site,二者之间的差异可以戳 GitHub Pages 。基于 GP 创建Site是很方便的,这有一个简单的教程: 学习 Github Page 教你分分钟搭建自己的博客

gp 生成的网站的默认域名是 username.github.io 或者 username.github.io/project-name ,但gp是支持自定义域名的: Custom Domain Name 。购买域名之后,可以和默认的二级域名进行绑定,教程参考: 购买域名、设置DNS


Hexo 的安装

  1. 由于 Hexo 是基于 Node ,安装前要先安装 Node. 进入官网(https://nodejs.org/en/) 下载安装包,直接点击安装就可以了
  2. 安装Git以及申请git账号,相信这步就不用多说了
  3. 安装Hexo
Node和Git都安装好后,可执行如下命令安装hexo:

安装:

$ sudo npm install -g hexo

初始化:
创建一个文件夹,如:MyBlog,cd到MyBlog里执行hexo init的。命令:

$ hexo init

生成静态页面

继续再MyBlog目录下执行如下命令,生成静态页面

$ hexo generate (hexo g  也可以) 

本地启动

启动本地服务,进行文章预览调试,命令:

$ hexo server  

浏览器输入http://localhost:4000 访问试试看,如果没错误 你就会访问到你的网页了


下面就是要将 hexo 部署至Git

    1. 首先在github上建立一个工程,名字就是 —> 你的github名.github.io
    1. 配置_config.yml文件,来建立关联.
$ vim _config.yml

翻到最下面,改成我这样子的,注意: : 后面要有空格

deploy:
type: git
repository: https://github.com/ongfei/ongfei.github.io.git
branch: master

    1. 执行如下命令才能使用git部署
$ npm install hexo-deployer-git --save
    1. 然后,执行配置命令:
$ hexo deploy

然后再浏览器中输入
http://ongfei.github.io/


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

$ hexo clean
$ hexo generate
$ hexo deploy


一些常用命令:

$ hexo new "postName" #新建文章
$ hexo new page "pageName" #新建页面
$ hexo generate #生成静态页面至public目录
$ hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
$ hexo deploy #将.deploy目录部署到GitHub
$ hexo help  # 查看帮助
$ hexo version  #查看Hexo的版本

关于主题的更改

附上一个git地址 https://github.com/litten/hexo-theme-yilia

创建和发布文章

想要发布新的文章,首先创建
cd到Hexo文件夹

$ hexo new "文章标题"

你可以在Hexo->Source->_post目录下看到你新创建的那个文章,还有一个配套的文件夹,里面放这边博文的图片资源

使用支持MarkDown编辑器编写的打开新创建的文件,就可以写文章了,要根据MarkDown语法写出来的文章才会好看

markdown具体语法参考(http://www.appinn.com/markdown/#code)

title:  #文章标题
date:  #时间,一般不用改
categories:  #目录分类
tags:  #标签,格式可以是[Hexo,总结],中间用英文逗号分开
keywords:  #文章关键词,多个关键词用英文逗号隔开 

文章写好直接执行下面命令即可直接发布文章

$ hexo d -g

如果发布时候出现错误

ERROR Deployer not found: git

执行

$ npm install hexo-deployer-git --save

关于文章图片的插入
这个有必要说一下怎么做
文章插入图片需要用到Hexo的一个插件,首先cd到hexo的根目录

$ npm install https://github.com/CodeFalling/hexo-asset-image --save

然后把图片放入对应文章的配套文件夹下,比如1.png

[站外图片上传中……(17)]

推荐两个比较好用的可以把图片存到网络上:

图床;无需注册,方便快捷。
七牛云存储;需要注册,免费,空间大,速度快。



关于

  1. 家里电脑使用博客

    建立git远端仓库管理博客,并使用家里的电脑把本地博客的配置推送到远端仓库。
  2. 公司电脑使用博客

    到了公司只需要执行sudo npm install -g hexo,然后cd到你的博客目录下,如我cd 到Hexo目录下, 然后执行 hexo server 就可以在本地预览博客了。
  3. 使用Git保存

    修改好博客后记得先使用git来提交下, 即使下次把博客的样式修改坏了, 也可以使用 git reset –hard 来回退。如: 我cd 到 Blog-Growing 目录下使用git提交。
  4. 博客提交

    1、修改好的博客使用 hexo d 展示到博客页上。

    2、git push 整个本地博客。


为什么使用百度搜索不到 Github Page 上的博客?

有人联系过 Github Support 部门 , 给出大致的意思就是: 百度爬虫爬得太猛烈,已经对很多 Github 用户造成了问题。所以 Github 将禁止百度爬虫的爬取。

如何让百度能搜索你的博客?

  根据上面说的, 目前发现只是Github Page禁止了百度搜索, 所以让百度能搜索到你的博客还是有一些方法的。例如: 自己搞个VPS,博客部署在VPS上。 博客部署 Coding.net 上, GitCafe已经合并到 Coding 。 我使用的是第二种方法, 博客部署在 Coding.net 上也相对简单些。

在Coding上部署你的博客。
  Coding同样支持Hexo、Jekyll等博客的部署, Coding 跟Github还是挺像的,而且是中文。 同样的在Coding里面建一个项目,项目名字跟你的用户名一样,这里我就不啰嗦了, 说几个需要注意的地方:
注意一:
  在Coding Page 上部署博客,需要把博客推送到coding-pages 分支上, 分支名字是固定的。
注意二:
  Coding Page 不支持自定义CNAME, 你需要点击到Page模块,然后添加一个域名来绑定。

更详细的请看Coding Pages 官网介绍.

此过程中总会遇到大大小小的坑 , 查资料也是学习的过程. 共勉.


参考链接


更详细的教程请移步