Hugo博客树立运用

上周琢磨了一周运用了Hexo尝试创建静态博客，且修正出了自己的Theme，最终倒在了Hexo的部署上。后续不得已再选择其他的平台，随后发现了Hugo，这儿作一下记载，供以后回忆作资料查找。

一、树立Hugo环境

参阅博客：

运用hugo生成静态博客并部署在GitHub上

1、装置本地环境

这儿以mac系统为比如，windows能够参阅官方文档中的细节，mac运用brew作为包管理器。

// 装置hugo
brew install hugo
// 查看是否装置成功，查看版本
hugo version

2、树立博客

// xxx为博客的项目名
hugo new site xxx
// 随后进入博客目录
cd xxx

3、Hugo的根本命令

相比较hexo来说，Hugo现已能够说是简化了很多，静态页面的生成十分的快，是hexo的几倍不止。加上部分博客主题对于博文中运用到的图片进行了自动转化裁切以及缓存，每次生成静态页面的时分并不需要每次都处理一次图片，这样页面生成的速度就得到了改进。

// 本地启动Hugo，默许在localhost:1313
hugo server
// 生成静态页面文件，目录是public
hugo

4、装备GitHubpage

这儿就不详细的说了，在GitHub上创建好对应的项目后就能够将生成好的静态主页文件上传。

cd public
git init    ##初始化库房
git remote add origin <https://github.com/caecarxu/caecarxu.github.io.git>    ##链接长途库房
git add .
git commit -m "first commit"
git push -u origin master

每次更新文章后需要手动再push一次。

cd public
git add .
git status
git commit -m "add blog post"
git push

二、运用主题

1、挑选主题

主题有蛮多的，质量都很顶，不像hexo的比较粗糙，好像就只有next一个比较多人运用的姿态，也不行多样化。

主题能够直接点开官方的主题页面挑选，我选择的是hugo-theme-stack，个人的观感是十分的好看，并不需要我手动去修正太多装备。

作用如下图：

Hugo博客搭建使用

2、做一些个性化的调整

有两个网址能够参阅

  • 根底的修正，经过stack主题的官方文档进行修正，stack主题的模版目录里也有相应的example能够复制出来，覆盖本来的装备，进行简略的初始化。
  • 进阶的修正，经过网友的博客进行参阅

这边做一些简略的装备介绍：

2.1 修正默许显现言语

左下角有切换主题的按钮，对应的是不同的言语，在主题底下的i18n能够查看，也能够看config的装备。stack刚开始用的时分有点不适应的点是，markdown的多言语是基于文件姓名的后缀进行识别的，因而每次装备的时分都需要命名为.cn结尾的md文件。

# config装备文件的修正，修正为默许中文
DefaultContentLanguage: zh-cn
languageCode: zh-CN
# language切换也默许中文排第一位
languages:
    zh-CN:
        languageName: 中文
        title: Kevin's Blog
        weight: 1
    en:
        languageName: English
        title: Kevin's Blog
        weight: 2

2.2 侧边栏显现设置

# 设置emoji，相似github的status，能够直接运用emoji表情
# subtitle能够填写自己的介绍或者是座右铭之类的
# avatar就是头像的相关装备
sidebar:
        emoji: xx
        subtitle: xxx
        avatar:
            enabled: true
            local: true
            src: img/avatar.png

2.3 主页Home的增加

默许的example装备里没有home页面，由于默许index画面就是home画面，能够修正一下url看一下作用。

# 将home页面增加到sidebar的方法
# menu的次序是经过weight来排序的
menu:
    main:
        - identifier: home
          name: Home
          url: /
          weight: -100
          params:
            icon: home

2.4 增加链接等

icon的装备的地址自己全局查找一下就知道了。（我也不记得在哪里了）

social:
        - identifier: github
          name: GitHub
          url: <https://github.com/JKevin-5>
          params:
              icon: brand-github
        - identifier: juejin
          name: JueJin
          url: <https:///user/2154698523021608>
          params:
              icon: brand-juejin

三、总结

总的来说，Hugo相比较hexo有几个长处：

  1. 得益于go言语，静态页面生成速度快；
  2. 静态页面的生成比较流畅不会有由于mac环境导致的反常问题；
  3. 主题页面质量比较高，个性化的视点来讲比较容易，比较省心；
  4. 拿stack主题来说，查找功用不需要装备第三方的查找插件就十分的方便；
  5. 装备文件或者是项目的文件结构都与hexo十分的相似，修正或者是从hexo转移过来的运用本钱并不高，根本平替。

后续运用，有需要弥补的点，会再增加进来，目前为止仍是很满足的，进阶部分的修正与运用等后续有空了再进行尝试，目前并不影响运用。