Conversion of clean solar energy to chemical fuels is one of the promising and up-and-coming applications of metal-organic frameworks. However, fast recombination of photogenerated charge carriers in these frameworks remains the most significant limitation for their photocatalytic application. Although the construction of homojunctions is a promising solution, it remains very challenging to synthesize them. Herein, we report a well-defined hierarchical homojunction based on metal-organic frameworks via a facile one-pot synthesis route directed by hollow transition metal nanoparticles. The homojunction is enabled by two concentric stacked nanoplates with slightly different crystal phases. The enhanced charge separation in the homojunction was visualized by in-situ surface photovoltage microscopy. Moreover, the as-prepared nanostacks displayed a visible-light-driven carbon dioxide reduction with very high carbon monooxide selectivity, and excellent stability. Our work provides a powerful platform to synthesize capable metal-organic framework complexes and sheds light on the hierarchical structure-function relationships of metal-organic frameworks.