美文网首页
Hexo-搭建和配置全教程

Hexo-搭建和配置全教程

作者: xlinyao | 来源:发表于2020-05-18 00:29 被阅读0次

    前言

    现在市面上的博客很多,如CSDN,博客园,简书,知乎等平台,可以直接在上面发表,用户交互做的好,写的文章百度也能搜索的到。缺点是比较不自由,会受到平台的各种限制和恶心的广告。生命诚可贵,爱情价更高,若为自由故,两者皆可抛。作为一名热爱自由的IT人,生命不息,折腾不止,选择了自建博客这条不归路。经过一番对比,最终选择了hexo和阿里云ECS来搭建博客。

    hexo 简介

    Hexo是一个简单地、轻量地、基于Node.js的一个静态博客框架,可以方便的生成静态网页。
    Hexo的作者是一名台湾的大学生@tommy351 ,引用Hexo作者的话:

    快速、简洁且高效的博客框架
    A fast, simple & powerful blog framework

    其Gihub的地址为:https://github.com/hexojs/hexo
    Hexo的官网地址为:https://hexo.io/zh-cn

    Hexo的特点:
      1、基于nodejs,易于安装。
      2、超快速度,Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。
      3、支持markdown,Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。
      4、一键部署,只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台。
      5、插件和可扩展性,强大的 API 带来无限的可能,与数种模板引擎(EJS,Pug,Nunjucks)和工具(Babel,PostCSS,Less/Sass)轻易集成。

    安装nodejs

    下载nodejs

    wget https://npm.taobao.org/mirrors/node/v12.16.1/node-v12.16.1-linux-x64.tar.xz

    解压

    tar -xvf node-v12.16.1-linux-x64.tar.xz

    关联

    ln -s /www/node-v12.16.1-linux-x64/bin/node /usr/local/bin/node
    ln -s /www/node-v12.16.1-linux-x64/bin/npm /usr/local/bin/npm

    测试

    出现如下结果,表示安装成功

    [root@localhost ~]# node -v
    v12.16.1
    [root@localhost ~]# npm -v
    6.13.4
    

    搭建hexo

    前面git和nodejs安装好后,就可以安装hexo了。需要经过如下的几个步骤:

    1. 安装hexo脚手架

    安装

    [root@localhost ~]# npm install hexo-cli -g --registry https://registry.npm.taobao.org
    

    注:参数--registry https://registry.npm.taobao.org 指定淘宝源,可以选择不使用

    测试

    [root@localhost ~]# hexo -v
    hexo-cli: 3.1.0
    os: Linux 3.10.0-327.el7.x86_64 linux x64
    node: 12.16.1
    v8: 7.8.279.23-node.31
    uv: 1.34.0
    zlib: 1.2.11
    brotli: 1.0.7
    ares: 1.15.0
    modules: 72
    nghttp2: 1.40.0
    napi: 5
    llhttp: 2.0.4
    http_parser: 2.9.3
    openssl: 1.1.1d
    cldr: 35.1
    icu: 64.2
    tz: 2019c
    unicode: 12.1
    

    如果输入hexo -v,出现-bash: hexo: command not found, 则在终端中输入如下命令即可:
    echo -e "export PATH=(npm prefix -g)/bin:PATH" >> ~/.bashrc && source ~/.bashrc

    1. 初始化hexo博客
    [root@localhost ~]#hexo init blog
    

    blog为博客目录,名字可以随意指定。
    初始化过程中需要通过git下载配置文件以及默认主题 ,故需要提前安装和配置好git环境

    1. 安装依赖
    [root@localhost ~]#cd blog
    [root@localhost blog]#npm install
    
    1. 启动服务
    [root@localhost blog]#hexo server
    INFO  Start processing
    INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
    

    在浏览器中输入http://localhost:4000, 如果能看到如下界面,祝贺你,hexo已经初步搭建成功,接下来就是优化和美化

    Hexo服务优化

    通过hexo server 启动服务,Hexo 会监视文件变动并自动更新,您无须重启服务器,此种方式一般适用于开发环境。通常情况下,Hexo会将生成的文件放入 public 文件夹内的,我们只需要能让服务器访问到public文件即可,这里我们选用nginx作为代理服务器。
    安装nginx的方式有很多,我们采用yum方式进行安装,具体步骤如下:

    1. 添加nginx源
    [root@localhost ~]rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
    
    1. 安装nginx
    [root@localhost ~]yum install -y nginx
    
    1. 启动nginx
    [root@localhost ~]systemctl start nginx
    
    1. 开机启动nginx
    [root@localhost ~]systemctl enable nginx
    

    nginx默认端口是80,如果该端口没有被其他程序占用,则在浏览器输入localhost或http://ip ,出现如下界面,说明nginx安装成功

    将nginx默认的路径修改为咱们自己的public路径即可,具体如下图所示,到此我们的个人博客就搭建完成了。

    博客虽然有了,但是还不是特别美观,后续的文章中将继续介绍美化我们的博客,敬请关注!

    相关文章

      网友评论

          本文标题:Hexo-搭建和配置全教程

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