I'm trying to use Github pages to both host my source files (strictly markdown with LaTeX equations) and manage the equation rendering when hosting the actual webpage. If I understand this process correctly, github uses Jekyll to statically generate the website, I guess converting all my .md into .html, so I don't have to.
I've read so many posts at this point indicating that I just have to include some lines in my html to run some javascript to use MathJax. I don't know javascript or html so most of the answers seem unclear to me.
Does anyone have a I need a barebones index.md hosted on github.io that renders MathJax.
I've tried:
Creating files in layouts/default.html
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax#3/es5/tex-mml-chtml.js"></script>
In _config.yml:
usemathjax : true in _config.yml, an
In the __*.md__itself (YAML Front matter):
---
usemathjax : true
---
My website is here with this page showing an html rendered from the markdown automatically via github, the other pages I generated the html locally in VS Code which doesn't scale properly on mobile and not what I want if github can just manage it directly. The source code is here for my repo.
Related
We currently use GitHub for our code repos, which include HTML files for documentation. On GitHub, the HTML files in the repo only display the HTML source, but I can publish it to GitHub Pages, where it displays as a regular web page for my users.
We have just begun the migration to BitBucket hosted within my organization. It looks like the BitBucket Pages plug-in is the equivalent to GitHub Pages, but we don't have that plug-in and I do not expect to get it. Without that plug-in, is there a way to display HTML files as a web page? We also have JIRA and Confluence, in case those help.
I currently document my Python code with pdoc (pdoc3) to create HTML documentation. I don't think this question is specific to Python or pdoc3, but I just thought I'd add that, in case it matters. (I like pdoc3, but if another tool solves my problem, I'll try it.)
In short, how do I display HTML in BitBucket without the Pages plug-in?
I want to embed Google docs - and possibly Google sheets - in a GitLab markdown file.
GitLab's markdown guide lists the following steps to do this:
open your Google document
click File -> Publish to the web
choose Embed
click on Publish and copy the <iframe>
go to your markdown file and wrap the iframe into a <figure> tag with the responsive video_container class like in this example:
<figure class="video_container">
<iframe src="https://docs.google.com/spreadsheets/d/1jAnvYpRmNu8BISIrkYGTLolOTmlCoKLbuHVWzCXJSY4/pubhtml?widget=true&headers=false"></iframe>
</figure>
Unfortunately this does not work for me. Instead of the embedded document I only see whitespace.
this guide or this one are refering to Kramdown which is a Markdown converter used by https://about.gitlab.com:
For about.GitLab.com we use kramdown, which is an advanced Markdown
engine with a lot of interesting features that most of the other
engines don't have, such as inline attribute lists (IALs), which
enable easy styling beyond the standard Markdown options.
This guide was dedicated mainly for building static website by rendering markdown using kramdown (essentially for writing blog post) :
This guide has been made to make it easier for everyone to use
kramdown features and save a lot of time writing content for
about.GitLab.com, including handbook pages, website pages, blog posts
and everything else within the project www-GitLab-com.
Gitlab.com, Gitlab CE and Gitlab EE uses Github Flavored Markdown, an extension of common mark :
In most of GitLab text areas you'll find markdown support. Not all of
them run with kramdown, so the markup will not behave equally
"GitLabwide". For GitLab.com, GitLab CE and GitLab EE text areas, the
markdown engine is currently CommonMarker. Here you can find the
markdown style guide for them.
If you are interesting in rendering Markdown in Gitlab file (eg Readme, etc...), the Markdown guide is https://docs.gitlab.com/ee/user/markdown.html
Embedding Google sheet in GitLab Flavored Markdown is not possible, unless you want to just include a picture of it or if you want to copy/paste the spreadsheet content to markdown format
Since most of the example available in Internet is working based on Internet.
I would like to download and use. I don't want to use either CDN or openlayer.org in my code.
Is it possible to use openlayers without a CDN?
Yes. Like any library, you can download locally. This page has some download links to get the CSS and JS files: https://openlayers.org/download/
You download and unzip those into a folder that is accessible from your web server. Usually this is a scripts subfolder
Then you simply reference them as explained here:
https://www.w3schools.com/css/css_howto.asp
https://www.w3schools.com/tags/att_script_src.asp
(note these are very basic W3C references. You should really know this)
So if you downloaded those .js and .css files into a scripts subdirectory you do this:
<script src="scripts/theopenlayersscriptfile.js"></script>
<link rel="stylesheet" type="text/css" href="scripts/theopenlayerscssfile.css">
Edit:
After some experimenting and investigation, you mention that it is trying to access https://c.tile.openstreetmap.org/4/6/6.png
I googled and found this link
https://wiki.openstreetmap.org/wiki/OpenLayers_Local_Tiles_Example
Which says
With this example you can browse your tiles stored localy without any webserver. I use this to check my tiles I downloaded to use in Osmtracker. But you can also browse Tiles rendered by any other techniques.
The instructions at this link appear to explain exactly what you want to do - it has references to all of the files you are trying to use.
It is my understanding (prob completely wrong) that the php/tpl/etc files of a Prestashop site create the html page(s) of my website (see image).
Im using Developer tools on Firefox Quantum Dev edition. I can see how my page is displayed in the code (and how it links to my webpage) but I can’t see how this relates to the addresses.tpl file (opened in Notepad++ (set to php language)) and how i work backwards to comment stuff out.
How do you work back from the html code in Prestashop to find where to alter the PHP TPL files/code?
Looking at the jqm repository, they have a tool called https://github.com/jquery/jquery-mobile/blob/master/tools/config-props.html config-props.
However, downloading the repo, and running it on my local machine ends up with the following error:
Uncaught SyntaxError: Unexpected token < file:///C:/Users/Ryan/Downloads/jquery-mobile-1.3-stable/jquery-mobile-1.3-stable/js/:1
From config-props.html
<script src="../external/jquery/jquery.js"></script>
<script src="../js/"></script>
The issue is that chrome is treating the /js/ directory as a html index page listing the contents of the folder, instead of including all the javascript files within into the page.
Is this a problem with chrome? Does the tool have errors? or is there some sort of preprocessing that needs to be performed first?
You can view this page online on their documentation.
It isn't very well published, but some url tweaking / exploring after following a broken link led to this
http://jquerymobile.com/resources/#Tools
Broken link on page: http://jquerymobile.com/test/tools/log-page-events.html
Which looks similar to https://github.com/jquery/jquery-mobile/blob/e377564aa121d0439a21bc97f7854ee618c3f72d/tools/log-page-events.html
redirected to
http://view.jquerymobile.com/master/demos/
Which looked suspiciously like a hosted version of the github repo.
changing to
http://view.jquerymobile.com/1.3-stable/tools/ resulted in an index page that led to
http://view.jquerymobile.com/1.3-stable/tools/config-props.html