hexo博客搭建

Hexo简介

hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上。。

部署过程

  1. Git安装和Github设置
  2. Node.js安装
  3. Hexo安装与设置
    Node, npm和Git都安装成功, 开始安装hexo

    安装命令:

npm install hexo -g  #-g表示全局安装, npm默认为当前项目安装
hexo init            #执行init命令初始化hexo到你指定的目录

再执行以下命令:

hexo generate       #自动根据当前目录下文件,生成静态网页
hexo server         #运行本地服务

浏览器输入http://localhost:4000就可以看到效果。


打开_config.yml,找到deploy一栏,修改如下:

deploy:
  type: git
  repository: https://github.com/你的github名/你的github名.github.io.git
  branch: master

再执行:

hexo deploy  #部署到远程

然后就可以使用Github用户名.github.io进行访问

添加博文

hexo new "postName"  #新建博文,其中postName是博文题目

【注】文件自动生成格式:

title: "first"  #博文题目
date: 2016-3-30 21:25:38  #生成时间
tags: Paper     #标签, 多个标签使用格式[Paper1, Paper2,Paper3,...]

【注】这里title,date,tags冒号后一定要有一个空格,才能写具体的内容,否则会报错。

如果不想博文在首页全部显示, 并能出现阅读全文按钮效果, 需要在你想在首页显示的部分下添加“<!--more-->”,此处及以上的内容会在首页显示。“<!--more-->” 以下是在首页隐藏的部分。

写好文章后,执行:

hexo g       #hexo generate简写
hexo s       #hexo server简写
hexo deploy  #部署到远程

主题更改

Hexo提供了官网的主题, 初始化hexo时也会自动生成一个主题, Hexo还支持个性定制主题, 可以根据自己的喜好对主题进行修改,

我这里采用的yilia这个主题,如果你想使用这个主题,直接clone

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

并修改hexo根目录下的 _config.yml : theme: yilia

这里要说的,笔者在该头像时入坑了一下,在主题根目录下的_config.yml 文件中
其中 avatar: 可以选择头像路径。

这里笔者一开始选择本地的图片,发现首页头像可以设置成功,但是点击到具体文章里头像便没了,后来发现是头像路径的问题,故后来直接使用网络图片,采用网络路径,以免每次文章中都要设置头像。

大家想要在文章里使用图片时,也可以使用七牛,将图片上传到他的云服务器,这样它会给你产生一个url链接,比较方便

酱,先写到这里。