hugo notepadium mod

Hugo-notepadium-mod

อังกฤษ | 中文 | การสาธิตสด | บล็อกของ littlezhang

ธีม Hugo ที่รวดเร็วและเรียบง่าย ปราศจาก JavaScript 100%

• แนะนำ
• คุณสมบัติ
  • แตกต่างจากธีม Notepadium ดั้งเดิม:
  • คุณสมบัติอื่นๆ
• เริ่มต้นเลย
  • ตัวเลือกที่ 1
  • ตัวเลือกที่ 2
• กำหนดค่าธีม
• อัปเดตธีม
• ปรับแต่งธีม
• ขอบคุณ
• ใบอนุญาต

แนะนำ

ธีม Hugo แยกจาก Hugo-notepadium เวอร์ชันแรกๆ

[WIP] โครงการและ readme ยังคงดำเนินการอยู่! คุณสามารถติดต่อฉันได้หากคุณมีคำถามใดๆ

ขอเวอร์ชัน Hugo: 0.68.0+

คุณสมบัติ

แตกต่างจากธีม Notepadium ดั้งเดิม:

• เค้าโครงตาราง (ฉันสามารถใช้ตารางได้หรือไม่)
• แท็กคลาวด์
• โทค
• เชื่อมต่อล่วงหน้าและดึงทรัพยากรล่วงหน้า
• CSS ที่สำคัญแบบอินไลน์
• โมดูลฮิวโก้
• หน้าเก็บถาวร
• ปุ่มสลับธีมสว่างและมืด
• ค้นหาในไซต์ (ขับเคลื่อนโดยนกกระสา) วิธีการใช้งาน?
• รหัสย่อ Hugo ที่มีประโยชน์มากขึ้น
  • บล็อกเคล็ดลับ (ข้อความแจ้งเตือน)
  • plist สำหรับตารางอย่างง่ายใน markdown

คุณสมบัติอื่นๆ

• โลโก้
• รายการนำทาง
• การเน้นไวยากรณ์
• รองรับคณิตศาสตร์
• การแบ่งหน้าที่รองรับเพจจำนวนมาก
• แสงและความมืด
• รองรับ CSS แบบกำหนดเอง
• รองรับ JS แบบกำหนดเอง
• รองรับรายการส่วนหัวด้านขวาที่กำหนดเอง

เริ่มต้นเลย

มีสองวิธีในการใช้ธีมนี้สำหรับไซต์ Hugo

ตัวเลือกที่ 1

ใช้โมดูล Hugo Hugo Modules ขับเคลื่อนโดย Go Modules หากคุณได้ติดตั้ง Go ไว้ แนะนำให้ใช้ ตัวเลือกนี้ รายละเอียดเพิ่มเติมสามารถพบได้ใน Hugo Docs

1. เริ่มต้นระบบโมดูล Hugo ในรูทไซต์ของคุณ:

hugo mod init github.com/ < your_user > / < your_project >

2. นำเข้าธีมใน config.toml ของคุณ:

[ module ]
  [[ module . imports ]]
    path = " github.com/qdzhang/hugo-notepadium-mod "

ตัวเลือกที่ 2

ใช้โมดูลย่อย git

1. เพิ่มที่เก็บธีมเป็นโมดูลย่อย git

git submodule add https://github.com/qdzhang/hugo-notepadium-mod.git themes/hugo-notepadium-mod

2. ตั้งค่าธีมใน config.toml ของคุณ

 theme = " hugo-notepadium-mod " 

กำหนดค่าธีม

คุณสามารถกำหนดค่าเกือบทุกอย่างได้ในไฟล์ config.toml ของไซต์ของคุณ หากคุณต้องการแก้ไขธีม คุณสามารถไปที่กำหนดธีมเองได้

มีตัวอย่าง config.toml :

 baseURL = " https://www.example.com/ "
title = " Hugo-notepadium-mod "
copyright = " ©2021 hugo-notepadium-mod "

languageCode = " zh-cn "
hasCJKLanguage = true
defaultContentLanguage = " zh-cn "

enableRobotsTXT = true
paginate = 7  # The number of articles in per page
enableEmoji = true

