区块链技术博客
www.b2bchain.cn

如何用hugo制作个人博客网站

这篇文章主要介绍了如何用hugo制作个人博客网站的讲解,通过具体代码实例进行19525 讲解,并且分析了如何用hugo制作个人博客网站的详细步骤与相关技巧,需要的朋友可以参考下https://www.b2bchain.cn/?p=19525

本文实例讲述了2、树莓派设置连接WiFi,开启VNC等等的讲解。分享给大家供大家参考文章查询地址https://www.b2bchain.cn/7039.html。具体如下:

如何用hugo制作个人博客网站

  • 1、下载安装hugo
    • step1 下载
    • step2 解压安装
    • step3 测试是否安装成功
  • 2、创建自己的博客(站点)
    • step4 创建名为dachuan的站点
    • step5 检查主题是否存在
    • step6 创建一篇文章
  • 3、安装主题
    • step7 下载主题(Hugo themes)
    • step8 使用主题
  • 4、 启动博客服务
    • step9 启动服务器

1、下载安装hugo

step1 下载

在https://github.com/gohugoio/hugo/releases地址下找到所需Windows压缩文件下载

如何用hugo制作个人博客网站

step2 解压安装

下载解压后如图下所示,添加到 Windows 的系统环境变量的 PATH 中即可,不需安装。
如何用hugo制作个人博客网站

step3 测试是否安装成功

解压hugo安装文件,比如到C:hugo
管理员身份打开cmd,切换到C:hugo目录下,
输入:

hugo version 

如果得到
Hugo Static Site Generator v0.52 windows/amd64 BuildDate: 2018-11-28T14:07:10Z
说明,安装成功了

2、创建自己的博客(站点)

step4 创建名为dachuan的站点

cd到目标文件夹或者直接按下图在导航栏输入cmd
如何用hugo制作个人博客网站
输入

hugo new site dachuan 

即可在hugo文件夹内创建一个名为dachuan的文件夹
当前的站没有任何内容,也没做任何配置。

如何用hugo制作个人博客网站
文件夹内有如下内容,其中content用于放置md为后缀的博客markdown文件

step5 检查主题是否存在

在主题所在的目录下输入tree
如何用hugo制作个人博客网站

step6 创建一篇文章

接下来切换到blog站点目录,也就是上图所示的文件夹,用以下命令创建一篇文章:

hugo new posts/firstpost.md 

该文件位于dachuan/content/posts/firstpost.md目录下。打开编辑内容如下:
如何用hugo制作个人博客网站
markdown 教程地址请点击我

3、安装主题

step7 下载主题(Hugo themes)

Hugo themes(官方主题)请点击我
下图就是官方主题页面,我下载一个npq-hugo为例
如何用hugo制作个人博客网站
把主题通过git克隆或直接下载到本地。放到 …/dachuan/themes/目录下,如图所示。
如何用hugo制作个人博客网站

step8 使用主题

生成主题资源文件(npq-hugo为主题名)
将dachuanthemesnpq-hugoexampleSiteconfig.toml 替换 大川config.toml
注:config.toml文件是核心,对网站的配置多数需要修改该文件,而每个主题的配置又不完全一样,对于该文件的修改后面再说。

4、 启动博客服务

step9 启动服务器

在配置文件目录下cmd中输入

hugo server 

打开浏览器访问:http://localhost:1313/就可以得到以下界面,此时我们的博客还没有内容
如何用hugo制作个人博客网站
关于如何添加自己的文章在下篇中详细讲述

本文转自互联网,侵权联系删除如何用hugo制作个人博客网站

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 如何用hugo制作个人博客网站
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们