Assets

Customize Doks SCSS, Doks JS, or the FlexSearch index. Add a Lambda function.

On this page

• Customize Doks SCSS
• Customize Doks JS
• Customize FlexSearch index
• Add a Lambda function
  • Example

..
├── fonts/
├── images/
├── js/
│   ├── vendor/
│   ├── app.js
│   └── index.js
├── lambda/
└── scss/
    ├── common/
    ├── components/
    ├── layouts/
    ├── vendor/
    └── app.scss

See also the Hugo docs: Hugo Pipes.

Customize Doks SCSS

👉

Set variables in `./assets/scss/common/_variables.scss`.

See also the Bootstrap code: Variables.

./assets/scss/app.scss

Customize Doks JS

./assets/js/app.js

Customize FlexSearch index

See also: FlexSearch

./assets/js/index.js

var docs = [
{{ range $index, $page := (where .Site.Pages "Section" "docs") -}}
  {
    id: {{ $index }},
    href: "{{ .RelPermalink | relURL }}",
    title: {{ .Title | jsonify }},
    description: {{ .Params.description | jsonify }},
    content: {{ .Content | jsonify }}
  },
{{ end -}}
];

Add a Lambda function

See also: Functions

Example

./assets/lambda/hi-from-lambda.js

exports.handler = (event, context, callback) => {
  callback (null, {
    statusCode: 200,
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      message: 'Hi from Lambda.',
    }),
  });
}