| /** | |
| A nifty little CSS to experience GitHub code previewer in Dark Skin using Stylish. | |
| 1. Install the Stylish(https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en) extension for Chrome. | |
| 2. Open up extension options and paste the whole CSS mentioned below. | |
| 3. Add "URLs on the domian to" to be `render.githubusercontent.com`. | |
| 4 Add "URLs on the domian to" to be `raw.githubusercontent.com`. | |
| 4 Add "URLs matching the regexp" to be `^https?://((gist|guides|help|raw|status|developer).)?github.com((?!generated_pages/preview).)*$`. | |
| 4. Add a title and save. | |
| */ |
| /** | |
| A nifty little CSS to experience HN in night mode using Stylish. | |
| 1. Install the Stylish(https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en) extension for Chrome. | |
| 2. Open up extension options and paste the whole CSS mentioned below. | |
| 3. Specify the "URLs on the domian to" to be `news.ycombinator.com`. | |
| 4. Add a title and save. | |
| */ | |
| body { | |
| font-family: Verdana, Geneva, sans-serif; |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" | |
| content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>Document</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> | |
| </head> |
This is a tutorial for building a Markdown-to-HTML renderer using Electron. It is meant to accompany my session on Building a desktop application with Electron at JSConf Colombia.
The slides for the first part of the presentation are available here.
Steve is the Director of Academics for the Front-End Engineering program at the Turing School of Software and Design in Denver, Colorado, USA.
| /** | |
| 1. Install the Stylish(https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en) extension for Chrome. | |
| 2. Open up extension options and paste the whole CSS mentioned below. | |
| 3. Specify the domain name to be `github.com`. | |
| 4. Add a title and save. | |
| */ | |
| @media (min-height: 850px) { | |
| .header { | |
| padding-top: 10px; |
| /** | |
| 1. Install the Stylish(https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en) extension for Chrome. | |
| 2. Open up extension options and paste the whole CSS mentioned below. | |
| 3. Specify the domain name to be `github.com`. | |
| 4. Add a title and save. | |
| */ | |
| .header { | |
| padding-top: 10px; | |
| padding-bottom: 10px; |
| h1 { | |
| left: 0; | |
| line-height: 200px; | |
| margin-top: -100px; | |
| position: absolute; | |
| text-align: center; | |
| top: 50%; | |
| width: 100%; | |
| } |
$ sudo npm install -g hexo-cli
$ hexo -v
hexo-cli: 0.1.9
I hereby claim:
To claim this, I am signing this object:
| ## Pre-requisite: You have to know your last commit message from your deleted branch. | |
| git reflog | |
| # Search for message in the list | |
| # a901eda HEAD@{18}: commit: <last commit message> | |
| # Now you have two options, either checkout revision or HEAD | |
| git checkout a901eda | |
| # Or | |
| git checkout HEAD@{18} |