欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

windows10 安装 hugo

程序员文章站 2024-03-21 16:41:28
...

win10系统安装hugo博客框架

前言:

  1. 适用:网络限制,不能使用命令行 安装 hugo 的特白新手
  2. 系统:win10 专业版,64位
  3. 参考:CSDN社区的文章 B站的 codesheep、LaymanIT
  4. 效果:使用安装包,在 win10 上搭建 hugo ,并下载配置 academic 主题

总体思路

下载 hugo 的 zip 安装包—设置环境变量—创建站点目录——下载主题包——替换文件——启动博客

准备

安装好 git ,如果没有安装的请提前百度,并设置好相关变量

(假设你已经安装好了 git )

以下命令均通过 git 执行

安装hugo

  1. 下载对应系统的二进制文件

    • GitHub下载地址 https://github.com/gohugoio/hugo/releases

    • 找到对应系统的文件(win10为例):我选的 extended 0.68.3_windows-64bit.zip

      (备注:由于 academic 这个主题要求的 hugo 版本需要 extended 的,所以我才下载这个,选用扩展的还是非扩展的,看主题的要求来定 )
      windows10 安装 hugo

  2. 下载的 zip 放在你的安装目录,并解压到当前文件夹

    (目录非中文、无空格最好,可参考【软件安装目录设置】)
    windows10 安装 hugo

  3. 里面含有一个 exe 文件,把它加入到环境变量中(可以把路径直接贴到环境变量里)

    (备注:不是运行,是添加到环境变量中,不会设置的参看【环境变量设置】

    ​ 只有hugo 添加到环境变量中,以后使用带有 hugo 的指令才能正常运行 )
    windows10 安装 hugo

  4. 查看是否成功

    输入下面命令查看是否成功
    $ hugo version
    输出结果:
    Hugo Static Site Generator v0.68.3/extended windows/amd64 BuildDate: unknown
    说明安装成功
    

设置站点

hugo new site myBlog

在 blog 文件夹中,用 git 运行以上代码
windows10 安装 hugo
得到 myBlog 这个文件(用来存放你博客文章等内容的地方,其中博客的主题等内容就在里面)

备注:新建的 myBlog 文件夹里面可能没有主题的,所以该文件夹里面很多文件夹都是空的,不过不懂尽量别动。
windows10 安装 hugo

下载配主题

hugo 主题网站 https://themes.gohugo.
windows10 安装 hugo
在网站找到 Academic 主题,点击进去,点击 download (需要看使用文档,这个放到最后了说了)
windows10 安装 hugo
会跳转到 GitHub 上面,点击右上角的 clone or download ,使用Down ZIP,就可以下载到主题的压缩包
windows10 安装 hugo
将下载的文件解压,然后将加压的文件重命名为你在 hugo 主题网站看到的主题的名字

​ (比如我的是 academic 就需要把解压的文件改成 academic 尽量用小写)
windows10 安装 hugo
然后把解压文件复制(或者剪切)到 myBlog / themes/文件夹中windows10 安装 hugo
然后把 academic / exampleSite 文件夹中的文件全部复制到 myBlog 文件夹中(主要是跟 myBlog 中的 themes 放在同一个文件夹)
备注:下载其他主题,也是一样的,注意看文档要求就行。 其中 exampleSite 模板位置,就是我们要启动的主题的模板所在位置
windows10 安装 hugowindows10 安装 hugo
启动站点

记得在 你建立的 myBlog 文件夹中使用 git 运行启动代码

(切记 :在你建立的 myBlog 文件中启动,或者切换到该文件夹下,否则可能会启动不了)

hugo server

windows10 安装 hugo
启动成功结果

Building sites … WARN 2020/04/07 17:51:51 Markup type mmark is deprecated and will be removed in a future release. See https://gohugo.io//content-management/formats/#list-of-content-formats

                   | EN
-------------------+-----
  Pages            | 74
  Paginator pages  |  0
  Non-page files   | 21
  Static files     |  8
  Processed images | 28
  Aliases          | 14
  Sitemaps         |  1
  Cleaned          |  0

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

请注意倒数第二行( Web Server is available at //localhost:1313/ (bind address 127.0.0.1) )说明启动成功了

在浏览器中输入 localhost:1313,就可以启动了
windows10 安装 hugo

追加

  1. 博客主题使用之前要看看文档,了解主题使用的细节,比如刚才的 academic 的主题,然后往下滚动,阅读相关的文档,不然直接下载不看文档,很容易出现一些莫名其妙的事情(下载其他主题也是一样的)windows10 安装 hugo

  2. 在浏览器中输入 localhost:1313 链接不到本地,解决方法,可以参考这个来设置。

    https://blog.csdn.net/zhoucheng05_13/article/details/52242831

相关标签: hugo安装 win10