Situs Hugo

Manfaat dari situs statis

Pembuat situs statis seperti Hugo menjadi populer karena kemampuannya memproduksi situs yang tidak memerlukan server web. Platform web statis meniadakan tugas pemeliharaan sistem operasi server atau software. Namun, ada berbagai pertimbangan operasional. Sebagai contoh, Anda mungkin perlu menerapkan kontrol versi pada postingan Anda, menghosting situs Anda pada suatu jaringan penayangan konten ("CDN"), dan menyediakan sertifikat SSL.

Anda dapat memenuhi berbagai kebutuhan ini dengan menggunakan pipeline Continuous Integration/Continuous Deployment di Google Cloud. Pipeline deployment memungkinkan developer untuk berinovasi secara cepat dengan mengotomatisasi proses deployment keseluruhan. Di lab ini, Anda akan belajar cara membuat pipeline yang mendemonstrasikan otomatisasi seperti ini.

Akun layanan Cloud Build

Akun Layanan Cloud Build memerlukan izin untuk menggunakan Firebase guna men-deploy situs.

Setelah selesai membuat pipeline, Anda dapat membuat perubahan terhadap situs kemudian commit perubahan tersebut untuk melihat apakah perubahan telah diterapkan.

Klik Check my progress untuk memverifikasi tujuan. Cloud Build berhasil diinisialisasi

Anda telah mempelajari cara Cloud Build melakukan orkestrasi pipeline untuk men-deploy secara cepat situs Hugo ke Firebase, yang menyediakan CDN dan sertifikat SSL. Dengan Cloud Build, Anda dapat menyesuaikan proses sesuai dengan kebutuhan Anda. Waktu deployment yang singkat berarti Anda dapat berinovasi secara cepat dan menguji revisi situs Anda tanpa banyak upaya. Baca dokumentasi Cloud Build dan Firebase untuk mengetahui informasi lebih lanjut.

Sertifikasi dan pelatihan Google Cloud

...membantu Anda mengoptimalkan teknologi Google Cloud. Kelas kami mencakup keterampilan teknis dan praktik terbaik untuk membantu Anda memahami dengan cepat dan melanjutkan proses pembelajaran. Kami menawarkan pelatihan tingkat dasar hingga lanjutan dengan opsi on demand, live, dan virtual untuk menyesuaikan dengan jadwal Anda yang sibuk. Sertifikasi membantu Anda memvalidasi dan membuktikan keterampilan serta keahlian Anda dalam teknologi Google Cloud.

Manual Terakhir Diperbarui pada 25 September 2024

Lab Terakhir Diuji pada 25 September 2024

Hak cipta 2024 Google LLC Semua hak dilindungi undang-undang. Google dan logo Google adalah merek dagang dari Google LLC. Semua nama perusahaan dan produk lain mungkin adalah merek dagang masing-masing perusahaan yang bersangkutan.

Hugo is a meeting notes platform for fostering a culture that improves meeting performance and cohesion for hybrid work teams.

Now just a new tab away - A centralized platform for teams to improve remote meetings. What is Hugo? Hugo's meeting notes platform improves meeting performance and cohesion for remote teams. How? By uniting calendars, docs, and tasks, Hugo makes it easy to share meeting agendas, collaborate in real-time, and ensure that actions don't slip through the cracks. From customer calls to team meetings to one-on-ones, Hugo unlocks an incomparable way to work, that equips people not only to run better meetings but to be better teammates who are the best at their jobs. Integrations with Google Calendar, Slack, and other apps ensure that meeting outcomes can be seamlessly shared with colleagues, even if they're not Hugo users themselves. The result is that people show up to meetings prepared, customer calls are more productive and teams know whatâ€™s happening whether or not they were in the same room. The Hugo Chrome extension replaces your empty Chrome tab with a quick view into your upcoming meetings. Itâ€™s the perfect launchpad to prepare for and run your meetings. KEY HUGO FEATURES â€¢ ðŸ“� Prepare agendas and write notes in your browser â€¢ âœ… Track tasks and action items â€¢ ðŸ’¼ A library of 80+ agenda templates â€¢ ðŸš€ Quick access buttons on Google Calendar entries COMMITMENT TO PRIVACY Because Hugo connects to your calendar data, weâ€™ve made sure itâ€™s the safest place for your meeting knowledge. â€¢ ðŸ•µï¸�â€�â™€ï¸� Private. Your data is private, accessible only by you (or your team with your permission). â€¢ ðŸ’‚â€�â™€ï¸� Safe. Permissions to read and change site data allow the extension to work, not track you. â€¢ ðŸ”’ Encrypted. All information is encrypted during transit and storage. PRICING Hugo is **free** for individuals and small teams. The Pro plan starts at $6/user/month. Learn more at www.hugo.team

Dalam lab ini, Anda akan membuat pipeline untuk men-deploy situs berbasis Hugo, yaitu sebuah pembuat situs statis. Anda akan menyimpan konten situs di Cloud Source Repositories dan men-deploy situs dengan Firebase, kemudian menggunakan Cloud Build untuk membuat pipeline guna secara otomatis men-deploy konten baru yang berkomitmen pada repositori.

Dalam lab ini, Anda akan mempelajari hal berikut:

Petunjuk yang disediakan di artikel ini memadai sebagai panduan untuk lab ini. Anda juga mungkin akan terbantu jika memiliki pengalaman langsung dengan layanan yang akan Anda gunakan. Berikut beberapa lab lain yang mungkin berguna untuk Anda:

Menginstal Hugo secara lokal

Sekarang, instal Hugo secara lokal pada instance Linux, sehingga Anda dapat menguji situs secara lokal sebelum men-deploy situs tersebut menggunakan Firebase. Sebuah skrip shell telah disediakan untuk mempermudah tugas ini.

Anda juga dapat melihat konten berikut ini:

Perhatikan penggunaan perintah wget untuk mendownload Hugo dan perintah tar untuk membuka arsip Hugo. Anda akan melihat perintah yang sama nanti di lab ini ketika Anda membuat pipeline.

Masukkan perintah di bawah ini untuk menjalankan skrip dan menginstal Hugo:

Anda akan menerima pesan yang mengatakan bahwa Hugo telah diinstal ke direktori /tmp seperti yang ditunjukkan berikut ini. Anda siap membangun infrastruktur situs.

Menjalankan commit awal

Tujuan membangun pipeline adalah untuk dapat memicu build ketika perubahan diterapkan pada repositori. Anda akan mulai dengan menjalankan commit awal ke repositori sehingga Anda dapat memvalidasi kemampuan Anda membuat perubahan di masa yang akan datang.

Anda telah melakukan commit (mengupload) versi awal dari situs ke Google Cloud.

Cloud Build menggunakan file dengan nama cloudbuild.yaml di direktori root dari repositori untuk menjalankan tugas build. File ini berada dalam format YAML. Spasi dan indentasi sangatlah penting, jadi file ini telah ditempatkan pada instance Linux untuk Anda.

Penyiapan dan persyaratan

Cara memulai lab dan login ke Google Cloud Console

Klik tombol Start Lab. Jika Anda perlu membayar lab, jendela pop-up akan terbuka untuk memilih metode pembayaran. Di sebelah kiri adalah panel Lab Details dengan info berikut:

Klik Open Google Cloud console (atau klik kanan dan pilih Open Link in Incognito Window jika Anda menjalankan browser Chrome).

Lab akan menjalankan resource, lalu membuka tab lain yang menampilkan halaman Sign in.

Tips: Atur tab di jendela terpisah secara berdampingan.

Jika perlu, salin Username di bawah dan tempel ke dialog Sign in.

Anda juga dapat menemukan Username di panel Lab Details.

Salin Password di bawah dan tempel ke dialog Welcome.

Anda juga dapat menemukan Password di panel Lab Details.

Klik halaman berikutnya:

Setelah beberapa saat, Konsol Google Cloud akan terbuka di tab ini.

Berikut adalah diagram tentang apa yang akan Anda bangun:

Sasaran yang ingin dicapai adalah mampu melakukan commit kode dan menugaskannya untuk memicu pipeline, yang kemudian akan men-deploy situs. Perjalanan Anda akan dibagi jadi dua bagian. Pertama, Anda akan membangun situs secara lokal dan men-deploy situs tersebut secara manual ke Firebase, guna mendapatkan pemahaman mengenai keseluruhan prosesnya. Kedua, Anda akan melakukan otomatisasi proses dengan membangun pipeline menggunakan Cloud Build.