Content2

An Example of Best Practices

This is the main page of my Quarto project, demonstrating best practices in YAML configuration. Content2

1 My Quarto Project

YAMLの事例（watanabe3tipapa.github.io）

# This file controls the settings for your Quarto template from github.com:watanabe3tipapa/watanabe3tipapa.github.io
# website settings
website:
  title: "watanabe3tipapa.github.io"                                # Your name
  description: "New Style"   # A brief slogan (optional)
  image: assets/bg.jpg
  favicon: assets/favicon.png
  
  # start of the navigation bar at the top of the website
  navbar:
    pinned: true
    logo: /assets/logo.png
    
    # your sub-pages
    left:
      - text: "Projects"
        href: projects/project.qmd
      - text: "Articles"
        href: articles/note.qmd
      - text: "Internal Link"
        href: link/link.qmd
    
    # your site and social media handles
    right:
      - icon: folder-symlink
        href: https://next.watanabe3ti.com/
      - icon: facebook
        href: https://www.facebook.com/watanabe3tipapa
      - icon: twitter
        href: https://twitter.com/watanabe3tipapa
      - icon: github
        href: https://watanabe3tipapa.github.io/watanabe3tipapa
      - icon: envelop
        aria-label: email
        href: "mailto:toruwatanabe3ti@gmail.com"  
  

# Don't touch unless you know what you are doing :) ------------
  search: 
    location: navbar
    type: textbox
  page-footer: 
    left: |
      <span class="faux-block">&#169; 2024 watanabe3tipapa CC BY-SA 4.0</span>
    center: |
      <span class="faux-block"><a href="https://watanabe3tipapa.github.io/quarto-pe/content2.html/">View the tutorial for this template!</a></span>
    right: |
      <span class="faux-block"><a href="https://github.com/watanabe3tipapa/watanabe3tipapa.github.io/">View source on GitHub</a></span>

project:
  type: website
  output-dir: docs

  preview: 
    port: 23232
    browser: true
    watch-inputs: true
    navigate: true

execute:
  freeze: true

format:
  html:
    fontsize: 1.1em
    theme: 
      - pulse
      - html/styles.scss
    toc: false
    code-link: true
    anchor-sections: true
    fig-cap-location: margin
    reference-location: margin
    footnotes-hover: true

editor: visual

YAMLの事例（next.watanabe3ti.com）

---

project:
  type: website
  output-dir: webroot

website:
  title: next.watanabe3ti.com
  navbar:
    aria-label: Main navigation
    background: dark
    search: true
    left:
      - href: index.qmd
        text: Home
      - text: SubDomain
        menu:
          - href: main.qmd
            text: Main
          - href: toolsmith.qmd
            text: Toolsmith
          - href: wiki.qmd
            text: Wiki
          - href: blogs.qmd
            text: Blogs
          - href: log.qmd
            text: LOG
          - href: github-note.qmd
            text: Github-note
      - text: Contents
        menu:
          - href: about.qmd
            text: About
          - href: note1.qmd
            text: Note1
          - href: note2.qmd
            text: Note2
          - href: note3.qmd
            text: Note3
          - href: quarto.qmd
            text: Quarto
      - text: Siteview
        href: siteview.qmd
    right:
      - icon: github
        href: https://github.com/watanabe3tipapa/next
        text: GitHub
  page-footer:
    background: dark
    left: Copyright 2024, watanabe3tipapa
    right:
      - icon: github
        href: https://github.com/watanabe3tipapa

  open-graph: true

format:
  html:
    theme:
      light:
        - flatly
        - custom.scss
      dark:
        - darkly
        - custom.scss
    css:
      - styles.css
      - custom-responsive.css
    toc: true
    toc-location: left
    code-fold: true
    highlight-style: github
    mainfont: Noto Sans JP
    monofont: Fira Code
    html-math-method: katex

lang: ja-JP

---

===