content目录使用

page目录

page目录下存在其他文件夹，分别就对应左侧的选项

这里侧边选项是通过menu main 来定义的

每一个目录下存在一个index.md/index.zh-cn.md ，其中渲染部分如下

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
---
title: "Archives"
date: 2019-05-28
layout: "archives"
slug: "archives"
menu:
    main:
        weight: -70
        params: 
            icon: archives
---

其中titile表示侧边拦的名称，
data好像没啥用处，
layout表示布局使用layouts文件下的archives.html布局
slug表示当前页面的网站索引，比如这里的/wake0p.github.io/archives
menu用于表示当前index.md是为左侧边栏服务的

1
2
3
4
5
menu:
    main:
        weight: -70
        params:
            icon: archives

weight: -70：weight 用来控制菜单项的排序。数字越小，菜单项会显示得越靠前，越大则越靠后。-70 表示该页面在菜单中的位置比较靠前（在相同 weight 的情况下）。
params:：这是菜单项的附加参数。你可以在这里指定图标、样式、链接等额外的设置。
icon: archives：表示在这个菜单项中会使用一个名为 archives 的图标。具体来说，网站的图标可能是一个与归档相关的图标（如文件夹或文件堆叠的图标），并且可以通过CSS或其他方式进行自定义显示。

当然还存在其他属性，比如在Links文件下，就Links属性，用于表示参考文章，使用方法如下

1
2
3
4
5
6
7
8
9
links:
  - title: GitHub
    description: My GitHub 
    website: https://github.com/wake0p
    image: https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png
  - title: TypeScript
    description: TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
    website: https://www.typescriptlang.org
    image: ts-logo-128.jpg

其中image即能够用网上的，也能够使用本地，最后的效果就是在底部存在这样的参考文章

post目录

这个目录用于存放真正需要发布文章，一般分为两种情况，

要么是直接/post/xxx.md 这种md中不引用图片，
要么就是/post/xxx/index.md将资源单独放在一个文件夹，文件夹包含所需要的所有资源

比较推荐第二种做法

然后就是post中文章有的相关属性

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
---
title: Chinese Test
description: 这是一个副标题
date: 2020-09-09
slug: test-Chinese
image: helena-hertz-wWZzXlDpMog-unsplash.jpg
categories:
    - Test

---

date表示发布时间
image表示文章的背景图片
categories表示当前文章属于哪一个目录，可以说目录中有的，也可也是目录中没有的

最终的情况就像下面这样

图片排版方法

将两个图片放在同一排，就像下面这样

1
![Photo by Florian Klauer on Unsplash](florian-klauer-nptLmg6jqDo-unsplash.jpg) ![Photo by Luca Bravo on Unsplash](luca-bravo-alS7ewQ41M8-unsplash.jpg) 

最终的效果

当然也能够4张图片全部排在一起