<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>
WebMake: Documentation: Tips On Using WebMake
</title>
<meta name="generator" content="WebMake/2.2" />
<style>
body {
background-color: #ffffff;
color: #000000;
font-size: medium;
font-family: verdana,lucida,helvetica,sans-serif;
}
code, samp, pre {
font-family: Courier New,courier,fixed-width,monospace;
}
H1 { font-size: x-large; font-family: Garamond,Book Antiqua,Times,serif; background: #FFCC66; }
H2 { font-size: large; font-family: Garamond,Book Antiqua,Times,serif; background: #FFDD77; }
H3 { font-size: medium; font-family: Garamond,Book Antiqua,Times,serif; background: #FFEE88; }
H4 { font-size: small; font-family: Garamond,Book Antiqua,Times,serif; }
H5 { font-size: x-small; font-family: Garamond,Book Antiqua,Times,serif; }
H6 { font-size: xx-small; font-family: Garamond,Book Antiqua,Times,serif; }
A:link {
font-weight: bold;
color: #004000;
text-decoration: underline;
}
A:visited {
font-weight: normal;
color: #008000;
text-decoration: underline;
}
A:active {
font-weight: bold;
color: #800000;
text-decoration: underline;
}
dt {
font-size: medium;
font-weight: bold;
padding-top: 8px; padding-bottom: 8px;
}
dd {
padding-top: 8px; padding-bottom: 8px;
}
</style>
</head>
<body bgcolor="#ffffff" text="#000000" link="#3300cc" vlink="#660066">
<font face="lucida,verdana,sans-serif">
<div align="center">
<img src="images/WebMakeTitle.png" alt="WebMake" width="500" height="122" />
</div>
<table width="100%">
<tr>
<td valign="top">
<strong><a href="http://webmake.taint.org/">WebMake</a>
Documentation</strong> (version 2.2)
</td>
<td valign="top">
<div align="right">
[ <a href="cms.html">Back</a> | <a href="contributors.html">Forward</a> | <a href="index.html">Index</a>
| <a href="allinone.html">All In One</a> ]
</div>
</td>
</tr>
</table>
<!-- yes, it's that Mozilla black-border code again ;) -->
<!-- stolen from www.mozilla.org via rc3.org -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#aaaaaa">
<table border="0" cellspacing="4" cellpadding="4" width="100%">
<tr>
<td bgcolor="#ffffff">
<table border="0" cellspacing="4" cellpadding="4" width="100%">
<tr>
<td>
<h1>Tips On Using WebMake</h1><p>
<a name="Editor_IDE_Support"><h3>Editor/IDE Support</h3></a><p>
The root directory of the WebMake distribution includes a <a href="http://www.vim.org/">Vim</a> rc file
to support syntax-highlighting for WebMake. To use it, make a directory
called <strong>.vim</strong> in your home directory, copy it there, and add the following
lines to your <strong>.vimrc</strong>:
</p>
<pre>
au BufNewFile,BufReadPost *.wmk so $HOME/.vim/webmake.vim
map ,wm :w!<CR>:! <strong>/usr/local/bin/webmake</strong> -R %<CR>
</pre>
<p>
Change <strong>/usr/local/bin/webmake</strong> to whatever the real path to the <code>webmake</code>
command is.
</p>
<p>
Once you do this, the macro sequence <strong>,wm</strong> will cause a rebuild of the site
which contains the file you're currently editing. In addition, opening a
file called <code>something.wmk</code> will automatically use WebMake syntax
highlighting (if you have syntax highlighting enabled in VIM).
</p>
<a name="The_Button"><h3>The Button</h3></a><p>
WebMake now includes a WebMake button:
</p>
<div align="center">
<a href="http://webmake.taint.org/"><img src="images/BuiltWithWebMake.png" width="88" height="31" border="0" /></a>
</div>
<p>
Feel free to include it on your pages; but please, if possible, add it with a
href to <a href="http://webmake.taint.org/">http://webmake.taint.org/</a>, so people who are curious can find out more
about WebMake.
</p>
<p>
It's 88 pixels wide and 31 high, by the way. If you look in the "images"
directory of the distribution, there's also an 130x45 one and a 173x60 one.
</p>
<p>
To make things <strong>really</strong> easy, here's some cut-and-paste HTML
for the image:
</p>
<p>
<pre>
<!--etsafe-->
<a href="http://webmake.taint.org/"><img
src="http://webmake.taint.org/BuiltWithWebMake.png"
width="88" height="31" border="0" /></a>
<!--/etsafe-->
</pre>
</p>
<p>
</p>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%">
<tr>
<td valign="top">
<strong><a href="http://webmake.taint.org/">WebMake</a>
Documentation</strong> (version 2.2)
</td>
<td valign="top">
<div align="right">
[ <a href="cms.html">Back</a> | <a href="contributors.html">Forward</a> | <a href="index.html">Index</a>
| <a href="allinone.html">All In One</a> ]
</div>
</td>
</tr>
</table>
<div align="right">
<a href="http://webmake.taint.org/"><img src="images/BuiltWithWebMake.png" alt="Built With WebMake" border="0" width="88" height="31" /></a>
</div>
</font>
</body>
</html>