Hugo搭建个人博客

Hugo

主流静态博客框架

搭建个人博客肯定会用到"静态博客框架"，比较主流的有Hexo与Hugo。
Hexo是一款基于Node.js的静态博客框架。
Hugo是由Go语言实现的静态网站生成器。
相对而言Hugo更简单、易用部署快速。
这里对Hugo框架搭建与使用做简单介绍。

Hugo搭建流程（Mac）：

1.Mac基于brew工具，命令行直接安装（Mac需要安装好Homebrew包管理工具）：

brew install hugo 
(装后验证是否安装成功：hugo version)

2.用hugo生成博客：

hugo new site myblog
(生成myblog名称文件夹)

3.配置博客主题：(https://themes.gohugo.io/ 在主题网站挑选后 按主题提示下载)

举例：
mkdir themes // Creates a Themes Folder
cd themes        // Points to the Themes Folder
git submodule add https://github.com/pacollins/hugo-future-imperfect-slim.git

4.在本地启动个人博客：

hugo server -t xx(主题名称) --buildDrafts
----------------
// 举例： 可以在下面提示地址本地浏览博客样式
➜  MyBlog hugo server -t noteworthy --buildDrafts

                   | EN  
+------------------+----+
  Pages            | 10  
  Paginator pages  |  0  
  Non-page files   |  0  
  Static files     | 88  
  Processed images |  0  
  Aliases          |  1  
  Sitemaps         |  1  
  Cleaned          |  0  

Built in 58 ms
Watching for changes in /Users/wangxiaokang/wxk/MyBlog/{archetypes,content,data,layouts,static,themes}
Watching for config changes in /Users/wangxiaokang/wxk/MyBlog/config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

5.创建并编写文章：(编辑blog.md文件)

hugo new post/blog.md

6.编辑文章后重新部署文章：(同第四步骤指令)

hugo server -t xx(主题名称) --buildDrafts

7.将个人博客部署到远端服务器，部署到GitHub为例：

登录GitHub创建仓库 名称：xxx(用户名).github.io

8.关联远端仓库：

hugo --theme=xx(主题) --baseUrl="https://xxx.github.io/" --buildDrafts

9.关联配置完成后，使用git命令把本地Myblog文件推到github就完成了。

---

预览搭建完成后的博客：https://wangxiaokangk.github.io/