hexo博客简易搭建教程

什么是Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。官网

Hexo安装

安装

在安装Hexo之前必须安装Git和NodeJs。如果没有安装请参考之前博文
传送门

npm install -g hexo-cli

如果提示permission denied。请在前面添加sudo。
等待安装完成。

初始化

hexo init blog

启动

初始化完成之后。会在当前目录下面生成一个blog的文件夹。进入此目录。然后安装依赖并启动hexo。

cd blog
npm install
hexo server

如果出现以下。则表示安装并启动成功。
enter image description here

这个时候可以在浏览器输入: http://localhost:4000/
会显示出hexo默认的页面。如图。
enter image description here

更换主题

我们已经成功安装了hexo。但是由于自带的默认的主题样式不怎么好看。这个时候我们一般都会选择第三方的主题来替换 主题
点击选择根据自己喜欢的主题来替换。我这里使用的比较有名的[NexT]。
(http://theme-next.iissnan.com/) 。首先进入到blog目录。然后下载next主题

cd blog
git clone https://github.com/iissnan/hexo-theme-next themes/next

下载完成之后修改当前目录下面的_config.yml文件。找到theme: landscape。把landscape修改成next。注意theme:后面有个空格。然后保存。在次刷新网页你会发现页面已经修改掉。

enter image description here
里面的各项配置请参考官网

Hexo常用命令

#启动本地服务器
hexo serevr 
#新建一篇博客
hexo new "新建一篇博客"
#自动生成网站静态文件,并部署到设定的仓库
hexo deploy
#清楚缓存文件
hexo clean
#生成网站静态文件到默认设置的 public 文件夹
hexo generate
#新建一个页面叫做test
hexo new page test


posted @ 2018-02-13 21:32  进击的小羊驼  阅读(205)  评论(0编辑  收藏  举报