一、hugo下载地址:https://github.com/gohugoio/hugo/releases

1、选择对应的最新zip包,我下载的是hugo_0.57.2_Windows-64bit.zip (ps.下面的extended包不用下载),下载完成后,解压待用。

2、创建文件夹。此处举例:F盘创建 hugo/bin,将解压后的hugo.exe放到bin目录下。

3、配置系统环境变量。将F:\hugo\bin加到path变量中,注意两点: (1) 是path,不是CLASSPATH,要区分下 (2) 路径后面记得加英文分号 ;

以上设置好后,就可以在cmd中查看是否安装成功。执行命令:

$ hugo version

Hugo Static Site Generator v0.57.2-A849CB2D windows/amd64 BuildDate: 2019-08-17T17:54:13Z  显示该条即表示成功

二、生成站点

进入F:\hugo下,打开命令窗口。(可用cmd,也可选择下载安装Git,推荐安装git,敲命令很方便)

$ hugo new site 文件名称 (如blog)

执行后,在hugo目录下就会生成一个 名叫blog的站点文件夹

进入blog,显示以下目录结构:

  • archetypes (存放default.md,头文件格式,每次新建文章默认显示的头部信息在此修改)

  • content    (存放博客文章,markdown格式文件)

  • data              (存放自定义或者导入的模板)

  • layouts          (存放网站的数据模板)

  • static             (存放图片、css、js等静态资源)

  • themes         (存放主题文件,每个主题都是一个独立的文件夹)

  • config.toml    (网站配置文件)

三、创建文章

进入站点根目录blog下,执行命令:

$ hugo new post/test.md

执行后,会自动在content/post下生成 test.md文件,打开可编辑内容,ps.文件头部的draft要改为false,这样部署后才能看到文章。

当前网站是没有任何内容的,需要下载个主题。

四、下载主题

进入站点的themes目录

$ cd themes

$ git clone https://github.com/spf13/hyde.git

