这几天研究了用hugo搭建个人博客。
简单的整理了一下。
1.安装hugo(windows 请查看官网介绍 https://gohugo.io/getting-started/installing/)
 
  1. $ brew install hugo
之后检查版本
 
  1. $ hugo version
  2. Hugo Static Site Generator v0.37.1 darwin/amd64 BuildDate:
2.创建hugo 项目
 
  1. $ hugo new site my-blog
  2. Congratulations! Your new Hugo site is created in /Users/limingxie/Projects/my-blog.
  3.  
  4. Just a few more steps and you're ready to go:
  5.  
  6. 1. Download a theme into the same-named folder.
  7. Choose a theme from https://themes.gohugo.io/, or
  8. create your own with the "hugo new theme <THEMENAME>" command.
  9. 2. Perhaps you want to add some content. You can add single files
  10. with "hugo new <SECTIONNAME>/<FILENAME>.<FORMAT>".
  11. 3. Start the built-in live server via "hugo server".
  12.  
  13. Visit https://gohugo.io/ for quickstart guide and full documentation.
3.添加主题

  1. $ cd my-blog
  2. $ git init
  3. $ git submodule add https://github.com/keichi/vienna.git themes/vienna
4.添加内容(content目录下执行。例:/Users/limingxie/Projects/my-blog/content)
 
  1. $ hugo new xxx/my-first-blog.md
 
编辑:my-first-blog.md
5.运行调试
  1. $ hugo server -D
  2.  
  3. | EN
  4. +------------------+----+
  5. Pages | 16
  6. Paginator pages | 0
  7. Non-page files | 0
  8. Static files | 14
  9. Processed images | 0
  10. Aliases | 1
  11. Sitemaps | 1
  12. Cleaned | 0
  13.  
  14. Total in 26 ms
  15. Watching for changes in /Users/limingxie/Projects/pangpang/pangpang-blog/{content,data,layouts,static,themes}
  16. Serving pages from memory
  17. Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
  18. Web Server is available at //localhost:1313/ (bind address 127.0.0.1)
  19. Press Ctrl+C to stop
访问[http://localhost:1313/]调试~
6.Theme的设定
 
打开config.toml
  1. baseURL = "https://limingxie.github.io/" //这baseURL是部署后的访问地址。
  2. languageCode = "en-us"
  3. title = "My New Hugo Site"
  4. theme = "vienna" // 你使用的theme 名称

查看[vienna Theme]说明的话还可以做很多设置。

7.部署到GitHub
1)首先在GitHub上创建一个Repository,命名为:limingxie.github.io (这要和你的baseURL一致。)
2)在/Users/limingxie/Projects/my-blog目录下执行以下命令
  1. $ hugo --theme=vienna --buildDrafts --baseUrl="https://limingxie.github.io/"
  2.  
  3. | EN
  4. +------------------+----+
  5. Pages | 16
  6. Paginator pages | 0
  7. Non-page files | 0
  8. Static files | 14
  9. Processed images | 0
  10. Aliases | 1
  11. Sitemaps | 1
  12. Cleaned | 0
  13.  
  14. Total in 28 ms
--buildDrafts 不加会生成无内容的网站
--baseUrl要和config.toml的地址一致。
 
顺利的话会创建public文件(里面的内容就是你要上传的静态网站的文件。)
 
  1. $ cd public
  2. $ git init
  3. $ git remote add origin https://github.com/limingxie/limingxie.github.io.git
  4. $ git add -A
  5. $ git commit -m "first commit"
  6. $ git push -u origin master
### 浏览器里访问:https://limingxie.github.io/ 就可以访问你的博客了
----------------------------------------------
欢迎大家的意见和交流
email: li_mingxie@163.com
博客:https://limingxie.github.io/

