使用Hugo 重新搭建博客,之后希望用博客分享一些日常学习的笔记和总结;另外同步一些个人微博内容,作为归档备份,避免被夹时丢失所有过往动态。

有关使用Hugo 的操作记录如下:

hugo-page

注意执行操作的目录

文章撰写阶段在hugo-page 目录操作,随后提交到private 仓库 raygift/hugo-page;

文章发表时先在 hugo-page 目录执行生成静态资源命令hugo,然后进入public 目录,提交到github.io 发表.

1. 创建新文章md 文件

1
hugo-page zpc$ hugo new post/name_of_blog.md

2. 本地预览

1
hugo-page zpc$ hugo server -D

浏览器打开 http://localhost:1313

3. 保存草稿

向private hugo-page 提交代码

1
2
3
hugo-page zpc$ git add .
hugo-page zpc$ git commit -m "update name_of_blog.md"
hugo-page zpc$ git push

3. 文章定稿

1
hugo-page zpc$ hugo

4. 发表文章

1
2
3
4
hugo-page zpc$ cd ./public
hugo-page/public zpc$ git add .
hugo-page/public zpc$ git commit -m "public name_of_blog.md"
hugo-page/public zpc$ git push upstream master

hugo 文章与图片管理方法

参考 hugo-的文件管理方案

若文章存在图片,则在post 中创建一个文件夹与index.md 文件,将所需文件放在文件夹中与index.md 同层级。

这样能够做到:

  1. 文章中的图片路径写为同级目录 ./image.png,可以使用typora 并定义插入图片时复制到文章相同目录
  2. 执行hugo server 本地预览时可正常显示
  3. 执行hugo 发布文章时,生成的静态index.html 与 图片相对路径保持正确