在win10环境下基于hugo搭建个人博客

在win10环境下基于Hugo搭建个人博客

准备工作

  1. 注册Github账号
    • 最终的文件要放到远程仓库里托管，让其他人可访问。
    • 具体注册过程自行百度，注册完成后，新建仓库。注：仓库名一定要是:你的注册用户名.github.io
  2. 下载安装Git与Hugo
    • Git的下载网址：https://git-scm.com/downloads
    • Git的安装与配置网上有很多教程，这里就不在赘述。
    • Hugo的下载网址：https://github.com/gohugoio/hugo/releases
    • 在win10的环境下选择“hugo_0.57.2_Windows-64bit.zip”的版本，下载下来是一个直接可以运行的.exe文件，当然你下载的具体版本号可能不同。
    • Hugo下载好后，一定要把文件路径添加到环境变量中，具体方法自行百度。
    • 若在下载过程中出现，下载速度巨慢或者连接失败，可以找找淘宝的镜像，当然还有我的百度云连接奉上：https://pan.baidu.com/s/18QaW5rWaErmxecpluhQoXQ 提取码：4mvr

开始搭建博客

  1. 打开windows的“命令提示符”（Win + R，输入cmd）。

  2. 进入你想要的路径，开始新建本地站点

    d:
cd github
hugo new site blog

    进入D盘的github目录下就可以看到一个blog文件夹（为该站点的根目录），进入该文件夹，里面有若干子文件。

  3. 下载主题：进入https://themes.gohugo.io/挑选一个自己喜欢的主题，进入之后里面具体的安装配置方法。安装好主题后，在blog文件夹下的themes文件夹下有主题的文件，文件名一般为该主题的主题名。在这里吐槽一下，要看懂安装说明还是需要一定的英文水平，我就在网上找了一个大神的，copy下来自己该了改，但是我没有学过前端，照猫画虎修改了几处，效果就是你们现在看到的样子。

  4. 在本地启动，看看主题效果

    hugo server -t 主题名 --buildDrafts

    若成功，则在最下面一行可以找到 http://localhost:1313/ 的本地浏览网址，复制下来在浏览器里打开就可以看到博客的样子了，当然现在里面还没有一篇博文。

  5. 编写自己的博客

    hugo new post/搭建博客.md

    执行这条命令后，就会在blog\content\post文件夹下生成搭建博客.md的文件，接下来就可以进行编辑你的博客了，推荐用Typora进行编写，因为太好用了，哈哈哈。

  6. 再次输入步骤四的命令，打开http://localhost:1313/ ，就可以在本地打开，看到你刚刚写的第一篇博文了。

  7. 生成静态网站有关文件

    hugo --theme=主题名 --baseUrl="https://账号名.github.io/" --buildDrafts

    执行这条命令后，就会在blog\public\文件夹下生成有关文件

  8. 将public文件夹传送到远端,此步骤最好在git bash下完成

    cd public
git init
git add .
git commit -m "第一次提交"
git reomte add origin https://github.com/账号名/仓库名.git
git push -u origin master

    传送完成后，在浏览器里输入你的仓库名就可以访问你的博客了。例如：https://leo-aj.github.io/

修改与添加博客

若要修改，或者写新的博客，回到搭建的第五步，再来一次即可，至少我现在只知道这么干，若有其他方法更好。

当然，要去掉 git init 和 git reomte add origin https://github.com/账号名/仓库名.git ；这两条命令。

搭建的前提是git的安装与配置是可用的，git绝对是个好东西，值得学习。

29 Dec 2019