We report a new approach to create metal-binding site in a series of metal-organic frameworks (MOFs), where tetratopic carboxylate linker, 4',4'',4''',4''''-methanetetrayltetrabiphenyl-4-carboxylic acid, is partially replaced by a tritopic carboxylate linker, tris(4-carboxybiphenyl)amine, in combination with monotopic linkers, formic acid, trifluoroacetic acid, benzoic acid, isonicotinic acid, 4-chlorobenzoic acid, and 4-nitrobenzoic acid, respectively. The distance between these paired-up linkers can be precisely controlled, ranging from 5.4 to 10.8 Å, where a variety of metals, Mg , Al , Cr , Mn , Fe , Co , Ni , Cu , Zn , Ag , Cd and Pb , can be placed in. The distribution of these metal-binding sites across a single crystal is visualized by 3D tomography of laser scanning confocal microscopy with a resolution of 10 nm. The binding affinity between the metal and its binding-site in MOF can be varied in a large range (observed binding constants, K from 1.56×10 to 1.70×10 L mol ), in aqueous solution. The fluorescence of these crystals can be used to detect biomarkers, such as cysteine, homocysteine and glutathione, with ultrahigh sensitivity and without the interference of urine, through the dissociation of metal ions from their binding sites.