Creating this Blog Site


This blog site is a customised Jekyll blog site using Markdown content authoring The layout has an expanding menu of Categories on the left with post content in the main pane on the right. For phones, the menu makes use of the glyph menu style (menu only shows when activated). The blog index page shows a summary for each page in reverse chronological order (latest first), along with its category, tags, date and author. There are also index pages for each category, and each tag. Comments for pages has been implemented using Disqus. Azure Devops is used to reposit the site content and to generate the site as an Azure Blob Storage Static Web Site.

Key Points

This site saw its roots on GitHub. It was initially created using GitHub Pages.

I used the Jekyll template on GitHub at https://github.com/bruth/jekyll-docs-template.

My implementation is at https://github.com/djaus2/djaus2.github.io (Content is only scratch)

I have a custom domain pointing to that at http://xamarin101.sportronics.com.au

About

Jekyll is a simple platform for creating static content web sites, as are blog sites. Site visitors are readonly, reading your published content. Markdown is a simple way of formatting rich content, especially code snippets, given that its only a text file. Once authored though, the content get built into (static) html content and is then deployed to the web site. Its easy to author content and test it locally before deployment. The site content is sent to a Git repository on Azure Devops where a pipeline builds and deploys the built html content.

Jekyll Filter App

I have also created a Windows Forms app for importing Web pages and Word documents into Markdown for Jekyll. This is available on GitHub at https://github.com/djaus2/Jekyll-Filter . This makes use of Pandoc There is a ClickOnce installation at here.

Devops

I found a useful post by Carl-Hugo Marcotte (thanks) on using Azure Devops as a repository for a Jekyll blog site which also covers how to orchestrate the building and deployment of the site on Azure Bob Storage, as below. I have been able to add to this by adding the https capability.

Articles

  • Introduction and prerequisites
    In this article, we draw the plan and start the project. We will create a Jekyll website and create a VSTS project with a Git repository.

  • Part 1: The VSTS Build
    In this article, we create the Jekyll build definition in VSTS.

  • Part 2: Create Azure Blob Storage, and configure static website
    In this article, we create an Azure Blob Storage and we configure it to be ready for the deployment phase. />

  • Part 3: The VSTS Release
    In this article, we create the release definition. At the end, every code push in `master` will be deployed automatically.

  • Part 4: Configuring a Content Delivery Network (CDN) (Evidently coming soon) _ In this article, we create the final piece of the puzzle, the way to access our Jekyll website using a custom domain over HTTPS. We also update the VSTS CD pipeline to account for this new addition. <– This is the bit I have done. See below

Blob Storage Static Web Site with SSL enabled

 TopicSubtopic
   
 This Category Links 
Category:Web Sites Index:Web Sites
  Next: >  
<  Prev: