大鸟前面的文章说了如何下载安装Git,安装了肯定是有用的,我们暂时先放在那边,现在大鸟准备在本地的Windows10里面搭建hugo博客。

Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。这篇文章就来说说如何用Windows10搭建hugo博客系统吧。你可以需要的文章:

准备工作:电脑一台,Windows10系统一个,最低配是家庭版的(- _-)

一:准备

找到hugo的中文文档网站,我们根据文档来安装。

hugo文档:https://www.gohugo.org/

我们这里用二进制的方式来安装。也是官方推荐的方式,快速、方便!

二:下载hugo

下载hugo,下载之前,我们需要在D盘根目录下面新建hugo的文件夹:

2.1创建hugo文件夹

创建一个新的文件夹,D:\Hugo。

创建一个新的文件夹,D:\Hugo\bin。

创建一个新的文件夹,D:\Hugo\Sites。

2.2下载hugo并设置

github:https://github.com/gohugoio/hugo

github releases:https://github.com/gohugoio/hugo/releases

我们根据自己的系统来选择版本大鸟的是windows10家庭版64位,所以,选择64位下载:

使用 go 编译 Hugo 的一个优势就是仅有一个二进制文件。你不需要运行安装程序来使用它。相反,你需要把这个二进制文件复制到你的硬盘上。我假设你将把它放在 D:\Hugo\bin 文件夹内。如果你选择放在其它的位置,你需要在下面的命令中替换为那些路径。

在浏览器中打开 https://github.com/spf13/hugo/releases。

当前的版本是 hugo_0.55.6_Windows-64bit.zip。

下载那个 ZIP 文件,并保存到 D:\Hugo\bin 文件夹中。

解压之后得到三个文件hugo.exe、LICENSE、README.md

确保 hugo.exe 文件在 D:\Hugo\bin 文件夹。(如果你没有在D:\Hugo\binjie 请把它移动到 D:\Hugo\bin。)

把 hugo.exe 可执行文件添加到你的 PATH路径中,这样命令操作符里面操作更方便一点,当然如果你不会我们可以看图:

2.3PATH路径

把hugo添加到path中,我的电脑邮件右键属性,在高级里面,选择环境变量,这几步操作如图:

在系统变量里面找到path,大鸟这里是D:\hugo\bin,其他的自己改路径,是在不会就搜索,如图:

最后确定就可以了。

三:部署hugo

3.1验证

我开始部署,打开cmd窗口,先用命令hugo help验证下,如果有这样的输出说明安装就完成了:

3.2运行命令创建一个新的站点

运行命令来生成一个新的网站。比如大鸟用 daniao.org作为网站的名字。命令如下:

D:\Hugo\Sites> hugo new site daniao.org

这样就会在sites目录里面生成daniao.org的文件夹用来存放网站文件等。如图:

3.3站点目录结构

我们看看daniao.org这个站点的目录结构:

▸ archetypes/

▸ content/

▸ layouts/

▸ static/

▸ themes/

config.toml

3.4创建第一个页面

经过一顿猛如虎的操作,我们已经用hugo生成一个一个站点,现在需要创建一个文章。命令:

hugo new about.md

about.md 自动生成到了 content/about.md ,如图:

3.5创建第一篇文章

创建第一篇文章,放到 post 目录,注意路径,方便之后生成聚合页面:

hugo new post/first.md

不太懂,注意看路径,不要搞错了,看图:

打开编辑 post/first.md :如图:

PS:如果要发布的时候把draft改为false这样文章就不是草稿状态了。

四:安装皮肤

前面的我们如果用hugo server来运行已经可以访问了,不过没有皮肤,肯定没有颜值,还是先装个主题在来访问吧。命令如下:

# 创建 themes 目录

$ cd themes

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

皮肤下载地址:https://www.gohugo.org/theme/

注意这里下载用的是git,相关文章阅读:

如果你不装Git,是没有办法下载的,所以这里注意下。hugo提供了很多的皮肤,看图:

点击一个皮肤,都会告诉你下载地址和安装方法。大鸟这里重新挑选一个好看的皮肤,我们进入到themes目录下载皮肤,在cmd里面用git下载。

下载好之后,需要编辑config.toml才可以使用主题,如下:

baseurl = "localhost" # 发布网址

languageCode = "ja"

title = "大鸟博客"

author = "rakuishi"

theme="hugo-zen" #主题名称要写,不然不好发布

[params]

logo = "https://cn.gravatar.com/avatar/4300d99c5105ba50757d2f89ec6c5c2a?s=192&d=mm"

copyright = "rakuishi All rights reserved."

twitter = "https://twitter.com/rakuishi07"

facebook = "https://www.facebook.com/ochiishikoichiro"

github = "https://github.com/rakuishi/"

email = "rakuishi@gmail.com"

analytics = "UA-12345678-9"

大鸟这就这么随便编辑下,然后我们用命令hugo server来运行网站,注意看路径,如图:

用http://localhost:1313/来访问,大鸟事先已经发布了几篇文章,看图:

额,这主题也太简洁,看看文章页面,如图:

额,感觉还行,太简洁,大鸟喜欢简洁的主题,复杂的看着头晕。如果想要换主题,自己去挑选一个心仪的主题,然后设置下config.toml即可。

