Forbidden City to Summer Palace

How to go to Summer Palace from the north gate of forbidden city? What bus number, how much, can I use the transportation card?
If I use Taxi, how much it will cost?
I am travelling by myself, so i prefer the public bus or metro.
And is there any restaurant for lunch at the north gate that is affordable?
Thank you.