(ps.可去https://themes.gohugo.io官网选择其他主题下载)

这样themes下就多了一个文件夹,文件夹名即为主题名称。此时可回到站点目录下打开config.toml配置指定主题。如theme = "hyde"  没有theme参数就自己写上

站点根目录下,执行命令:

$ hugo server

执行后会显示

............此处省略上方信息

Web Server is available at http://localhost:1313/ (bind address 127.0.0.1) Press Ctrl+C to stop

可访问:http://localhost:1313/ 查看效果

五、部署github pages上

前提:已注册GitHub账号,登录

1、登录后,点击右上角,出现下拉菜单,点击 Your repositories 进入页面

2、点击 New

3、进入 Creat a new repository 页面

4、图中的 yourname 要换成自己的github的用户名,即上图中Owner显示的用户名。最后点击Creat repository即完成

站点目录config.tomlbaseURL要换成自己建立的仓库,如baseURL = "https://yourname.github.io/"

进入站点根目录下,执行:

$ hugo

执行后,站点根目录下会生成一个 public 文件夹,该文件下的内容即Hugo生成的整个静态网站。每次更新内容后,将 pubilc 目录里所有文件 push到GitHub即可。

首次使用的时候要执行以下命令:

$ cd public

$ git remote add origin https://github.com/yourname/yourname.github.io.git (换成自己的)  将本地目录链接到远程服务器的代码仓库

$ git add -A

$ git commit -m "first commit"

$ git push -u origin master

以后每次站点目录下执行 hugo 命令后,再到public下执行推送命令:

$ git add -A

$ git commit -m "修改内容什么的"

$ git push -u orgin master (此处较易出错,error了就百度吧,问题可能千奇百怪)

之后就可以到GitHub上看提交到分支的内容,也可访问 YOURNAME.github.io看页面了。

总结

以上整个环境部署好之后,接下来的常用命令就是以下几个:

站点目录下,新建文章,执行:

$ hugo new post/文章名.md

添加文章内容或修修改改,包括修改主题之类的,在本地都可以实时看到

修改完成,确定要上传到GitHub上后,站点目录blog下执行:

$ hugo

进行编译,没错误的话修改的内容就顺利同步到public下了,然后cd public下,执行提交命令:

$ git add -A

$ git commit -m "修改了啥"

$ git push -u origin master

至此OK,顺利的话应该是一步到位的。若是遇到问题的话再百度咯

转载于:https://www.cnblogs.com/zoelius/p/11424333.html

windows+hugo+github搭建个人博客相关推荐

  1. Hugo + github 搭建个人博客

    前言 很早以前就有想法,搭建一个个人的博客.没有实现的原因:一方面个人的服务器不太安全掉线,欠费,维护起来麻烦,另一方面,文章编辑发布起来也不方便. 后来了解到 github 提供了博客的功能,也一直 ...

  2. 使用 hugo oss 搭建个人博客网站

    系列文章目录 文章目录 系列文章目录 前言 一.下载hugo 二.oss 三.域名 四.创建博客上传 五.发布,上传文章 前言 本文主要详解如何用最低的成本搭建个人博客网站 原本我是直接用的githu ...

  3. 基于Gitee/Github搭建个人博客

    基于Gitee/Github搭建个人博客 如果单纯写博客文章,CSDN.简书或者知乎都是很好的选择,简单易用,直接写就行.但是自己动手建立个人博客网站,不仅有趣,能学到知识,还具备非常强的可定制性.所 ...

  4. Hexo+github搭建个人博客-环境搭建篇

    一.概述 我们使用Hexo + Github搭建个人博客,我们自然不能错过,事不宜迟,我们现在立马来认识一下,他们究竟是何方神圣吧. 1.1 关于 GitHub 1.1.1 Github 接触编程一段 ...

  5. 【小白】【新手向】Hexo+Github搭建个人博客

    如题,一个[小白][新手向]的,关于Hexo+Github搭建个人博客. 针对于: 对于代码完全不懂的纯小白! 完全不知道什么是hexo,git和github的小白! 感觉像是在打广告,其实并不是.事 ...

  6. 使用hexo+yilia+github搭建个人博客

    本人搭建博客地址: http://www.janszeng.top/ 经过几天的折腾,终于配成功了,现记录如下,本人是在win7上搭建个人博客的. 直奔主题,搭建个人博客主要分为以下几步: * 先查看 ...

  7. 系统重装后,如何重新找回hexo+github搭建的博客

    声明:此文是针对于windows环境下hexo+github搭建的博客,对于linux下我也尝试过,但是最好还是在windows下搭建. 个人建议:博客最好还是在csdn或者博客园上写,因为系统更新后 ...

  8. 用Pelican+Github搭建个人博客网站

    Title: 用Pelican+Github搭建个人博客网站 Date: 2017-06-4 19:13 Category: 技术博客 Modified: 2018-10-11 19:03 Tags: ...

  9. 用Hexo+github搭建个人博客

    前言: 一直有打算搭建属于自己的博客,自己购买了域名和服务器了,但是由于自己的精力不足和精神内耗严重,决定选择较为简单的方式搭建了.hexo刚好很符合我的需求,而且主题多样,可以根据自己的需求修改. ...

最新文章

  1. 作为程序员,这些地方不知道就out了!
  2. Oracle dbtimezone与os时区不一致的解决办法
  3. 博鳌直击 | 大数据开发的最大障碍是什么?
  4. Mysql 零距离-入门(一)
  5. 泛型 (Generics)一定是最易懂简单的
  6. Linux环境编程:fork系统调用及其陷阱 - 内存复用,文件不复用
  7. java整人_写了一个整人程序,较简单,有兴趣者可以看看
  8. JAVA之JAR文件
  9. 小程序推广引导下载app的解决办法
  10. python身份证验证程序_python 身份证验证
  11. 三.VirtualBox中安装Centos7.5.1804
  12. OPPO Enco X无线降噪耳机体验评测,加钱变强!
  13. 电容与电感串联直流电路系统分析
  14. 计算机学情分析案例,小学信息技术课学情分析
  15. [Win Desktop] Windows 桌面应用推荐一
  16. 用Android和node.js实现扫码登录
  17. 国际空间站ISS SSTV 2018 OCT
  18. 如何写出一份高质量的数据分析师的简历?
  19. 大数据系列sql基础知识(史上最全,收藏起来)
  20. 多广告图+右下角带“广告”小图标广告位源代码

热门文章

  1. 使用二级域名+gh-pages分支构建自己的静态页面
  2. Python使用multiprocessing实现多进程
  3. 深度学习《CycleGAN》
  4. 深度学习《CNN架构续篇 - 1乘1卷积》
  5. 漫步最优化十六——优化的一般问题
  6. 漫步凸分析五——函数运算
  7. LeetCode —— 148. 排序链表(Python)
  8. Dirichlet Process and Stick-Breaking(DP的Stick-breaking 构造)
  9. 字典(dict)按键(key)和值(value)排序即item()的常用方式
  10. Gym 102798A(思维) acm寒假集训日记21/12/31or22/1/1