Add Favicon To Your Publish Website Documentation

Documentation/HowTo/add-favicon-to-your-website

@@ -0,0 +1,31 @@
+# Add Favicon To Your Publish Website
+
+Favicon is an important icon for your website tab. With a favicon, your website is easy to recognize.
+
+To add a favicon, you should add your favicon image to your `Resources` folder.
+
+> I highly recommended your favicon dimensions is 16x16 pixel.
+
+Step:
+1. For more organized project folders, add new folder which is `Images` folder inside the `Resources` folder.
+
+```
+Resources
+        Images
+```
+
+2. Add your favicon images inside the `Images` folder.
+
+```
+Resources
+        Images
+                favicon.png
+```
+3. The final step, add the following code in the `main.swift` file.
+
+```
+struct SampleWebsite: Website {
+    ...
+    var favicon: Favicon? { .init(path: "Images/favicon.png", type: "image/png") }
+}
+```

Documentation/HowTo/add-images-to-your-publish-website

@@ -0,0 +1,27 @@
+# Add Images To Your Publish Website
+
+Sometimes we want adding images to our website for make our article clear.
+
+Here are the steps to adding images.
+
+Step:
+
+1. Adding images in `Resources` folder.
+2. To more organized, add new folder with the name `Images` and also add new folder with the title of the articel that we want to upload image there. For example, we have new article with title "Example-Article". Our folder hierarchy should like this:
+```
+Resources
+		Images
+			Example-Article
+					image.png						
+```
+3. In our `Content` | `post`, add a new file for writing the article. So, create `example-article.md` file as we mention before that we have a new article with that title. Our folder hierarchy should like this:
+```
+Content
+		post
+			example-article.md			
+```
+
+4. Finally, in `example-article.md`	file, add a markdown syntax like this:
+```
+![ImageAlt](/Images/Example-Article/image.png)
+```