Hexo 特点
支持Markdown: 支持Markdown意味着你可以把经历从排版中解放出来。轻量: 无需拥有后台及数据库,专心写好你的文章。一键部署: 可以通过Git或者ftp来将生成的静态页面部署到服务器或者主机空间中。插件丰富: 丰富的插件可以满足你的各种需求。Hexo的工作机制
Hexo基于Node.js,将/source文件夹下的资源(文章,图片,模板),按照预定的配置文件,转换成静态页面放置到/public目录下.如果需要预览或者部署,hexo会把public作为web目录处理.具体的细节可以通过实践接下来的步骤,来逐渐明晓。
准备工作:安装node.js和git,创建GitHub仓库
Node.js官网下载最新LTS版本:https://nodejs.org/en/。
Git官网下载:https://git-scm.com/
如果有不知道怎么下载的请自行百度,这里就不做过多的讲解。
进入到github官网,登入自己的账号,创建一个仓库:https://github.com/
创建好仓库之后,使用git把仓库克隆到本地
复制红圈中的url,打开Git Client,我这里使用的是GitKraken
开始安装
1、打开终端,进入到~/Documents/GitHub/MyBlog (这里看个人爱好,想在哪个目录下安装克隆的时候把仓库克隆到对应的目录就可以了)
# 进入到本地的仓库cd ~/Documents/GitHub/MyBlog2、输入npm install hexo -g,开始安装Hexo
# 全局安装Hexonpm install hexo -g这里报错了,意思是没有操作权限,使用 sudo npm install hexo -g
# 使用root权限全局安装Hexosudo npm install hexo -g输入hexo -v,检查hexo是否安装成功
# 查看Hexo版本信息hexo -v输入hexo init,初始化该文件夹(有点漫长的等待。。。)
# 初始化Hexohexo init这里会报错,意思是当前的文件夹不为空,需要在空文件夹中使用hexo init命令
# 创建hexo目录并进入hexo目录mkdir ~/Documents/GitHub/MyBlog/hexo && cd ~/Documents/GitHub/MyBlog/hexo我们创建一个新的hexo目录并进入hexo目录下面,再次执行:hexo init
# 初始化Hexohexo init出现:INFO Start blogging with Hexo!,说明初始化成功
继续输入:npm install,安装所需要的组件
# 安装所需要的组件npm install输入hexo g,首次体验Hexo
hexo g输入hexo s,开启服务器,访问该网址,正式体验Hexo
hexo s在浏览器输入:http://localhost:4000,访问成功
到这一步,说明Hexo已经搭建成功了,下面开始新建我的第一篇博客,重新打开一个新的终端,输入:hexo new port "你好,Hexo"
# 进入~/Documents/GitHub/MyBlog/hexocd ~/Documents/GitHub/MyBlog/hexo# 新建一个名称为:你好,Hexo的博客hexo new port "你好,Hexo"会在:~/Documents/GitHub/MyBlog/hexo/source/_posts目录下创建一个:你好,Hexo.md 的文件
使用编辑器编辑好文章,然后使用下面的命令进行生成和部署
hexo d -g访问:http://localhost:4000,发现博客已经添加上去了