Estoy buscando crear una página de blog en las páginas de github. La idea es que puedo cargar un archivo de rebajas con una fecha en el repositorio de páginas en un directorio llamado blog y representará el .md como html, y colocará una publicación encima de la otra.

No soy el programador de javascript más experimentado, así que estoy un poco fuera de mi liga aquí. Actualmente estoy usando cdnjs para marcar y browserfs para poder acceder a los archivos en mi sitio web, pero no me permite ni siquiera escanear un archivo y renderizarlo. Aquí está el código que tengo, mi estructura de archivos, el registro de la consola:

 // Installs globals onto window: // * Buffer // * require (monkey-patches if already defined) // * process // You can pass in an arbitrary object if you do not wish to pollute // the global namespace. BrowserFS.install(window); // Configures BrowserFS to use the LocalStorage file system. BrowserFS.configure({ fs: "LocalStorage" }, function(e) { if (e) { // An error happened! throw e; } // Otherwise, BrowserFS is ready-to-use! }); /** namespace. */ var hv = hv || {}; // var marked = require('marked'); var md = window.markdownit(); var fs = require('fs'); // ... hv.processFiles = () => { //var filelist = fs.readdirSync('https://hverrill.github.io/blog/'); //console.log(filelist.size()); // filelist.forEach((file) => { // console.log("FILE: ", file); // hv.writefiles(file); // }); }; hv.writefiles = (file) => { // fs.open(file); fs.readFile(file, (err, data) => { document.getElementById('mdcontent').innerHTML += marked(data); }); }; /** Functions */ // hv.write((count) => { // const fsLibrary = require('fs') // fsLibrary.writeFile('count.txt', hv.counter, (error) => { // if (error) throw err; // }) // }); // hv.read((count) => { // const fsLibrary = require('fs') // fsLibrary.readFile('count.txt', (error, fileCount) => { // if (error) throw err; // hv.counter = fileCount; // }) // }); /* Main */ hv.main = function () { console.log("Hello World!"); var reader = new FileReader(); var text = reader.readAsText(fs.createReadStream("../blog/test.md")); console.log(text); document.getElementById('mdcontent').innerHTML += md.render(text); hv.processFiles(); // hv.read(); // hv.counter++; // hv.write(); // console.log(hv.counter); }; hv.main();

Captura de pantalla del registro de la consola de mi sitio web

Captura de pantalla de la estructura del archivo

*Editar: el código puede parecer desorganizado, probé un montón de cosas y algunas quedaron sin usar. ¡Lo siento!