Ji Xiang's blog

How to build your owner blog with HEXO

今天真高兴,涨了不少姿势。

1.学会了使用Hexo搭建一个静态博客
2.学会了使用MarkDown这种简单的标记语言编写文章

前几天看到学长在用MarkDown写博客,感觉逼格很高,程序员风格十足。今天终于入门了,现把一些主要步骤记录一下

1.首先要有一个github账号,然后建立一个repository(仓库),关键点在于 仓库名称要与你的账号名称相同,并在后面加上github.io
例如: 我的github叫做 jimxiang,那么就建一个名为 jimxiang.github.io的仓库。接下来要配置SSH,网上教程很多,这里不再赘述。**

2.使用node.js里的npm在命令行里进行接下来的操作

安装Hexo

 $ npm install -g hexo // -g  表示把hexo安装到全局,不限于当前文件夹,以后重建项目时不必再次安装

部署Hexo

 $ hexo init 
现在已经搭建好本地的hexo博客了,执行以下命令
 $ hexo g   // 生成静态页面至public目录
 $ hexo s   // 开启预览访问端口(默认端口4000,'ctrl + c'关闭server)

到浏览器输入 localhost:4000 看看

更换博客主题

github上有许多博客主题。现在clone一个你最喜欢的主题

 $ git clone https://github.com/...(主题地址)

例如

 $ git clone https://github.com/wuchong/jacman.git themes/jacman

启用主题

修改Hexo目录下的config.yml配置文件中的theme属性,将其设置为jacman。

 theme: jacman

注意:Hexo有两个config.yml文件,一个在根目录,一个在theme下,此时修改的是在根目录下的。

更新主题

 $ cd themes/jacman
 $ git pull

使用与调试

启动本地服务,实时查看你的blog

 $ hexo serve

到了重要的一步:把本地的博客部署到github上(有木有很激动)

配置 根目录下的config.yml 文件

 deploy:
 type: git
 repository: git@github.com/...(你自己的github地址)
 branch: master

npm命令

 $ hexo clean
 $ hexo generate
 $ hexo deploy  //这一步会让你输入你的github用户名和密码

到此为止,你可以登陆 xxx.github.io 查看你的博客啦!

Hexo修改blog主页内容:

修改根目录下的 config.yml 文件

新建文章

$ hexo new "(文章名)" //新建一个xxx.md的文件
使用 **记事本、sublime text、chrome插件** 等编辑 *source/_posts文件下的.md* 文件,借助[MakeDown](http://www.markdown.cn/)语言写入你的文章 ### 写完后,推送到服务器上
 $ hexo g
 $ hexo d

现在我们完成了用Hexo和github建立静态博客,是不是很有趣呢?赶紧动手吧!