用hugo搭建个人博客的更多相关文章

  1. 如何用hugo搭建个人博客

    如何用hugo搭建个人博客 1. 安装 Hugo 点击跳转 Hugo Releases win10 步骤: 下载解压 , 然后添加环境变量 测试: #命令行测试 hugo version 2. 创建站 ...

  2. 利用 Hexo 或者 hugo 搭建个人博客

    我们无法选择生活的样子,但我们可以记下来. 博客的开始 其实,一切都是为了更好的装逼.好吧,我着相了. 最开始想做一个自己博客,主要是因为看到了很多人都有,觉得自己没有太 Low 了.于是申请了 CS ...

  3. hugo搭建个人博客

    本地先安装git 1. 下载hugo,并配置好环境变量 我这里win7 64位,选择该版本下载 将解压后的hugo.exe,配置到环境变量中,如下图所示表明配置成功 hugo version 2. 生 ...

  4. 使用Hugo搭建个人博客站点

    Hugo是个什么东东这里直接忽略,想了解的请查阅其他资料,我们直接上手操作. 安装Hugo 到 Hugo Releases 下载对应的操作系统版本的Hugo二进制文件 解压后得到 hugo_0.17_ ...

  5. Hugo + Github Pages 搭建个人博客

    尝试过 Hexo .GatsbyJs. Vuepress 搭建博客后,对这些工具最大的不满,就是运行速度以及打包速度. 后来看到 Hugo ,号称最快的静态站点生成器后. 尝试搭建博客,发现不管是运行 ...

  6. Hugo+Github 搭建个人博客(Windows环境下)

    目录 Hugo+Github 搭建个人博客(Windows环境下) 1.前言 2.Differences 2.1 https vs SSH 2.2 新建的github的仓库名必须为 用户名+githu ...

  7. 使用Hexo搭建个人博客并部署到GitHub或码云上全过程

    一.前言 如上图所示:GitHub有Github Pages,而码云也有码云 Pages 1.Github Pages或Gitee Pages是什么呢? Github Pages或者Gitee Pag ...

  8. Hexo搭建静态博客踩坑日记(一)

    前言 博客折腾一次就好, 找一个适合自己的博客平台, 专注于内容进行提升. 方式一: 自己买服务器, 域名, 写前端, 后端(前后分离最折腾, 不分离还好一点)... 方式二: 利用Hexo, Hug ...

  9. 【原】Github+Hexo+NextT搭建个人博客

    摘要 GitHub 是一个开源项目的托管网站,相信很多人都听过.在上面有很多高质量的项目代码,我们也可以把自己的项目代码托管到GitHub,与朋友们共享交流.GitHub Pages 是Github为 ...

随机推荐

  1. python初始化定长列表

    >>> lst = ['x' for n in range(5)] >>> print(lst) ['x', 'x', 'x', 'x', 'x'] >> ...

  2. 前端基础(二):CSS

    CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS语法 CSS实例 ...

  3. Linux的bg和fg命令

    我们都知道,在 Windows 上面,我们要么让一个程序作为服务在后台一直运行,要么停止这个服务.而不能让程序在前台后台之间切换.而 Linux 提供了 fg 和 bg 命令,让我们轻松调度正在运行的 ...

  4. Golang对方法接收者变量的自动“取引用”和“解引用”

    原文:https://blog.csdn.net/u014633283/article/details/83826413 --------------------------------------- ...

  5. VSS使用技巧

    理由很简单:迁出锁定!之所以强调这个,是因为这方面吃过的亏太多,我举几个例子:1.比如两个程序员增加了同一个功能,但是实现方法不同,比如甲:func1,乙 func2,两者代码也不一样第二个人在迁入代 ...

  6. retrying failed action with response code: 403 错误解决

    [2019-06-10T06:52:51,610][INFO ][logstash.outputs.elasticsearch] retrying failed action with respons ...

  7. 队列BlockingQueue的简单例子

    队列,当进行多线程编程的时候,很多时候可能会用到,队列是先进先出的,我们可以将要执行的任务放置在队列内缓存起来,当线程池中线程可以使用的时候,我们就从队列中获取一个任务执行.. 当前是一个队列的简单例 ...

  8. 题解 [CF916E] Jamie and Tree

    题面 解析 这题考试时刚了四个小时. 结果还是爆零了 主要就是因为\(lca\)找伪了. 我们先考虑没有操作1,那就是裸的线段树. 在换了根以后,主要就是\(lca\)不好找(分类讨论伪了). 我们将 ...

  9. 深度学习笔记(十三)YOLO V3 (Tensorflow)

    [代码剖析]   推荐阅读! SSD 学习笔记 之前看了一遍 YOLO V3 的论文,写的挺有意思的,尴尬的是,我这鱼的记忆,看完就忘了  于是只能借助于代码,再看一遍细节了. 源码目录总览 tens ...

  10. 查看API工具 https://editor.swagger.io/

    The base URL for the API is:    https://api.cloud.nalantis.com/api/ The OpenAPI documentation is ava ...