什么是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 的安装
- 由于 Hexo 是基于 Node ,安装前要先安装 Node. 进入官网(https://nodejs.org/en/) 下载安装包,直接点击安装就可以了
- 安装Git以及申请git账号,相信这步就不用多说了
- 安装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
- 首先在github上建立一个工程,名字就是 —> 你的github名.github.io
- 配置_config.yml文件,来建立关联.
$ vim _config.yml
翻到最下面,改成我这样子的,注意: : 后面要有空格
deploy:
type: git
repository: https://github.com/ongfei/ongfei.github.io.git
branch: master
- 执行如下命令才能使用git部署
$ npm install hexo-deployer-git --save
- 然后,执行配置命令:
$ 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)]
推荐两个比较好用的可以把图片存到网络上:
图床;无需注册,方便快捷。
七牛云存储;需要注册,免费,空间大,速度快。
关于
- 家里电脑使用博客
建立git远端仓库管理博客,并使用家里的电脑把本地博客的配置推送到远端仓库。 - 公司电脑使用博客
到了公司只需要执行sudo npm install -g hexo,然后cd到你的博客目录下,如我cd 到Hexo目录下, 然后执行 hexo server 就可以在本地预览博客了。 - 使用Git保存
修改好博客后记得先使用git来提交下, 即使下次把博客的样式修改坏了, 也可以使用 git reset –hard 来回退。如: 我cd 到 Blog-Growing 目录下使用git提交。 - 博客提交
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 官网介绍.