hugo创建blog

网工172-陈迪荣 2021/6/5 9:48:03

搭建博客可以看这篇下面的reference：

https://www.lttzz.cn/post/hello-world/

https://olowolo.com/post/hugo-quick-start/

hugo new不是可以新建博文么，新建完了用文本编辑器（推荐typora，支持markdown）写好文章，然后hugo server就可以浏览器看渲染后的博客，这只是本地使用如果要把博客托管到服务器上，可以自己买服务器，运行诸如nginx之类的web服务器，或者用免费的GitHub Page

git的简单教程：http://www.ruanyifeng.com/blog/2014/06/git_remote.html

总结：创建：hugo new post/my-first-post.md 部署：hugo server -D

!!!每次写好文章后重新推送。

首先将文章的draft修改为false

cmd下输入hugo在public下生成静态页面

在public下使用git bash here

git add .

git commit -m "提交的描述信息"

git push origin main

网上windows教程 https://www.cnblogs.com/fnng/p/7110957.html

博客主题预览：https://hugo-theme-even.netlify.app/post/even-preview/

陈：github

文本编辑器typora

安装教程：https://blog.csdn.net/qq_42512401/article/details/97279495

主题

插入图片的方法：在static下创建一个images文件夹用于专门放置图片，同时按照时间对图片资源进行管理，插入图片时手动输入![]+(/images/图片名)

图片缩放：

***表示分割线，一条横线

数学公式使用方法

https://blog.csdn.net/li_jerry_le/article/details/107557497?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_v2~rank_aggregation-1-107557497.pc_agg_rank_aggregation&utm_term=typora%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F+%E4%B8%8B%E6%A0%87&spm=1000.2123.3001.4430

截图贴图软件：snipaste

Notepad++：https://notepad-plus.en.softonic.com/download

https://en.softonic.com/download/notepad-plus/windows/post-download

Front Matter

文本的头–前言！

Front-matter：Hexo官方文档

Hugo 支持TOML、YAML、JSON格式的Front Matter。

以下列出一份完整的YAML格式的Front Matter，除了必要的date和title参数外，你可以有选择性的使用其他参数。

总结：结合所用主题，暂时：tags表示便签；categories表示分类。

均在目录导航栏中可看，可在config中配置导航栏。

tags: [“Hugo”,“Github”] categories: [“HelloWorld”]

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48


---
title: "文章标题"
description: "文章的描述信息"
tags: [ "标签1", "标签2", "标签3" ]
categories: [ "分类1", "分类2" ]
keywords: [ "Hugo", "keyword" ]
date: 2012-04-06
lastmod: 2015-12-23
# CJKLanguage: Chinese, Japanese, Korean
isCJKLanguage: true

# 如果draft为true，除非使用 --buildDrafts 参数，否则不会发布文章
draft: false

# 设置文章的过期时间，如果是已过期的文章则不会发布，除非使用 --buildExpired 参数
expiryDate: 2020-01-01

# 设置文章的发布时间，如果是未来的时间则不会发布，除非使用 --buildFuture 参数
publishDate: 2020-01-01

# 排序你的文章
weight: 40

# 使用这两个参数将会重置permalink，默认使用文件名
url: 
slug: 

# 别名将通过重定向实现
aliases:
  - 别名1
  - /posts/my-original-url/
  - /2010/01/01/another-url.html

# type 与 layout 参数将会改变 Hugo 寻找该文章模板的顺序，将在下一节细述
type: review
layout: reviewarticle

# 三个比较复杂的参数
taxonomies:
linkTitle: 
outputs:
# 实验性的参数
markup: "md"

# 你还可以自定义任何参数，这些参数可以在模板中使用
include_toc: true
show_comments: false
---

Markdown 教程

https://www.runoob.com/markdown/md-tutorial.html

总结：没啥用，基本都有快捷键

在GitHub上搭建个人博客

Vscode+git下载安装

https://zhuanlan.zhihu.com/p/57361697

https://blog.csdn.net/kutawei/article/details/105421545

1
2
3
4
5
6
7
8
9


# 生成的静态页面在public下，在此目录下依次输入命令
git init	# 初始化 Git 库
git add .	# 添加所有修改过的文件
git commit -m "Add a new post"		# "Add a new post" 是 commit message.

# push an existing repository from the command line
git remote add origin git@github.com:lttzz/lttzz.github.io.git	#把本地库与远程库关联
git branch -M main
git push -u origin main		#第一次推送时

推送后出错？

出现错误的主要原因是github中的README.md文件不在本地代码目录中

进行合并git pull –rebase origin main

合并之后再重新推送。

如果你clone下来一个别人的仓库，在此基础上完成你的代码，推送到自己的仓库可能遇到如下问题： error: remote origin already exists.表示远程仓库已存在。因此你要进行以下操作： 1、先输入git remote rm origin 删除关联的origin的远程库 2、关联自己的仓库 git remote add origin https://gitee.com/xxxxxx.git 3、最后git push origin master，这样就推送到自己的仓库了。

https://blog.csdn.net/wangsen329027415/article/details/79861841

My First Post

Contents

hugo创建blog

文本编辑器typora

Front Matter

Markdown 教程

在GitHub上搭建个人博客