Mithi Sevilla mithi

Using GitHub Pages with a custom domain: Namecheap Edition

As often happens, I found the official documentation and forum answers to be "close, but no cigar", and so had to experiment a little to get things working.

The main problem for me was a lack of concrete configuration examples. That's not entirely GitHub's fault: having migrated from Google Domains to Namecheap in the middle of this project, I was once again reminded of how many different ways there are to do things in the name service universe [1].

Although you'd think the simplest setup would be to merely configure for the subdomain case (https://www.example.com), in my experience using the apex domain (https://example.com) instead resulted in fewer complications.

Procedure

So here's my recipe for using a custom domain with GitHub pages where Namecheap is the DNS provider:

Advanced React by React Training

Personal notes while working through Advanced React: https://courses.reacttraining.com/p/advanced-react

Granted this is a contrived example, but it's still something I took notice to: in those "Advanced React" videos I've been watching, Ryan Florence codes very slowly, and does not make one quick change and jump back to the browser to see what changed.

He stops and thinks. He asks himself (or the viewer) questions. He wonders what

How to add a collapsible section in markdown

1. Example

Click me

Heading

Foo
Bar
- Baz

Qux

Achieving warp speed with Rust

HTML Forms

In order that you never go to W3Schools (never go there), here is a basic cheat sheet for writing simple HTML forms.

This is culled from a few sources, [the most important being MDN][MDN]. MDN (the Mozilla Developer Network) should be seen as "the docs" when you are having an issue with HTML.

	(string=>{
	string=string.replace(/(\[[^\]]+\]{[^{]+})+/g,x=>"<ruby>"+x+"</ruby>");
	var multiReplace=(s,o)=>{
	for(var key in o){ //What if there were collisions (replacing what's already been replaced)?
	s=s.replace(key,o[key]);
	}
	return s;
	},matches=[...string.matchAll(/\[[^\]]+\]{[^{]+}/g)],iShift=0;
	for(var i=0;i<matches.length;i++){
	var index=matches[i].index,length=matches[i][0].length,

	import { useState, useEffect } from "react"

	// Debounce function
	function debounce(func, wait, immediate) {
	var timeout
	return function () {
	var context = this,
	args = arguments
	var later = function () {
	timeout = null

	import { createConnection, getConnection, Entity, getRepository } from "typeorm";
	import { PrimaryGeneratedColumn, Column } from "typeorm";

	@Entity()
	export class MyEntity {
	@PrimaryGeneratedColumn()
	id?: number;

	@Column()
	name?: string;

	declare module '@vx/axis' {
	import React from 'react';
	import { ScaleTime } from 'd3-scale';

	interface Point {
	x: number;
	y: number;
	}

	interface AxisProps {

	function fullSync(page = 1) {
	let open = indexedDB.open("books", 1);

	// Set up the database schema
	open.onsuccess = evt => {
	let db = open.result;
	fullSyncPage(db, 1);
	};
	}