博客网站搭建 - 一个可能的比较舒适的更新博客的姿势

今天要提的是一个十分头疼恼火的问题，就是关于本地图片挂载到本地服务器（就是localhost）后图片不显示的问题。尝试了很多种方法都是不对点。 一个是说就是直接在post目录下建一个img文件夹，md文件引用相对路径，不凑效。

还有是说利用static文件夹，什么hugo build会把static里的内容复制到public里巴拉巴拉的，img单独放在里面，md的相对路径保持不变，然而依然不凑效

那么实际上的解决方案是这样，用如下的文件夹结构

也即在post文件夹下，不在直接 hugo new 一个 md 文件，而是先利用一个文件夹把内容包起来，文件夹命名与文章主题内容相关，其中index.md存放实际文章内容，图片路径仍保持相对结构不变

该解决方案由 文章 Hugo/Doks 静态网站图片插入问题

思考一个舒服的写博客的姿势

前面我们解决了一个很头疼的图片路径问题，以后写文章就按上面的结构来，但可能从我关于 Hugo上手指南 里的读者会有疑惑，不是说的 hugo new xxx.md 吗？这里实际上可以直接用vscode在post目录下利用vscode+markdown插件更舒服的编写markdown文件, 另外再安装 ImagePaste 插件，配置以下paste的相对路径, 这样vscode中编写的文章可以无缝的衔接到网站。

还有一个问题, 那在 hugo new xxx.md 时的文件头呢？ 每次都自己写吗？这里利用vscode的代码模板或者自动补全就可以实现 这里贴出我的配置

{
	"meta template":{
		"prefix": "header",
		"body": [
			"---",
			"title: \"$TM_DIRECTORY\"",
			"date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE$0T$CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND+08:00",
			"---",
		]
	}
}

参考链接 在Visual Studio Code 中创建模板（代码片段）

今后的目标

1. 首先是要把自己的学习心得和笔记进行分享，内容不要灌水
2. 人靠衣裳马靠鞍，把界面做得更简洁美观，同时各种功能入口要齐全
3. 开放评论区功能
4. 开发登陆注册功能