how-to-build-blog-by-using-hexo

如何用github page与hexo搭建博客

需要安装的软件

1.Git

2.Node.js

3.Hexo(感觉组织架构好像ruby on rails :smile )

安装Hexo

1.打开终端,输入

npm install -g hexo

2.创建任一目录,在目录中执行命令hexo init npm install

3.创建新博客hexo new "name" 然后hexo generate (hero g)

如果在本地查看,则hexo server(hero s)

查看的地址为localhost:4000.

注意,所有的hexo指令都必须在建立的目录下执行

部署hexo到github上

1.安装插件npm install hexo-deployer-git --save

2.打开博客目录的_config.yml文件,设置deploy的type为git,repository(repo)
为:https://github.com/你的id/你的id.github.io.git(需要在type和repo后面加上一个空格再填写)

3.访问在github上的网页,地址为https://your_user_name.github.io/

写博客流程

1.新建博客 hexo new [layout] "blog_name"。其中layout是可选参数,默认值为post。有哪些layout呢,请到scaffolds目录下查看,这些文件名称就是layout名称。当然你可以添加自己的layout,方法就是添加一个文件即可,同时你也可以编辑现有的layout,比如post的layout默认是hexo\scaffolds\post.md

2.部署流程

hexo clean#在将文章同步到github仓库前先clean一下

hexo g #生成静态文件

hexo d #部署到github上

hero s #本地预览文章

自定义页面

执行new page命令,hero new page "about"。在hexo\source\下会生成about目录,里面有个index.md,直接编辑就可以了,然后在主题的_config.yml中将其配置显示出来。上述步骤,也可以手工生成,在hexo/source/下手工新建aboutindex.md*也是完全等价的。

选择主题

1.以next为例,在博客目录执行git clone https://github.com/iissnan/hexo-theme-next themes/next,clone结束后该主题将在自己博客文件夹theme文件下,与之前的主题landscape并立。

2.在自己博客文件夹第一层中的_config.yml里面修改theme为next

3.hexo主题,每个主题的配置都在其文件中有说明,如next,其配置文件为next主题

配置域名

参见参考博客

使用不同电脑维护

在Github上面搭建Hexo博客(四):使用不同电脑维护

其他扩展功能

参见Mac下使用Hexo和Github搭建静态博客

参考博客

1.用我三天换你快速构建自己的博客

2.Mac下使用Hexo和Github搭建静态博客

3.Mac下搭建Hexo博客教程

4.Mac下使用Hexo和GitHub搭建静态博客

5.hexo官方文档

6.基于 Hexo 和 GitHub Pages 搭建博客

7.hexo你的博客

8.使用Hexo搭建博客(四),博客的部件和插件