五:总结

如果要打开网站能看到文章,我们需要把draft: true改成draft: false保存,网站会自动刷新就可以看到内容了。

当然了,在本地玩耍也没什么意思,还要把网站托管出去,暂时可以用github来托管我们的网站,这个下次再说,不然文章太长了,没法看,就这个安装已经很啰嗦了。

hugo本地服务器不显示文章,Windows10本地搭建hugo博客教程 – 有点嫌弃我自己的家庭版系统...相关推荐

  1. sql数据库本地服务器不显示,sql数据库本地服务器不显示

    sql数据库本地服务器不显示 内容精选 换一换 该方案优点是简单,容易上手,缺点是停机时间较长.因此它适用于数据量不大,或者允许停机的时间较长,并且在这个时间范围内能够完成的数据.由于云数据库RDS服 ...

  2. hugo本地服务器不显示文章,Hugo博客从本地托管到github – 真不知道这乐趣是什么?...

    我们把昨天大鸟的在本地搭建的hugo博客托管到github,假设你需要部署在 daniao.github.io (dnaiao替换为你自己的github用户名). 所以做这些之前,你需要注册一个git ...

  3. 本地服务器模板网站怎么安装,本地服务器怎样安装帝国CMS模版网站

    本地服务器安装帝国CMS与安装DedeCMS有部分区别.喜欢使用帝国CMS程序的站长,可以下载不同的网站模版进行安装.调试完成后,则可以直接上传至虚拟主机或者独立服务器.由于帝国CMS功能较为强大,一 ...

  4. centos7 搭建本地git_小白也能看懂,30 分钟搭建个人博客!

    点击上方蓝色字体,选择"置顶公众号" 优质文章,第一时间送达 正文 首先我们谈一谈搭建个人博客必要性,个人认为在学习过程中,被动接受知识对你的提高是轻微的.比如你看网课学习,在听老 ...

  5. win10+阿里云ECS服务器+hexo搭建个人博客

    最近尝试了Hexo+github来配置属于自己的博客,但是访问速度有些慢.在网上看到一些教程,基于网上教程总结了这一篇<win10+阿里云ECS服务器+hexo搭建个人博客>. 原文来自: ...

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

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

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

    文章目录 Github Pages + Hugo 搭建个人博客 零.效果 一.创建 Github 库 二.安装 Hugo 和 Git 三.新建 Hugo 网站 四.选择 Hugo 主题 五.新建文章 ...

  8. 【华为云-玩转云耀云服务器HECS】使用HECS搭建WordPress博客平台

    华为云-云耀云服务器(Hyper Elastic Cloud Server,HECS)是可以快速搭建简单应用的新一代云服务器,具备独立.完整的操作系统和网络功能,适用于网站搭建.开发环境等低负载应用场 ...

  9. 手把手教你使用Hugo搭建个人博客网站|保姆级教学

    搭建个人博客网上目前用的比较多的博客框架是Hexo.Hugo.Jekyll.本文详细介绍利用最新的Hugo(基于Go语言的博客框架)在windows上搭建个人博客网站,从域名注册到后期维护,全程保姆级 ...

最新文章

  1. python3的星期函数_calendar在python3时间中有哪些常用函数?怎么用?
  2. MyBatis学习总结(八)——Mybatis3.x与Spring4.x整合
  3. linux没有interface文件,Linux下interface文件修改
  4. Logistic逻辑回归用初等数学解读逻辑回归
  5. 蚂蚁金服 Service Mesh 渐进式迁移方案|Service Mesh Meetup 实录
  6. python爬取网页美文网文章内容
  7. 第十一章.软件工程(上)
  8. 如何使用Steam在线播放游戏
  9. #边学边记 必修4 高项:对事的管理 第1章 项目立项管理 之 立项管理内容
  10. Fast R-CNN文章翻译笔记
  11. 地表最强!北大清华合力打造通用人工智能实验班,朱松纯教授领衔
  12. AT32F437VM SPI驱动AT7456E OSD芯片
  13. nginx转发http请求
  14. javascript 中的onblur 事件
  15. 贝尔-S-010W-A-芯片RK3228B卡刷固件
  16. C#用easy-mvc开发的后台管理系统
  17. python中的range()函数
  18. VBA 在循环里多次redim动态数组一定注意,需要加preserve
  19. 循环链表——约瑟夫环
  20. 摆脱渣走位 新手进阶攻略:关于走砍

热门文章

  1. ZYNQ OCM地址分配和双核使用配置
  2. 开源项目介绍|OMI - 前端跨框架框架
  3. TeamViewer 替代品:使用 frp 实现 Windows 远程桌面连接教程
  4. 根据背景图片计算文字颜色(实用、赞)
  5. python爬取抖音用户数据_一篇文章教会你用Python抓取抖音app热点数据
  6. Windows Server 2008将是史上最后一个32位操作系统
  7. 【BZOJ2006】【NOI2010】超级钢琴(堆)
  8. linux命令取消别名的几种方式
  9. 使用Git命令将本地文件推送至远程仓库
  10. 电脑网页打不开,更改DNS地址(Win10)