Periosteum plays the pivotal role in neomineralization, vascularization and protection during bone tissue regeneration. However, many artificial periosteum focused only on protection and lacked of the osteogenesis and angiogenesis functional capacity. In this study, we developed a novelty inorganic strengthened gelatin hydrogel membrane via inorganic and organic co-cross-linked double network as artificial periosteum for enhancing the durable angiogenesis and osteogenesis in bone reconstruction. Mesoporous bioactive glass nanoparticles (MBGNs) chemically modified with photo-cross-linkable gelatin derivative (GelMA) were further incorporated into GelMA to fabricate an organic/inorganic co-cross-linked hydrogel membrane (GelMA-G-MBGNs). The GelMA-G-MBGNs hydrogel membrane displayed better mechanical property, durable degradation time, pH stable, biomineralization and long-term ion release. In vitro study demonstrated that, when compared with GelMA or GelMA/MBGNs, the GelMA-G-MBGN membrane significantly promoted osteogenic differentiation while maintaining stable local pH, which is conducive to cell adhesion and proliferation. Finally, the GelMA-G-MBGN membrane shows a superior artificial periosteum with superior capacity in angiogenesis and osteogenesis for accelerating new and mature lamellar bone formation in rat calvarial critical size defect. This co-cross-linked hydrogel membrane implied a promising strategy for the development of advanced periosteum biomaterials with excellent handle and bone repairing properties.