• hexo——轻量、简易、高逼格的博客


    背景

    写blog虽然经历了N多不同时代的产品,恒久不变的始终是自己无人问津的网站。虽然没几个人看,还是隔断时间就要折腾一下。从最开始的wordpress,到tale,到现在的hexo,网站变得越来越简单,越来越轻量级,这里主要说说hexo的使用。

    hexo介绍

    主页: https://hexo.io/zh-cn/
    主页中有非常详细的介绍,主页中有介绍内容我这里就不赘述了,这里主要说说主页中没有详细说明内容。

    • hexo 可以理解为是基于node.js制作的一个博客工具,不是我们理解的一个开源的博客系统。其中的差别,有点意思。
    • hexo 正常来说,不需要部署到我们的服务器上,我们的服务器上保存的,其实是基于在hexo通过markdown编写的文章,然后hexo帮我们生成静态的html页面,然后,将生成的html上传到我们的服务器。简而言之:hexo是个静态页面生成、上传的工具。

    源码结构

    文件/文件夹 说明
    _config.yml 配置文件
    public 生成的静态文件,这个目录最终会发布到服务器
    scaffolds 一些通用的markdown模板
    source 编写的markdown文件,_drafts草稿文件,_posts发布的文章
    themes 博客的模板

    我们正常使用,修改最多的源码是_config.yml文件,不管是博客的基础配置,还是模板,都是修改这个文件。
    source是我们日常写文章要用的目录,是我们日常操作的文件夹。
    如果针对下载的模板修改,那么就需要操作themes了。hexo是用node.js编写的程序,所以theme的修改也是比较容易的。

    使用

    基本安装和使用直接参考官网即可,这里我主要说两个部分:

    编写BLOG

    官方新编写BLOG,建议的是使用命令:

    hexo new [layout] <title>
    

    其实,你可以直接在_drafts新建markdown文件,就是草稿了,在_posts新建markdown文件,就是发布的文章了。当然,记得在顶部加上相关的描述,如:

    ---
    title: hexo——轻量、简易、高逼格的博客
    date: 2018-08-31 17:54:54
    tags:
        - IT技术
        - 前端
    ---
    

    效果和命令新建文件,是一样一样的。

    模板安装和使用

    hexo为我们提供了非常多好看实用的模板,官网提供了很多模板,但是,针对模板的使用,只进行了非常简单的说明,这里以我自己的使用的模板Concise为例,进行详细的补充。

    其实,模板的使用,简单来说,只需要两个步骤:

    • 将模板copy到themes目录,如:
    git clone https://github.com/HmyBmny/hexo-theme-concise.git themes/concise 
    
    • 修改_config.yml中的theme:
    theme: concise
    

    所有的模板,共有的操作方式就只有这两个,但是不同的模板,会有很多不同的设置,这里就需要针对模板的使用说明进行修改了。建议通过github找到模板,看下readme。如,我使用的Concise就需要修改:

    author: 
      name: 公众号:itmifen
      work: IT狗,程序猿,苦B奋斗的伪文中老年
      location: 深圳, shenzhen
      avatar_url: http://oe749te3z.bkt.clouddn.com/logo.png
    
    links:
      github: https://github.com/itmifen
    

    基本上,这样就能在本机进行预览使用了。

    发布

    现在比较流行的方式,都是将代码发布到git,因为我同时要传到github和自己的博客,所有我的处理方式就是:
    先将代码传到github,再在自己的服务器获取github代码,服务器上自己部署一个nginx,解析静态网页即可。
    先安装git插件:

    npm install hexo-deployer-git --save
    

    git的配置,修改_config.yml文件:

    deploy:
      - type: git
        repository: git@github.com:itmifen/blog.git
        branch: master
    

    当然,只是这样肯定不行,你要确保你本地能git push到服务端,所以需要配置本地的ssh github私钥。没有操作过的同学,请自行搜索。 这样,我就可以将本地的文章通过hexo官方推荐的方式push到github:

    hexo deploy
    

    这样应该就能在你的github上看到上传的代码了,这时看到的应该是纯静态的一个站点。
    既然代码已经上传了,那么只要在我的服务器配置好github和ssh私钥,就能顺利的pull代码了,当然,还需要写个crontab定时来拉取,不需要自己登录服务器操作了。

    常见问题

    执行deploy命令了,但是代码未上传?

    先执行hexo generate命令,生成静态文件了,再执行hexo deploy上传,上传是只会上传public中生成的文件。

    修改了模板,但是没有生效?

    修改了模板以后不生效,建议先hexo clean,然后再hexo generate。只执行hexo generate,可能模板后者静态文件不会被替换。

    预览不太方便?

    开发环境提供了实时预览的方式,不需要每次都generate,执行命令:

    hexo generate -w
    

    系统会实时生成新的HTML,非常方便。


    欢迎订阅我的公众号:ITmifen

  • 相关阅读:
    MySQL单机多实例安装并配置主从复制
    linux编译安装MySQL
    Mysql的float类型造成的困扰总结
    kettle初探
    最近的工作总结
    【spring boot】SpringBoot初学(7)– 多数据源及其事务
    【spring boot】SpringBoot初学(6)– aop与自定义注解
    【spring boot】SpringBoot初学(5)– WebService之Jersey
    SpringBoot初学(4)– JdbcTemplate和Mybatis
    【spring boot】SpringBoot初学(3)– application配置和profile隔离配置
  • 原文地址:https://www.cnblogs.com/joylee/p/9621639.html
Copyright © 2020-2023  润新知