Despite significant advancements in self-stacked hydrogels of herbal small molecules in recent years, the emergence of new pharmacological small molecule self-stacked hydrogel systems remains largely reliant on serendipity and painstaking efforts. To address this challenge, we proposed a ‘bioactive bivalent metal ions-coordinated pharmacological small molecules’ strategy. This approach enabled the preparation of triterpenoid betulinic acid-based self-stacked hydrogels with excellent injectable and self-healing properties via a simple two-step method. We extended this strategy to self-stacking hydrogels based on other pentacyclic triterpene small molecules, anthraquinone small molecules, flavonoid small molecules and synthetic steroid small molecules. This universal strategy is capable of extracting hydrophobic pharmacological small molecules to construct novel self-stacked biomaterials in a cost-effective, efficient, large-scale, and environmentally friendly manner. Importantly, we successfully synthesized Mg2+-coordinated betulinic acid (BA-Mg) self-stacked hydrogel at low concentrations in the bacterial cellulose (termed BC) hydrogel network, overcoming the mechanical limitations of self-stacked hydrogels for biomedical applications. The BA-Mg/BC hybrid hydrogel demonstrated exceptional biocompatibility, anti-inflammatory, and angiogenic properties, significantly accelerating the skin wound healing process through the synergistic pharmacological effects of Mg2+ and BA.