# Enable Disqus
# disqusShortname = "XXX"

# Google Analytics
# googleAnalytics = "UA-123-45"


[ module ]
  [[ module . imports ]]
    path = " github.com/qdzhang/hugo-notepadium-mod "  # Use module to use this theme

[ minify ]
# Deploy with --minify command to minify assets
# Need Hugo version v0.68.0+
  disableCSS = false
  disableHTML = false
  disableJS = false
  disableJSON = false
  disableSVG = false
  disableXML = false
  minifyOutput = true
  [ minify . tdewolff ]
    [ minify . tdewolff . css ]
      keepCSS2 = true
      precision = 1
    [ minify . tdewolff . html ]
      keepComments = false
      keepConditionalComments = true
      keepDefaultAttrVals = true
      keepDocumentTags = true
      keepEndTags = true
      keepQuotes = false
      keepWhitespace = false
    [ minify . tdewolff . js ]
      keepVarNames = false
      precision = 1
    [ minify . tdewolff . json ]
      precision = 0
    [ minify . tdewolff . svg ]
      precision = 1
    [ minify . tdewolff . xml ]
      keepWhitespace = false

# Configure chroma highlight
# Reference https://gohugo.io/content-management/syntax-highlighting/
# https://gohugo.io/getting-started/configuration-markup#highlight
[ markup . highlight ]
codeFences = true
guessSyntax = true
noClasses = true
style = " dracula "

[ markup . goldmark . renderer ]
unsafe = true  # enable raw HTML in Markdown

[ markup . tableOfContents ]
    endLevel = 3
    ordered = false
    startLevel = 2

[ permalinks ]
  post = " /:year/:month/:title/ "

[ author ]
    name = "理头张"  # Change to your name


[ params ]
author = "理头张"
description = " littlezhang's blog "
style = " auto "  # default: auto. light: light theme, dark: dark theme, auto: based on system.
logo = " https://cdn.jsdelivr.net/gh/qdzhang/littlezhang.com/static/logo.png "
slogan = " "
# license = "<a rel=license href=http://creativecommons.org/licenses/by-nc-sa/4.0/><img alt=Creative Commons License style=border-width:0 src=https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png /></a><br />This work is licensed under a <a rel=license href=http://creativecommons.org/licenses/by-nc-sa/4.0/>Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>."

# If you use custom css files, declare them here
[ params . assets ]
css = [ " css/fonts.css " , " css/custom.css " ]

[ params . comments ]
enable = false  # En/Disable comments globally, default: false. You can always enable comments on per page.

[ params . math ]
enable = false # load math globally, default: false. You can always enable math on per page.
use = " katex "  # builtin: "katex", "mathjax".  default: "katex"

[ params . nav ]
showCategories = false       # /categories/
showTags = false             # /tags/

# You can add taxonomies in there, then link new pages in [[params.nav.custom]]
# Reference https://gohugo.io/content-management/taxonomies/
[ taxonomies ]
  category = " categories "
  tag = " tags "

[[ params . nav . custom ]]
title = " Index "
url = " / "

[[ params . nav . custom ]]
title = " Tags "
url = " /tags/ "

[[ params . nav . custom ]]
title = " Archives "
url = " /archives/ "

[[ params . nav . custom ]]
title = " About "
url = " /about/ " 

อัปเดตธีม

หากคุณติดตั้งธีมโดยโมดูล Hugo

hugo mod get -u  # This will update all modules
hugo mod get -u github.com/qdzhang/hugo-notepadium-mod  # This will update current theme

หากคุณติดตั้งธีมด้วย git submodule ให้ไปที่ไดเร็กทอรีธีมก่อน จากนั้นจึงไปที่ git pull

 cd themes/hugo-notepadium-mod && git pull

ปรับแต่งธีม

ขอบคุณ

• ฮิวโก้
• Hugo-Notepadium
• แมทแจ็กซ์
• เคเท็กซ์
• นกกระสา
• การออกแบบสไตล์มินิมอลบางส่วนได้รับแรงบันดาลใจจาก Kev Quirk

ใบอนุญาต

โอเพ่นซอร์สได้รับใบอนุญาตภายใต้ใบอนุญาต MIT