前端程序员

Hexo搭建个人博客

2017-12-13  本文已影响47人  OnyWang

看了一些基于hexo的博客,瞬间觉得漂亮的不像话,主要是阅读文章的时候体验比较好,右边的导航栏好用的不要不要的。上一张读博客时候的图片看一下:


hexo效果.png

于是乎,决定折腾一下。

Hexo的安装步骤

  1. 安装nodeJS
  2. 安装Hexo
  3. 下载喜欢的Hexo模板
  4. 如果是用github做服务器(或者支持markdown解析),可以直接上传md文件,如果放到自己的服务器上,就需要进行静态网页的发布,先将源代码发布为html文件,然后安装发布软件进行发布(我用的nginx,这是说明一下nginx的安装)

安装nodejs

主要介绍一下window和ubuntu的安装。

window安装

  1. 直接从官网下载安装文件即可,可以从该网站下载所需安装包node中文网下载。傻瓜式安装,一路next直到安装成功。
  2. 安装完成之后,会有一个nodejs的命令窗口,打开命令窗口,下载hexo。如下图所示:


    nodejs命令窗口.png
    打开效果如下.png
  3. 下载hexo资源
    输入npm install -g hexo
    此处搞清楚了依赖关系,hexo是依赖于node的,想要安装使用hexo,必须得先安装node,之后使用npm进行hexo的安装下载。
  4. 初始化hexo
    输入hexo init
    这样会在你当前目录下生成hexo的初始化资源,因此在执行该条语句之前,需要先cd到指定目录。
  5. 现在安装的hexo都是3.0版本,<font color=red>3.0版本的hexo有一个明显的改变就是把server进行了分离,安装hexo之后,还需要安装server</font>,使用如下命令进行安装即可:npm install hexo-server --save
  6. 启动hexo
    默认4000端口启动:hexo s
    指定端口启动:hexo s -p 4001
    不出意外,访问localhost:4000就可以看到美的冒泡的博客了吧。

Ubuntu安装

安装顺序跟上面类似,依次获取资源命令如下:
apt-get install nodejs
npm install -g hexo
hexo init
npm install hexo-server --save
有可能出现apt-get失败的情况,这时候将资源包进行一下更新即可:
apt-get update
apt-get upgrade
好了,到此为止hexo就安装完成了。下面需要美化我们的个人博客。下一遍继续更新。

上一篇下一篇

猜你喜欢

热点阅读