diff --git a/docs/blog/posts/binary_to_gray_code.md b/docs/blog/posts/binary-to-gray-code.md
similarity index 51%
rename from docs/blog/posts/binary_to_gray_code.md
rename to docs/blog/posts/binary-to-gray-code.md
index 7883e6f..506d315 100644
--- a/docs/blog/posts/binary_to_gray_code.md
+++ b/docs/blog/posts/binary-to-gray-code.md
@@ -21,10 +21,23 @@ On the first class of SC1005, l was confused about Gray code and l found that ma
 In short, the advantage of Gray code is that juts one bit changes for each step.
 
 ## How to convert Binary to Gray Code?
-> Thanks this [link](https://zhuanlan.zhihu.com/p/451408535) for helping me to gain a deeper understanding of Gray code.
-
 ### Things you need to know before starting
 1. The [**XOR operation**](https://www.baeldung.com/java-xor-operator)
 
 
-### 
+### Binary to Gray code Conversion
+1. The Most Significant Bit (MSB) of the gray code is always equal to the MSB of the given binary code.
+2. Other bits of the output gray code can be obtained by XORing binary code bit at that index and previous index.
+
+<p align="center"> <img src="/blog/assets/binary-to-gray-code/Gray-Code1.png" title = "Binary code to gray code conversion"> </p>
+
+### Gray code to Binary Conversion
+1. The Most Significant Bit (MSB) of the binary code is always equal to the MSB of the given gray code.
+2. Other bits of the output binary code can be obtained by checking the gray code bit at that index. If the current gray code bit is 0, then copy the previous binary code bit, else copy the invert of the previous binary code bit.
+
+<p align="center"> <img src="/blog/assets/binary-to-gray-code/Gray-Code2.png"> </p>
+
+## Acknowledgement
+- [**The definition of Gray Code on Wikipedia**](https://en.wikipedia.org/wiki/Gray_code)
+- [**The XOR operation**](https://www.baeldung.com/java-xor-operator)
+- [**The conversion between Binary and Gray Code**](https://www.geeksforgeeks.org/gray-to-binary-and-binary-to-gray-conversion/)
diff --git a/docs/blog/posts/binary-to-gray-code/Gray-Code1.png b/docs/blog/posts/binary-to-gray-code/Gray-Code1.png
new file mode 100644
index 0000000..8d0deb6
Binary files /dev/null and b/docs/blog/posts/binary-to-gray-code/Gray-Code1.png differ
diff --git a/docs/blog/posts/binary-to-gray-code/Gray-Code2.png b/docs/blog/posts/binary-to-gray-code/Gray-Code2.png
new file mode 100644
index 0000000..757f0ce
Binary files /dev/null and b/docs/blog/posts/binary-to-gray-code/Gray-Code2.png differ
diff --git a/mkdocs.yml b/mkdocs.yml
index 8479910..f5535f8 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -93,7 +93,7 @@ nav:
     - 2023:
       - blog/posts/hello-world.md
       # - blog/posts/ntu-preschool.md
-      - blog/posts/binary_to_gray_code.md
+      - blog/posts/binary-to-gray-code.md
 
 markdown_extensions:
   - footnotes