sermonarchives / blog Goto Github PK
View Code? Open in Web Editor NEWSource code for sermon archives blog
Source code for sermon archives blog
I think that the appropriate pathing is being used, as this format is currently working on the last published version.
However, when trying to move development to GitPod, I'm no longer seeing images used in the markdown content.
It also appears that the twitter icon is not being shown.
Per @JianLoong in #7 , here is a possible explanation:
I was just looking at GitPod, it seems the reason this happens because of the URL generated for preview purposes.
So if you actually did a
hugo server or hugo server -D
to run it, it will not look nice because that is supposed to be for development. If you look at the generated files under public would be correct but the demo itself is not working on GitPod because it is mapped to localhost instead of the live url instead.That being said, I tried to run the command below on GitPod instead
hugo server -b https://1313-c40017b2-ba54-4783-9c76-73b58c0603ba.ws-us02.gitpod.io -D --appendPort=false
and it seems to be working fine. (You will need to put the correct url in the command for it to be working)What is happening here is that I specifically ask it generated with that base url without appending the port number.
I'm wondering what the possible difference might be between the preview images and the images that are used inline on individual posts, and why that would apply the to the social icons, as well.
https://napjose.ph/posts/using-hugo-on-gitpod/
It appears that this config comes from https://github.com/esttech/theia-dev-conf/
Hugo already makes pages for categories and tags. They are here:
https://sermonarchives.github.io/categories/
https://sermonarchives.github.io/tags/
However, there isn't an easy link to them from the main page.
It would be nice to have that.
Hugo has a couple different options to implement search:
https://gohugo.io/tools/search/
I'm interested in figuring out a reasonable way to implement search on this Hugo site.
I built this site on an older version of Hugo, and now that my development machine (and GitPod instance) both have a more recent version of Hugo, it doesn't seem to build any more. It's running into errors.
Error: Error building site: "/workspace/blog/content/sermons/a-fathers-heart-he-turned-to-me-1977.md:21:1": failed to extract shortcode: template for shortcode "img" not found
Any help I can get to either get the shortcode working again or get actionable info on how I need to reformat my content to work would be appreciated.
GitPod is cool. Let's add support for that.
Possible templates: https://briannasiegrist.com/2018/04/28/free-sermon-notes-printable/
The latest additions should only represent content, not tags or categories. It would be nice if that could be updated.
Likely the solution should go in here:
blog/layouts/partials/latests.html
Lines 1 to 10 in 1ec4243
Potential existing GitHub actions:
The goal of this issue is to find a way to build and deploy after the code is pushed to the main branch of sermonarchives/blog.
This step would allow me to use GitPod as my primary development environment instead of a physical Linux machine.
front matter contains the following information:
sermon_date: 1991-12-29
Please add this information to the card showing each sermon on the main page.
Override theme CSS to change the initial text from Green and Blue text to something more normal looking.
The original Hugo theme is Robust.
I think it's italicized text that needs to be changed.
Output from Hugo looks like this: (permalink to page here)
The CSS that probably causes this looks like this: https://github.com/dim0627/hugo_theme_robust/blob/master/layouts/partials/styles.css
Markdown file here: content/sermons/a-fathers-heart-he-turned-to-me-1977.md
_This handwritten sermon dates back to 1977, for the Fourth Sunday in Lent. He refers to a hymn that was written by Martin Luther, containing the title of the sermon in its lyrics._
<!--more-->
_The Gospel text is from Luke 15, which contains the parable of the prodigal son. As far as I can tell, the lyrics from Luther's hymn mentioned in this sermon are probably from verse four of [Dear Christians, one and all rejoice](https://books.google.com/books?id=riMkK9b5WJEC&lpg=PA75&ots=iwkRB2P93I&dq=luther%20a%20father's%20heart%20he%20turned%20to%20me&pg=PA75#v=onepage&q&f=false), if a Google Books search can be believed._
https://mrcupp.com/post/2023-09-27-shortcode-soundcloud/
You will need to create a shortcode file in the proper location: layouts/shortcodes/soundcloud.html
<div class="embed soundcloud-player">
<iframe width="100%" height="450" scrolling="no" frameborder="no" allow="autoplay"
src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/{{ index .Params 0 }}&color=%23c9622e&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
</div>
To use this in your markdown for the page you will need to do the following:
{{< soundcloud 1342914016 >}}
The process for adding sermons has some reasonably well-defined steps, but I'm not sure I've written them down anywhere, so there's a chance I'll forget some of them when I begin adding new sermons after an upload hiatus.
I should probably write down that process and put it somewhere, such as the README file or a new, similar markdown file in the base directory, like ADDING_SERMONS.md
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.