The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

Make A New Prism Syntax Highlighting Langage Definition

TODO: Pull subtitle into page object

- Fork prism from it's repo

- Clone a local copy

- Run `npm install`` in the cloned directory

- Make a new file for your language at

the content below here isn't working prolerly in the praser

components/prism-alfa.js

With contents like:

Code
Prism.languages['some-language'] = {
  'token-name': {
    pattern: /regex/
  },
};

Edit the `components.json`` file in the root of the projct to add your language like:

Code
"some-language": {
  "title": "Some Language",
  "owner": "Your GitHub name"
}

If you're going to try to submit it, make sure it's sorted properly in the alphabetical section below the defaults

http://localhost:8080/download.html

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

Make A New Prism Syntax Highlighting Langage Definition

This is what I did to make a starting point for 
the Neopolitan syntax highlighter for the example
page. 


-- olist

- Fork prism from <<link|it's repo|https://github.com/PrismJS/prism/>>

- Clone a local copy

- Run `npm install`` in the cloned directory

- Make a new file for your language at


-- hr 

the content below here isn't working prolerly
in the praser


-- p

components/prism-alfa.js

With contents like:

-- code

Prism.languages['some-language'] = {
  'token-name': {
    pattern: /regex/
  },
};

-- p

Edit the `components.json`` file in the root of
the projct to add your language like:

-- code

"some-language": {
  "title": "Some Language",
  "owner": "Your GitHub name"
}


-- p


If you're going to try to submit it, make sure it's
sorted properly in the alphabetical section below
the defaults

-- list

- Build the project with 

`npm run build``

- Start the server with

`npm start``

- Open the test page on your local machine

http://127.0.0.1:8080/test.html

- Figure your language and click on it. There
won't be any highlights yet

- Update the `components/prism-some-language.js`` 
file you created above using >this page>
https://prismjs.com/extending.html> for guidance

Note that you don't need to restart the server
if all your doing is editing that file. Reloading
the page in the browser is all that's necessary. 

- When you have the highlights the way you like
them you can pull down a customize version of
prism with them in it by going to your local
copy of the download page and getting them from
there:

-- p

http://localhost:8080/download.html


-- categories
-- JavaScript 
-- CSS 

-- metadata
-- date: 2023-04-25 19:00:59
-- id: 2owfijyb
-- site: aws
-- type: post
-- status: published