kindquiet素食勤俭敬老孝慈

github-hexo-blog

hexo是一个基于Node.s的静态博客程序。hexo生成的静态网页可以直接放到GitHub Pages,BAE,SAE等平台上。把博客从wordpress迁移到了github,參考:http://ippotsuko.com/build-your-hexo-blog-3/,http://riny.net/2014/move-blog-to-github/,http://blog.fens.me/hexo-blog-github/
现在hexo已经更新到3.0,有部分内容需要修正,包括一些问题的解决办法,补充如下:

github

申请github账号

  • 首先注册一个『GitHub』帐号
  • 建立与你用户名对应的仓库,仓库名为『your_user_name.github.io』

    配置自动登陆:

  • 添加SSH公钥:『Account settings -> SSH Keys -> Add SSH Key』
  • windows8 ssh key所在目錄:c:\user\login_name.ssh\ *

hexo

安装hexo

需要安装git和node.js
npm install -g hexo
npm install
建一个目录,比如your_user_name.github.io,进入次目录初始化:
hexo init
npm install

Hexo 3.0 把服务器独立成了个别模块,必须先安装 hexo-server 才能使用。
npm install hexo —save
npm install hexo-server —save
npm install hexo-deployer-git —save

linux系统:
sudo npm install -g hexo
sudo npm install hexo —save
sudo npm install hexo-server —save

hexo 更新到3.0之后,deploy的type 的github需要改成git
hexo默认会处理全部markdown和html文件,如果不想让hexo处理你的文件,可以在文件头中加入layout: false。

插件安装

站点地图
npm install hexo-generator-sitemap save
npm install hexo-generator-feed save

在配置文件添加下面的内容

# Extensions
Plugins:
- hexo-generator-feed
- hexo-generator-sitemap
#Feed Atom
feed:
  type: atom
  path: atom.xml
  limit: 20
menu:
  Home: /
  Archives: /archives
  Rss: /atom.xml
  Sitemap: /sitemap.xml

升级插件
$ npm update
卸载插件
$ npm uninstall hexo-generator-sitemap

主题安装

Strict 是一个简洁的 hexo 主题, 它的配色来自默认主题 landscape.
npm install hexo-renderer-jade —save
git clone git@github.com:Bubblings/hexo-diy-strict.git themes/hexo-diy-strict

定制主题,修改以下文件:
about.jade
head.jade
page.jade

从wordpress迁移

参考:http://hexo.io/docs/migration.html
wordpress导出为xml,然后转换为md格式,还需要进一步转换。

  • 替换多余的html标签:
    1
    2
    sed -i 's/<[^>]*>//g' *.md
    sed -i 's/&[a-z]*;//g' *.md

所替换的符号:

>
大于
&gt;
&
&符号
&amp;
"
双引号
&quot;
单引号
&#39;
©
版权
&copy;
®
已注册商标
&reg;
商标(美国)
&trade;
×
乘号
&times;
÷
除号
&divide;
空格
&nbsp;
中文单引号
&lsquo;
中文单引号
&rsquo;
中文双引号
&ldquo;
中文双引号
&rdquo;
中文省略号
&hellip;

写文章

hexo n title

文章在source/_posts目录下

1
2
3
4
5
6
7
8
9
title: postName #文章页面上的显示名称,可以任意修改
date: 2013-12-02 15:30:16 #文章生成时间,一般不改,当然也可以任意修改
tags: #文章标签,可空,多标签请用格式,注意:后面有个空格
- tag1
- tag2
---

摘要
<!--more-->
以下正文

markdown 简明语法

*,-,+ 3个符号效果都一样,这3个符号被称为 Markdown符号
空白行表示另起一个段落
`是表示inline代码,tab是用来标记 代码段,分别对应html的code,pre标签

单一段落( <p>) 用一个空白行
连续两个空格 会变成一个 <br>
连续3个符号,然后是空行,表示 hr横线

加粗是通过 文字左右各两个符号
用一个 * 包含一段文本就是斜体的语法
在第一行加上 “>”和一个空格,表示代码引用
使用*,+,-加上一个空格来表示列表
有序列表用 数字+英文点+空格来表示

链接
直接写 [锚文本](url "可选的title")
引用 先定义 [ref_name]:url,然后在需要写入url的地方,这样使用[锚文本][ref_name],通常的ref_name一般用数字表示
简写url:用尖括号包裹url
这样生成的url锚文本就是url本身
插入图片
一行表示: ![alt_text](url "可选的title")
引用表示法: ![alt_text][id],预先定义 [id]:url "可选title"
直接使用<img>标签,这样可以指定图片的大小尺寸

特殊符号
用\来转义,表示文本中的markdown符号
可以在文本种直接使用html标签,但是要注意在使用的时候,前后加上空行
文本前后各加一个符号,表示斜体

进阶

评论,多說:
http://your_name.duoshuo.com/admin/
圖片服務器:
https://portal.qiniu.com/report/overview
百度統計:
http://tongji.baidu.com

常用命令

hexo new “postName” #新建文章
hexo new page “pageName” #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,’ctrl + c’关闭server)
hexo deploy #将.deploy目录部署到GitHub
在执行hexo deploy前把在本地写好的README.md文件复制到.deploy文件夹中,再去执行hexo deployer

在此感谢GitHub。