Giter VIP home page Giter VIP logo

blog's People

Contributors

jianloong avatar zo0o0ot avatar

Stargazers

 avatar

Watchers

 avatar  avatar

blog's Issues

Image exists, but does not appear in Gitpod preview

image

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.

Existing web site:
image

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.

Site no longer builds itself - shortcode "img" not found

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.

Create GitHub Action to build and deploy this blog to sermonarchives.github.io (GitHub organization page)

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.

Change green and blue fonts to something more normal.

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)
Screenshot from 2019-10-01 15-33-41

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._

Add and test out a soundcloud shortcode

https://mrcupp.com/post/2023-09-27-shortcode-soundcloud/

image

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 >}}

Add a standard operating procedure for adding sermons.

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.