Home Configuration this site
Post
Cancel

Configuration this site

Burning

  • site css is fucked

Workflow

  • Open Typora
    • New Doc: :new
    • Write
    • Add title, tags, categories in frontmatter
    • tags are lists
  • Open Terminal
    • cd_blog
    • this is the deploy I should aim at
      • bundle exec jekyll build -d ../public-site
    • this is the deploy I’m using
      • bundle exec jekyll build
      • git add .
      • git commit -m "message"
      • git push -u origin main
      • cd _site
      • git add .
      • git commit -m "message"
      • git push -u origin main
      • then render deploys repository “site-deploy”
  • Deploy: Github
    • commands
      • cd _site
      • git add .
      • git commit -m "message"
      • git push -u origin main
    • Render.com should then auto-deploy
    • You can manually deploy
  • be aware: there is a repository of the whole page, on github as a private repository and then there is a repository in the _site from which render takes the site

Theme

This site uses Chirpy Theme by cotes2020. Some edits I made:

Added Open-Embed support

  • To easily embed e.g. Youtube videos into posts, Open-Embed.
  • Find local gem file # in the root directory of your site $ bundle info --path jekyll-theme-chirpy
  • In my case: /Users/mathis/.gem/ruby/3.1.0/gems/jekyll-theme-chirpy-5.0.2
  • Copy _layouts/default.html
  • To your site nullnein on github
  • In _layouts/default.html
  • Edit before the </body> include the open-embed.html

When writing, just paste the URL directly in the Markdown file of your post, and the plugin will automatically generate the corresponding HTML element. For example: In file _posts/2022-02-07-my-awesome-post.md:

1
2
3
4
5
6
7
 bla bla bla bla 

 https://www.youtube.com/watch?v=qgqZnHwG7Cc

 bla bla bla bla bla

 ...

Editing the sidebar

I took out the sections Recently Updated and Trending Tags from the sidebar.

Bildschirmfoto 2022-05-04 um 00.39.34

This is what I did:

Added GoatCounter Analytics

In _layouts/default.html before </body> added:

1
    <script data-goatcounter="https://mikrophaenomene.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>

However: uBlock origin blocks GoatCounter which is fine for me. Also localhost serves of jekyll call at GoatCounter so test environment may mess up the count but since uBlock blocks it it should be fine.

Took out license and sharing at post bottom

Because of unclarity around licensing, I decided to opt for a “some rights reserved” in the footer. Thus, I needed to take out the CC license at the bottom of each post. Also, I don’t like sharing buttons. So the whole piece had to go.

In layouts/posts.html I deleted this whole section at the bottom:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
  <div class="post-tail-bottom
    d-flex justify-content-between align-items-center mt-3 pt-5 pb-2">
    <div class="license-wrapper">

      
    </div>

    <!--
 Post sharing snippet
-->

<div class="share-wrapper">
  <span class="share-label text-muted mr-1"></span>
  <span class="share-icons">
    
    

    
      
        <a href="https://twitter.com/intent/tweet?text=Configuration this site - mathis&url=https://mathis.lol/posts/configuration-this-site/" data-toggle="tooltip" data-placement="top"
          title="Twitter" target="_blank" rel="noopener" aria-label="Twitter">
          <i class="fa-fw fab fa-twitter"></i>
        </a>
    
      
        <a href="https://www.facebook.com/sharer/sharer.php?title=Configuration this site - mathis&u=https://mathis.lol/posts/configuration-this-site/" data-toggle="tooltip" data-placement="top"
          title="Facebook" target="_blank" rel="noopener" aria-label="Facebook">
          <i class="fa-fw fab fa-facebook-square"></i>
        </a>
    
      
        <a href="https://telegram.me/share?text=Configuration this site - mathis&url=https://mathis.lol/posts/configuration-this-site/" data-toggle="tooltip" data-placement="top"
          title="Telegram" target="_blank" rel="noopener" aria-label="Telegram">
          <i class="fa-fw fab fa-telegram"></i>
        </a>
    

    <i id="copy-link" class="fa-fw fas fa-link small"
        data-toggle="tooltip" data-placement="top"
        title=""
        title-succeed="">
    </i>

  </span>
</div>


  </div><!-- .post-tail-bottom -->

Setup

image handling

  • Typora imputs into assets folder
  • assets has subfolders by category
  • attibute image path as /assets/image-path.extension

add tag-archive

https://brettterpstra.com/projects/jtag/

  • change nil to none in tags_json.html
  • change config.yml to point to https://raw.githubusercontent.com/nullnein/site-deploy/main/data/tags.json

Figure out

  • how to host images
  • internal links
  • git: take care of branches, right now switched to main as default, don’t want to have pull-request hassle, no need
  • mathjax arrows
Contents