美文网首页前端程序员
Hexo搭建个人博客

Hexo搭建个人博客

作者: OnyWang | 来源:发表于2017-12-13 18:07 被阅读47次

    看了一些基于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就安装完成了。下面需要美化我们的个人博客。下一遍继续更新。

    相关文章

      网友评论

        本文标题:Hexo搭建个人博客

        本文链接:https://www.haomeiwen.com/subject/whfaixtx.html