beta

HUGOでSASSを使うためのコード

2019.3.19

{{ $style := resources.Get "sass/main.scss" | toCSS | minify | fingerprint }}
<link rel="stylesheet" href="{{ $style.Permalink }}">

HUGOでSASSを自動コンパイルして設置するためのコードです。HTMLの<head>の中に書きます。SASSファイルの場所は、プロジェクトルート直下の「/assets/」以下になります。ver 0.46以上で使えます。

参考：ASSET MANAGEMENT SASS / SCSS | HUGO

Written by

Koji Kadoma: Member of codit.work

PHP、Ruby、Dockerなどのコードを共有することが多いです。今年の目標はもっとJavascriptを書くこと！

coditへのお問い合わせはこちらからお願いします。

SASSの新着コード

{{ $style := resources.Get "sass/main.scss" | toCSS | minify | fingerprint }}
<link rel="stylesheet" href="{{ $style.Permalink }}">

SASS HUGOでSASSを使うためのコード Koji Kadoma

新着コード

import { createApp } from 'vue'
import App from './App.vue'
import dayjs from 'dayjs';

const app = createApp(App);
app.config.globalProperties.$dayjs = dayjs
app.mount('#app')

JAVASCRIPT Vue.js 3でdayjsをグローバルに組み込む方法 Koji Kadoma

import { createApp } from 'vue'
import App from './App.vue'
import routes from './routes'
import { store } from './stores/'

const app = createApp(App);
app.use(routes);
app.use(store);
app.mount('#app')

JAVASCRIPT Vue.js 3でのmain.jsの書き方 Koji Kadoma

docker run --detach -it --restart=always --name=dropbox -e "POLLING_INTERVAL=20" -v /home/rancher/Dropbox:/opt/dropbox/Dropbox otherguy/dropbox:latest

DOCKER Dropboxのdockerコンテナを立ち上げる Koji Kadoma

<template>
  <p id="exscript">
    <ins class="banner"></ins>
  </p>
</template>
<script>
  export default {
    mounted() {
      let scriptEl = document.createElement('script')
      scriptEl.setAttribute('src', 'スクリプトのURL')
      document.getElementById('exscript').appendChild(scriptEl)
    }
  }
</script>

JAVASCRIPT Vue.jsのコンポーネントで外部scriptをロードする方法 Koji Kadoma