snippets: implement the use of snippets

- Create a new folder for snippets.
- Creates an HTML snippet.
- Creates a Markdown snippet.
- Adds auto commands in the configuration to fill in new buffer with the
  snippets.
- Documents the creation of the symlink in the README in order to get
  the snippets working.

Co-Authored-by: iGor milhit <igor.milhit@unige.ch>
main
iGor milhit 2023-03-02 09:10:50 +01:00
parent 925010f10d
commit 7ff5472176
Signed by: igor
GPG Key ID: 692D97C3D0228A99
3 changed files with 53 additions and 2 deletions

View File

@ -204,6 +204,9 @@ let g:coc_global_extensions = ['coc-html', 'coc-json', 'coc-css', 'coc-markdownl
autocmd FileType scss setl iskeyword+=@-@ " Add @ to iskeyword option
let g:coc_filetype_map = { 'pandoc': 'markdown' } " Allow markdownlint to recognized pandoc filetype
" Set the Semantic Menu highlight group
hi CocMenuSel ctermbg=252
" #########################################
" #########################################
" Python provider in a pyenv
@ -244,14 +247,19 @@ nnoremap <leader>? :Helptags<CR>
autocmd! User GoyoEnter Limelight
autocmd! User GoyoLeave Limelight!
" #########################################
" #########################################
" Syntax coloration and color theme
syntax enable
set background=light
let g:edge_style = "light"
colorscheme edge
" Set the Semantic Menu highlight group
hi CocMenuSel ctermbg=252
" #########################################
" #########################################
" Snippets
autocmd BufNewFile *.html 0r ~/.config/nvim/snippets/boilerplate.html
autocmd BufNewFile *.md 0r ~/.config/nvim/snippets/template.md
" #########################################
" #########################################

View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Unique page title - My Site</title>
<link rel="stylesheet" href="/assets/css/styles.css">
<link rel="stylesheet" href="/assets/css/print.css" media="print">
<meta name="description" content="Page description">
<meta property="og:title" content="Unique page title - My Site">
<meta property="og:description" content="Page description">
<meta property="og:image" content="https://www.mywebsite.com/image.jpg">
<meta property="og:image:alt" content="Image description">
<meta property="og:locale" content="en_GB">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:url" content="https://www.mywebsite.com/page">
<link rel="canonical" href="https://www.mywebsite.com/page">
<link rel="icon" href="/favicon.ico">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/my.webmanifest">
<meta name="theme-color" content="#FF00FF">
</head>
<body>
<!-- Content -->
<script src="/assets/js/xy-polyfill.js" nomodule></script>
<script src="/assets/js/script.js" type="module"></script>
</body>
</html>

View File

@ -0,0 +1,8 @@
---
title:
date:
id:
tags: []
---
##