terminal hugo theme
1.1.2
تم تصميم سمة Hugo باستخدام مكتبة Tailwind CSS وعائلة الخطوط الأحادية
https://nayanseth.com
tailwind.css
الموجود في القالب، ولكن إذا كنت تريد تجربة استخدام tailwind، فاتبع الخطوات المذكورة أدناهassets/csss/tailwind
npm run dev
-> يؤدي هذا إلى إنشاء جميع فئات CSS الممكنة من الريح الخلفية. ربما لا يزال البعض مستبعدًاnpm run prod
-> يؤدي هذا إلى إنشاء فئات CSS فقط من الريح الخلفية التي تستخدمها في السمةhugo new site <SITE_NAME>
cd <SITE_NAME>
git submodule add [email protected]:techbarrack/terminal-hugo-theme.git themes/terminal
<SITE_NAME>/hugo.yaml
بـ <SITE_NAME>/themes/terminal/hugo.yaml
mkdir -p layouts/partials/third_party_js
. هذا الدليل مخصص لتخزين أي نوع من ملفات جافا سكريبت التابعة لجهات خارجية مثل تحليلات جوجل، وdisqus، وما إلى ذلكhugo server --buildDrafts --disableFastRender --gc --ignoreCache --noHTTPCache --forceSyncStatic --verbose -w
<SITE_NAME>/hugo.yaml
<SITE_NAME>/content
عن طريق تكرار ما هو موجود في <SITE_NAME>/themes/terminal/content
head.html
<SITE_NAME>/layouts/partials/third_party_js/<FILE>.html
third_party_js
قبل العلامة </body>
{{< svg logo="blah" >}}
-> استخدم الكود التالي لإضافة svg في ملفات تخفيض السعرlayouts/content/svg
{{< rawhtml >}}
<div>This is raw HTML content</div>
{{< /rawhtml >}}
بعض الروابط المرجعية للحصول على معلومات إضافية حول كيفية القيام بالأشياء في Hugo: