Gitlab_pages on Howar31 Blog

Setup VuePress with GitLab Pages on Ubuntu 18.04 LTS

Wed, 17 Apr 2019 00:00:00 +0000

This is a lite version of setup tutorial about Vuepress docs on Ubuntu. For detailed tutorial I wrote, please visit Create a docs with VuePress on GitLab Pages.

Environment

Ubuntu 18.04.1 LTS
Node.js 11.14.0
npm 6.9.0

Setup VuePress

VuePress Official Guide

Install VuePress

First, install VuePress globally:

npm install -g vuepress

or if you want to install locally:

npm install vuepress

Warning

With Vuepress installed locally, you may need to use npx vuepress in command line.

Config Build Path for GitLab Pages

To change the built files destination, we must set it up in config file. By default the config file is not exist, you may create a config file by yourself:

Secure GitLab Pages with Let's Encrypt Certificate

Sat, 23 Mar 2019 00:00:00 +0000

Edit - 2019.06.25

Add About Getting Certificates on Let’s Encrypt section.
Add Automatically Renew and Deploy Certificate on GitLab Pages section.
Add References section.
Fix typo.

Using SSL to secure your website is not only for safety, but also tell browser not show your website as not secure. Let’s Encrypt provides free SSL/TSL cerfiticates as long as you remember to renew them once in a while. And wildcard certificates can be applied to all the subdomains.

Create a Blog with VuePress on GitLab Pages

Wed, 20 Mar 2019 00:00:00 +0000

After several years hosting my blog on Wordpress, I decided to move my blog to VuePress so that I may write my blog with Markdown, and also customize my blog with Vue.js.

VuePress is a Vue-powered static site generator, which can easily help you to setup a SPA website in just few minutes. And with CI/CD and GitLab Pages integration, it becomes one of the best solution for personal blog which can be programmatically themed with Vue.js, automatically publish with CI/CD, and free host with GitLab Pages.