Giter Club home page Giter Club logo

dark-vimwiki-template's Introduction

Dark Vimwiki HTML Template

This a dark themed template for Vimwiki. Vimwiki is a plugin for Vim useful for markdown style note making.

VIMRC Config :

The following is relevant portion of my .vimrc

let g:vimwiki_list = [{'path': '$HOME/Documents/vim/wiki',
		  \ 'template_path': '$HOME/Documents/vim/wiki/templates',
		  \ 'template_default': 'def_template',
		  \ 'template_ext': '.html'}]

# add the pre tag for inserting code snippets
let g:vimwiki_valid_html_tags = 'b,i,s,u,sub,sup,kbd,br,hr, pre, script'

Code Snippets :

It is possible to insert syntax highlighted code. This template makes use of a themed version of Google code Prettify. The following is a Vimwiki example for inserting a code snippet.

= Snippet Example = 
<pre class ="prettyprint lang-cpp"> 
{{{cpp
	#include <iostream>

	int main(void){
		return 0;
	}
}}}
</pre>

Setup :

Refer to vimwiki documentation regarding templates, since it is very thoroughly dealt with there.

  1. The Template def_template.html is present in the 'wiki/' folder. Ensure that it is copied to the location specified by the template path variable in your vimrc.

  2. On running vimwiki2HTML, you will get the HTML pages generated in the 'wiki_html' folder present in your system . The file should be relative to your vimwiki path set in your vimrc.

  3. Copy the files(css and js files) in the directory 'wiki_html' present in this repo, into 'wiki_html' files present in your system.

Screenshots :

Title

Code Snippet

dark-vimwiki-template's People

Contributors

linduxed avatar rahul13ramesh avatar red-devilz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

dark-vimwiki-template's Issues

Tables not showing properly

Hi. i tried following the instructions closely and it is working pretty well except for tables. Any idea of what might be causing this, a screenshot of how it is supposed to look like would be great too.

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.