Hexo简介
hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上。。
部署过程
-
Git安装和Github设置
-
Node.js安装
-
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链接,比较方便
酱,先写到这里。